Creazione di una stanza degli anni '60 oscillante in Adobe Illustrator CS5

Nel tutorial Premium di oggi imparerai come passare dal concetto di schizzo di base, ispirato a un'epoca passata e allo stock, per poi impostare un vecchio salotto retrò. L'artwork finale è completato da trame vettoriali, un televisore, una sedia e una stoffa piegata con sfumature e il sempre meraviglioso pannello Aspetto.

Anteprima dell'immagine finale

È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare. Un'anteprima dell'immagine finale è sotto.



Dettagli dell'esercitazione

  • Programma: Adobe Illustrator CS5
  • Difficoltà: Avanzate
  • Tempo di completamento stimato: 4 ore+

introduzione

Dopo aver creato un look anni '60 altalenante con uno dei miei precedenti insegnamenti di ritratto, ho voluto creare uno spazio vivente ispirato allo stesso decennio. Adoro l'uso audace del colore in quell'epoca.

Quindi proviamoci ...


Passo 1

Sebbene avessi un'idea molto semplice di quello che volevo nella mia stanza ispirata agli anni '60, avevo bisogno di creare uno schizzo approssimativo di come volevo che fosse e il posizionamento degli oggetti all'interno. Volevo una specie di sedia di plastica, un televisore, una tenda, un tappeto e forse qualcosa sul muro. Quindi di seguito è il mio schizzo estremamente approssimativo che ho fatto in Photoshop.


Dallo schizzo, sono andato a caccia di scorte per sedie in plastica dall'aspetto retrò e mi sono imbattuto in un'immagine ispiratrice, che potete trovare qui. Ha una grande sedia, perfetta per quello che voglio creare:


E mi ha anche dato una grande idea per l'idea "qualcosa sul muro" ... il modello è molto anni '60 e sembra essere qualcosa fatto per essere ricreato in vettoriale!



Passo 2

Inizierò a vettorizzare prima ciascuno degli oggetti e poi li integrerò nel mio spazio vitale. Il primo è la sedia e preparerò i miei strati come faccio di solito, con uno strato per le immagini di riferimento e un altro per il 50% Opacity Rectangle (M) sopra l'alto, e quindi un livello separato per il " basi".



Passaggio 3

Utilizzerò lo strumento Penna (P) per disegnare le due aree della sedia e quindi renderizzare l'ombreggiatura sopra di esse. Sto attaccando alla scala di grigi, in quanto posso manipolare i colori in seguito utilizzando le modalità di fusione.



Passaggio 4

Duplica la forma di base per il sedile effettivo, quindi crea il sotto usando il pannello Aspetto e le sfumature radiali trasparenti bianche. La forma originale verrà utilizzata in seguito per produrre una maschera di ritaglio. Io tendo ad evitare di usare il bianco poiché nulla è un bianco puro. Ho impostato ciascuna di queste forme su Opacity 50%.



Passaggio 5

Ho aggiunto ulteriori forme attorno alla sedia per le alte luci con il gradiente radiale trasparente bianco sporco e mantenuto l'opacità al 100%.


Quindi aggiunto sfumature medie, trasparenti, radiali per l'ombreggiatura. Questi sono impostati su Opacità 40%.



Passaggio 6

Utilizzerò un pennello artistico rotondo per aggiungere pennellate bianche attorno alle curve della sedia. Puoi creare i pennelli sfumati usati in questo tutorial dal mio tutorial sulle meduse. Ho impostato questi tratti su Opacità 40%.



Passaggio 7

Ho intenzione di raggruppare tutti gli elementi (Command + G) e quindi utilizzare la forma del sedile originale per creare una maschera di ritaglio (Command + 7).



Passaggio 8

Per la base della sedia, userò un metodo simile per l'ombreggiatura. Prima duplica la base, che verrà utilizzata successivamente nella Maschera di ritaglio e quindi creerai il sotto tramite il pannello Aspetto.



Passaggio 9

Ora per il grigio medio, trasparente, gradienti radiali, questi sono impostati su Opacità 40%.


Ho quindi aggiunto un gradiente bianco, trasparente, radiale per una lucentezza sulla gamba principale della sedia. È impostato su Opacità 80%.



Passaggio 10

I pennelli sfumati vengono quindi aggiunti ai tratti per la lucentezza sulla base. Questi sono con un colore bianco sporco e Opacità 50%.


Poi li metto tutti in una maschera di ritaglio con la forma originale per la base (Command + 7).



Passaggio 11

Ora che vedo l'intera sedia insieme, aggiungerò ulteriori dettagli. Il primo è l'aggiunta di pennellate di grigio medio e grigio chiaro attorno all'area di seduta per migliorare la forma. Questi vengono quindi inseriti nel gruppo Maschera di ritaglio.


Il prossimo aggiunge tratti leggeri attorno alla cucitura della sedia e aiuta a definire il braccio dallo schienale della sedia. Questi sono con il pennello blend e sono impostati su Stroke Weight 0.1pt. Con la cucitura, che va avanti, ho anche incluso un tratto grigio medio di 0.1 pt per aiutare a enfatizzarlo.



Passaggio 12

Ora per lavorare sul design della carta da parati ispirato all'immagine originale. Non sto andando per i pannelli di varie lunghezze, ma diversi steli del design. L'ho creato estraendo uno degli angoli di un cerchio pari (L), quindi duplicandolo e applicando Oggetto> Trasforma> Rifletti> Orizzontale.


Usando lo strumento Segmento di linea (\), ho disegnato una linea verticale di 7pt Stroke Weight tra le forme e quindi Object> Expanded it. Una volta fatto, ho raggruppato tutte e tre le forme (Command + G).



Passaggio 13

Quando si tratta di posizionare lo sfondo, utilizzerò Effetti> Distorsione e trasformazione> Trasforma per duplicare l'elemento e "Sposta" verticalmente e poi di nuovo in orizzontale. I valori effettivi che si spostano dipenderanno completamente dalla dimensione delle forme che hai creato.



Passaggio 14

Volevo trovare un televisore dall'aspetto retrò e mi sono imbattuto in questa immagine e mi ha dato un'idea diversa da quella che avevo già. Per prima cosa lo installerò nel documento dopo averlo ritagliato in Photoshop.



Passaggio 15

Per prima cosa creerò il centro di plastica dello schermo usando il pannello Aspetto. A partire da un gradiente lineare da nero a grigio e Offset Path per -1pt con un riempimento nero off. Questo dà l'impressione di un tratto 1pt attorno al rettangolo (M) che ha un gradiente. Ho ripetuto lo stesso per dare l'impressione di un altro profilo sfumato e poi finito con 5pt Round Corners.


Gli angoli della plastica hanno punti salienti dove la plastica si piega. Quindi creerò quattro nuovi riempimenti per la plastica e applicherò un gradiente radiale trasparente come mostrato di seguito.



Passaggio 16

Ci sono due modi in cui posso modificare la forma della plastica, la prima sarà tramite Oggetto> Distorsione busta> Ripristina con Warp (Alt + Maiusc + Comando + W) e dal menu a discesa, ho intenzione di usa lo stile Gonfia. Voglio solo una leggera curva e questo avrà il valore di "9".



Passaggio 17

Ho fatto un metodo simile per lo schermo reale del televisore, ma il valore per gli angoli arrotondati è impostato su 20pt. Ho anche gonfiato la forma tramite il menu Fx nella parte inferiore del pannello Aspetto.


Ho usato lo stesso metodo per l'esterno della televisione e questa volta includeva una trama all'interno. Questa è una delle trame predefinite che puoi trovare nelle librerie Swatch andando in Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures e selezionando il pattern "USGS 21 Intricate Surface" per aiutare a dare una superficie di plastica deformata strutturata.



Passaggio 18

Come ho detto, l'immagine originale originale mi ha ispirato a creare una televisione dall'aspetto diverso e questo è un televisore dall'aspetto più plastico all'interno di una sfera su un supporto allungato. Quindi, per creare la sfera, userò nuovamente il pannello Aspetto con un Cerchio uniforme (L).

Innanzitutto riempilo con un gradiente radiale di colore da bianco a grigio medio, con il centro nell'angolo in alto a sinistra. Il motivo è che la sorgente luminosa sulla sedia sembra essere in questa direzione.


Ora aggiungi New Fill con lo stesso gradiente, ma modificato e con il gradiente centrale. Questo sarà impostato su Blending Mode Color Burn e Opacity 30%. Utilizzare queste impostazioni per creare un nuovo stile grafico che può essere utilizzato in seguito.



Passaggio 19

Il supporto dell'unità verrà creato utilizzando l'effetto Effetti> 3D> Rivoluzione. Quindi, per prima cosa, creerò la forma della metà del supporto e gli darò un riempimento bianco sporco. L'ho colorato blu qui per renderlo più facile da vedere.


Ho quindi utilizzato la prospettiva della sedia come guida per stimare gli angoli del supporto e modificato la luce di superficie utilizzando la sezione Altre opzioni delle opzioni 3D Revolve, come mostrato di seguito.



Passaggio 20

Ho creato tre manopole con gradiente conico seguendo un grande tutorial di Iaroslav Lazunov. Usa il pannello Allinea su Verticale Allinea in modo che siano tutti uniformi.



Passaggio 21

Per completare il televisore, ho aggiunto tre forme con un riempimento sfumato radiale trasparente bianco sporco impostato su Schermo modalità fusione e Opacità 30% per conferire una leggera luminosità allo schermo.



Passaggio 22

Ora per creare le tende / tende della stanza. Inizierò creando una miscela semplice. Ho già deciso che voglio una stanza viola, quindi voglio un sottile tessuto colorante per le tende. La parte superiore sarà un viola chiaro e il fondo un viola medio.

Per iniziare, disegnerò una linea ondulata del peso di 5 pt con lo strumento Penna (P). Duplica la linea e poi spostala in alto. Seleziona entrambe le linee e crea una fusione (Command + Shift + B). Quando vai in Oggetto> Miscela> Opzioni di fusione, assicurati che sia impostato su "Colore uniforme".


Ho duplicato la fusione e quindi Oggetto> Espandi e Oggetto> Espandi aspetto e utilizzato Pathfinder> Unisci per creare una forma. Potresti notare che i bordi hanno troppi punti, quindi ho stratificato un Rettangolo (M) su entrambi i lati e ho usato Pathfinder> Meno frontale per tagliare i bordi.



Passaggio 23

Prima di iniziare l'ombreggiatura delle tende, ho intenzione di disegnare dove penso sia la fonte di luce. Sembra che potrebbe essere dietro la sedia, ma ancora a sinistra.


Ora per impostare alcune guide per le tende. Ho duplicato la miscela e poi la ho rilasciata, quindi ho solo le righe in alto e in basso. Usando questo, ho usato lo strumento Segmento di linea (\) per creare linee verticali per mostrarmi dove sarebbero state piegate le pieghe del tessuto.



Passaggio 24

È importante notare che la parte superiore delle tende non sarà visibile nella composizione finale, quindi non sono troppo preoccupato di come appare la parte superiore. Sono più concentrato sul fondo. Ho creato una sfumatura con un grassetto viola, medio scuro e viola scuro per seguire le curve del tessuto. Ho usato le guide di piegatura del tessuto per sapere dove tenere le transizioni a tinta unita in modo da creare un bordo quasi duro.

Ho quindi creato un nuovo riempimento e aggiunto un altro Graphic_Texture di base in cima al gradiente chiamato "Mezzotinta irregolare" per dare un motivo / trama sottile sul tessuto.



Passaggio 25

Ho posizionato la fusione sopra la forma a gradiente e l'ho impostata su Luce soffusa in modalità fusione per creare una leggera alterazione del colore verso il basso. Per enfatizzare la lucentezza delle tende, ho aggiunto tre linee verticali viola con il pennello sfumato impostato su Blending Mode Color Dodge, con Opacity 50%.

Ho quindi aggiunto tutte queste forme a una maschera di ritaglio con un duplicato della forma sfumata.



Passaggio 26

Ora per iniziare a posizionare gli oggetti per la composizione. Ho usato lo strumento Rettangolo (M) per aggiungere forme per il pavimento, i battiscopa, il muro e la carta da parati a sezioni. Ho usato tutte le tinte viola, tuttavia questo cambierà in seguito.



Passo 27

Per ciascuno dei rettangoli, ho aggiunto le seguenti impostazioni del pannello Aspetto:

Il tappeto, usando il motivo "USGS 21 Intricate Surface" per la texture e ho usato gradienti radiali trasparenti per produrre un'ombra per le tende, la TV e la sedia ... tuttavia in seguito toglierò l'ombra per la TV e la sedia.


Il battiscopa è un semplice gradiente trasparente e lineare per creare un bordo sulla parte superiore dell'imbarco.


Il muro presenta una sfumatura che crea un'ombra morbida dalla parte superiore del muro e sotto lo sfondo incorniciato.


La stessa sezione della carta da parati ha un frame Offset di 10pt e quindi gradienti per creare l'impressione di un bordo rialzato in alto e in basso.


Infine, il pattern sulla parte superiore dello sfondo è impostato su Blending Mode Hard Light e Opacity 90% per consentire il sottile cambiamento di colore.



Passaggio 28

Non voglio avere nulla sul muro se non il motivo del wallpaper, ma sento che ci deve essere qualcos'altro che si intromette nello spazio. Ho deciso di aggiungere antenne al televisore, con lo stile grafico creato dalla sfera del case TV nella parte superiore delle aste.



Passaggio 29

Per il tappeto, ho disegnato un Ellipse (L) e ho usato le seguenti impostazioni del pannello Aspetto e incluso due trame. Il primo è "Sticks" per aggiungere una superficie soffice complessiva. Ho quindi ridimensionato il pattern (Oggetto> Trasforma> Scala e spuntato solo "Motivo") all'80%. Ho quindi aggiunto il motivo "Crosses" in cima per aggiungere sottili riflessi al tessuto.



Passaggio 30

Sono tornato nel pannello Aspetto per il tappeto e ho modificato il cast delle ombre per la TV e la sedia, poi ho usato il gradiente per un'ombra sottile per sotto il tappeto per aiutare a enfatizzare la sua profondità.



Passaggio 31

Poiché tutte le superfici sono viola, voglio che questo si rifletta sulle superfici di plastica lucide del televisore e della sedia. Ho usato un viola medio con il pennello sfumato per aggiungere riflessi al di sotto delle superfici di plastica e quindi spostato ai corrispondenti gruppi di maschere di ritaglio.



Passo 32

Per creare un'ombra, ho disegnato le forme di quello che penso che le ombre sembreranno per la sedia e la televisione con lo strumento Penna (P), quindi gli diamo un riempimento nero. Ho usato il pennello di sfumatura con un tratto nero di 0,5 pt per aiutare a sfocare i bordi, quindi ho modificato il metodo di fusione in Moltiplica e Opacità al 30%.



Passaggio 33

Voglio dare all'intera composizione un aspetto invecchiato, quindi aggiungo per prima cosa il gradiente lineare "Verde, Giallo, Arancio" predefinito e il motivo "Sticks" sopra l'intera illustrazione. Poi di seguito, ho usato la texture "Tissue Paper 1" di un Premium Pack che ho impostato su Blending Mode Darken, Opacity 100% per dare una texture leggermente distorta.



Conclusione

Dopo aver modificato alcuni colori, ho deciso di abbinare green e viola / rosa per renderlo audace, bello e molto anni '60!

Spero che tu abbia apprezzato il tutorial Premium di oggi e spero che ti abbia ispirato a creare il tuo salotto degli anni '60.