Costruisci una scena guidata da personaggi carini

In questo tutorial lavoreremo su una scena piena di personaggi creata per mostrare un'auto intelligente. Vedremo un flusso di lavoro che uso per creare lavori su larga scala. Imparerai come guidare lo spettatore attraverso l'immagine, anche quando è piena di personaggi sorridenti. Imparerai anche come pianificare e controllare il tuo processo di costruzione vettoriale dopo aver disegnato la tua immagine completa.

Questo particolare pezzo è il mio contributo al progetto OutSmart, maggiori dettagli di seguito.


Breve

L'immagine è stata sviluppata come contributo per il progetto OutSmart. Per il breve ho dovuto rispondere ad alcune domande. Cosa e dove vorresti che fosse la tua auto? Questo è il tuo spazio quindi sii libero o rigido come vuoi, reale o immaginario come vuoi. Crea la tua auto e il tuo posto ideale per guidarla, parcheggiarla, farla volare? Formato 400x160 mm. Pianificato come una doppia pagina in una pubblicazione. Queste sono le linee guida su cui è stato costruito questo progetto. Diamo un'occhiata al flusso di lavoro per fare questa illustrazione.


Passaggio 1: Scribble and Thumbnails

All'inizio, c'è lo scarabocchio. Piccoli schizzi con miniature consentono di avere un'idea delle dimensioni e delle possibilità. Senza troppi sforzi possono essere create le prime idee. Nel farlo cerco di non disegnare troppo dettagliato. È importante che gli schizzi rimangano piccoli. In tal modo dai una pausa alla tua immagine per sviluppare l'illustrazione in scala reale.



Passaggio 2 - Schizzi più dettagliati

Scegli uno schizzo in miniatura e continua a lavorare. Personaggi e dettagli non devono essere elaborati al cento per cento. La dimensione dello schizzo rimane comunque piccola. Anche se è appena arredato con segnaposto a questo punto, il disegno assomiglia già al risultato finale.



Passaggio 3: concetto e composizione

Gli elementi principali della composizione sono le strade. Servono come tema centrale che mantiene unito il disegno. Gli occhi dell'osservatore sono guidati lungo le strade verso i singoli punti della composizione. Tutte le direzioni del disegno conducono alla Smart car all'estrema destra. I semafori deragliano il movimento. Loro contrastano la strada. Quindi le luci diventano un elemento importante dell'immagine perché decentrano la composizione e introducono un ulteriore livello.



Passaggio 4: Sketch in scala completa

Il modo migliore per creare schizzi in grandi dimensioni è quello di attenersi alla scala completa. Il disegno in scala reale ha il vantaggio di trasmettere un sentimento per le dimensioni e le loro diverse possibilità. Per illustrare il Inteligente in modo convincente ho comprato una macchina giocattolo Smart.


In questo schizzo vengono aggiunti tutti i personaggi. È utile provare diverse versioni su un pezzo di carta di riserva. Ulteriori dettagli sul tema dei simpatici personaggi si trovano nel mio articolo The Elements of Cute Character Design, che è un'ottima introduzione al design di personaggi carini.


La storia questa illustrazione dice

L'intera città accoglie gentilmente la piccola macchina perché il veicolo non inquina l'aria tanto quanto le auto più grandi. Tutto punta all'ecocompatibilità del veicolo: nuvole felici e pulite, alberi sorridenti, creature tranquille che dormono a terra. I semafori non sono in vigore per il Smart Car, come tutti gli aprono la strada. Ne gode anche la lampadina rossa.


Passaggio 5: scansione e pulizia

Scansiona l'immagine. Sarà più facile tracciare piccoli dettagli se si utilizza 300 dpi. Usa la scala di grigi in modo che la dimensione del file sia relativamente piccola. Collega entrambe le parti A4 usando Photoshop. In Photoshop è possibile apportare le modifiche finali, ad esempio è possibile organizzare la dimensione o la posizione di elementi distinti. Salvalo come JPG una volta che sei soddisfatto dei risultati di questa fase.



Passaggio 6: impostare il file di Illustrator

Apri Illustrator e seleziona File> Nuovo (Comando + N) per creare un nuovo documento. Selezionare la dimensione 400 x 160 mm e la modalità colore CMYK. In questa modalità i colori sono più facili da gestire. Imposta la modalità griglia su 300 dpi. Seleziona File> Inserisci per posizionare il jpg "schizzo". Vai alla palette dei livelli e crea un nuovo livello, chiamalo "lavoro" e imposta il colore su Rosso. Quello sarà il livello su cui stiamo lavorando. Se il tuo lavoro è molto complesso, non dimenticare di nominare i tuoi livelli! Blocca anche il livello "schizzo".



Passaggio 7: pianificare le forme vettoriali

La sequenza durante la vettorizzazione è molto importante. Necessariamente deve essere pianificato in anticipo. Inizia sempre sullo sfondo e lotta fino alla parte anteriore dell'immagine! In seguito, questo è un grande aiuto per la colorazione. Se la sequenza di un singolo elemento è confusa, devono essere risistemati faticosamente.

Per il mio processo di lavoro, inizio a costruire tutte le forme. Più tardi aggiungo i colori. Per ricreare le forme, utilizzo principalmente lo strumento penna, lo strumento ellisse e la tavolozza degli itinerari. Utilizzare un tratto da 0,25 pt in modo da poter vedere lo schizzo. Utilizzare una pennellata nera con bordi arrotondati. Tieni presente che è necessario essere il più vicino possibile alle linee della matita!

L'immagine sotto mostra l'ordine in cui ho costruito le forme vettoriali.



Step 8 - Inizia a costruire le forme

Andiamo! Inizia con il livello sullo sfondo. Con lo strumento rettangolo si disegna un quadrato della dimensione dell'area di disegno. Più tardi questo quadrato viene usato per limitare i singoli elementi. Crei il paesaggio verde nella parte posteriore con lo strumento Penna. Cerca di andare d'accordo con una quantità di punti il ​​più piccola possibile. In questo modo i contorni esterni non appaiono troppo sovraffollati. Quando il livello è finito, copialo e posizionalo sul retro (Comando + C e poi Comando + B). Sposta la nuova forma con i tasti di direzione nella parte inferiore dell'area di disegno. Ripeti questo processo con ogni nuovo modulo. Seleziona singoli punti con lo strumento selezione diretta per adattarlo al disegno.



Passaggio 9: Costruisci il piccolo ragazzo addormentato

Per il piccolo che dorme a terra, disegna la forma più esterna con lo strumento Penna. Inizia con il corpo, quindi allenati con le braccia, la testa e il viso. Disegna la forma del corpo e poi le ombre delle gambe. Le aree si sovrappongono l'una all'altra. Copia la forma del corpo e posizionalo sopra (Comando + C e poi Comando + F). Seleziona entrambe le forme quindi applica Pathfinder> Interseca ShapeArea. Applicare la stessa procedura per gli occhi e la bocca. Trascina un cerchio (tieni premuto Alt + Maiusc), copia e posizionalo di fronte ad esso. Seleziona e sposta il nuovo cerchio: Pathfinder> Dividi per creare una forma di mezza luna. Usa queste forme per gli occhi e la bocca.



Passaggio 10: Costruisci gli alberi

Gli alberi non sono dettagliati, in quanto sono posizionati sullo sfondo. Non voglio che si distinguano. Disegna un cerchio per gli alberi con lo strumento Ellisse. Fare clic su un punto con lo strumento Selezione e adattare il cerchio al disegno. Le labbra e la bocca sono disegnate con lo strumento Penna.

Seleziona l'intero albero e raggruppa i singoli elementi (Comando + G). Tenendo premuto il tasto Alt, trascinare l'albero sul lato per duplicarlo. In base ai requisiti, si posiziona il nuovo dietro o davanti al primo impianto. Gli alberi nella parte posteriore dovrebbero essere più piccoli. Non dimenticare di posizionare alberi singoli dietro al paesaggio come mostrato nello schizzo. Modifica le facce e le forme degli alberi con lo strumento Selezione diretta secondo necessità.



Passaggio 11: The Clouds

Sebbene le nuvole possano essere create con lo strumento Penna, preferisco usare lo strumento Ellisse. Questo metodo è più veloce e le curve diventano rotonde. Segui il contorno del tutto creando cerchi nelle dimensioni necessarie. Premi Alt + Maiusc quando usi lo strumento Ellisse per creare cerchi perfetti. Completa il centro. Seleziona tutti i cerchi, Pathfinder> Aggiungi a forma area.



Step 12 - Guance e gocce di pioggia

Anche le guance e le curve all'interno della nuvola vengono disegnate con lo strumento Ellisse. Trascina un cerchio (Alt + Maiusc). Seleziona il cerchio, premi Comando + C, quindi premi Comando + F. Sposta il nuovo un po 'verso sinistra. Fare clic su di esso con lo strumento Selezione diretta e allungarlo premendo il tasto Alt.

Seleziona entrambi i cerchi e fai clic su Dividi nella tavolozza Pathfinder. Duplica le forme. Posiziona i moduli sui punti appropriati del cloud. Disegna le guance con lo strumento Ellisse. I cerchi sono necessari per gli occhi. Copia (Comando + C e poi Comando + F) e ridimensionali (Alt + Maiusc). Selezionare entrambi e premere Dividi nella palette Pathfinder. Per costruire un secondo ciclo, copia il primo e ridimensionalo (Command + C e poi Command + F).

Per le gocce di pioggia disegna un cerchio (facendo così premi Alt + Maiusc). Fare clic sul punto superiore con lo strumento Selezione diretta, allungare e alterarlo in un segno d'angolo con lo strumento convertitore. Duplica e posiziona le gocce nel disegno. Seleziona e copia il cloud completo con le gocce di pioggia (Command + C e quindi Command + F). Sposta la nuova nuvola a destra.



Step 13 - The City

Nel processo di progettazione della città è importante non perdere il filo in termini di sequenza. Di nuovo inizi con lo sfondo. Inizia con il sole e continua con le case. Tutte le forme delle case sono costruite con lo strumento Penna. Anche le forme delle finestre vengono disegnate con lo strumento Penna.

Successivamente, copia questo modulo e posizionalo di fronte al primo (Command + C e quindi Command + F). Copia la finestra inferiore e seleziona le nuove forme e nella palette Pathfinder premi Dividi. Continua questa procedura per gli ingressi. Alla fine si disegna la nuvola nella parte posteriore della città in modo che si sovrapponga alle case nella parte anteriore (passaggio 11).



Step 14 - Man in legno

Il prossimo a costruire è un personaggio fatto di legno che ha la sua fonte dalla mia immaginazione. Ha una goccia di pioggia pulita sulla testa e un ippopotamo in mano. Tutte queste figure sono fondamentalmente create con lo strumento Penna. Presta attenzione alla sequenza! Inizia con il braccio sinistro del ragazzo di legno e continua con le gambe, il busto e il braccio a destra.

Per quanto riguarda la testa, inizi con il ramo che giace nella schiena e lotta fino alla forma della testa. Come è stato descritto nei passaggi precedenti, si utilizza lo strumento Ellisse per creare le guance (utilizzare gli strumenti Pathfinder secondo necessità). Anche il lato superiore della testa viene disegnato con lo strumento Ellisse. Per costruire i loop viene utilizzata la stessa procedura descritta al punto 11. Per l'ippopotamo si utilizza anche lo strumento penna.



Step 15 - Occhiali goccia di pioggia

Diamo un'occhiata a come disegnare gli occhiali a goccia di pioggia. Crea gli occhiali della goccia di pioggia con lo strumento Penna. Inizia con le lenti, poi risolvi la montatura degli occhiali. Per questo si regolano le impostazioni del contorno. 2 pt è necessario per questo. Assicurati di stringere i moduli. Selezionali facendo clic tenendo premuto Maiusc e quindi su Oggetto> Percorso> Struttura. Seleziona le tre forme frontali degli occhiali, poi usa lo strumento Pathfinder Unite. Ora puoi modificare alcuni dettagli, ad esempio i frame, con lo strumento selezione diretta.



Passo 16 - Cono di costruzione

La procedura per disegnare la nuvola in primo piano è descritta al punto 11. Per il cono si disegna prima la forma inferiore di esso. Disegna un quadrato con lo strumento Rettangolo (Alt + Maiusc). Ora applica Effetto> Stilizzazione> Angoli tondi e inserisci 1 mm per arrotondare gli angoli. Con lo strumento selezione diretta si adatta il quadrato al disegno. Seleziona Comando + C e Comando + B, spostalo in avanti e un po 'a sinistra in modo che la superficie appaia tridimensionale.

Disegna il triangolo superiore con lo strumento Penna. Io uso per disegnare le linee in 6pt. Duplicalo due volte. Converti i percorsi in un modulo (Oggetto> Percorso> Struttura). Ora selezioni il triangolo, copialo e mettilo davanti a quello precedente (Comando + C e poi Comando + F). Selezionare una linea e questo nuovo modulo e premere Intersect Shape Area nella palette Pathfinder. Ripeti questo passaggio per gli altri due.



Step 17 - The Streets and the Rainbow

Disegna le strade con lo strumento Penna. Copiali e posiziona i nuovi scaglionati dietro il precedente (Comando + C e poi Comando + B). Facendo così, le strade diventano spesse.



La creazione dell'arcobaleno è simile. Prima di tutto costruisci il modulo più esterno, copialo e posizionane uno nuovo in primo piano. Con lo strumento selezione diretta si adatta il disegno al disegno. Copia il modulo in basso e posizionalo in primo piano. Selezionare entrambe le forme e premere Intersect Shape Area nella palette Pathfinder. Continua questa procedura fino a quando tutte le strisce sono finite.


Per l'arcobaleno nella parte posteriore, trascina un cerchio (Alt + Maiusc), quindi copialo e posizionalo di fronte. Tiralo verso il basso per incontrare la linea di matita. Copia il primo cerchio e posizionalo davanti (Comando + C e poi Comando + F). Seleziona entrambi i cerchi, quindi applica Dividi nella Tavolozza degli itinerari per tagliare questa forma. Ora ripeti i primi passi per costruire le strisce arcobaleno.



Step 18 - Amici, Cappelli e Auto

I pedoni amichevoli sono creati con le stesse tecniche degli elementi precedenti. Ancora una volta usi la penna e lo strumento ellisse. Inizia con il corpo, poi continua con la testa e infine il cappello. Nel farlo procedo da una figura all'altra, dalla parte posteriore alla parte anteriore.


Per disegnare la parte posteriore della maggior parte della vettura inizi a trascinare i cerchi per le ruote con lo strumento ellisse. Successivamente si disegna l'intera forma, il tetto, il cappuccio e le finestre. Ripeti la procedura per disegnare l'auto nella parte anteriore. Taglia le finestre con gli strumenti Pathfinder.



Passo 19 - I semafori

Qui viene utilizzato principalmente lo strumento Penna. Inizia con il semaforo. Dopo, aggiungi un tipo di scatola grande, luci e paralumi. Il compito del piccolo uomo verde sulla destra è quello di rendere più interessante la grande superficie.



Passaggio 20 - Dettagli stradali

Supponiamo che per prima cosa disegni la parte inferiore della strada sulla destra con lo strumento Penna. Costruisci la parte più in alto come un modulo completo che deve essere elaborato con i dettagli nel passaggio successivo. Dopo quello costruisci il fantasma intelligente e la parte giusta della strada.



Step 21 - The Smart Car

Sembra difficile ma è creato con le stesse procedure come tutti gli altri elementi dell'immagine. Non perdere il filo! Inizia con il retro la maggior parte delle parti, il cofano e i sedili. Quindi continui con le figure e le gomme. Il lato sinistro della vettura è a filo con le parti anteriori anteriori e lo scudo anteriore.



Passo 22- Iniziare ad aggiungere colori

Ora il disegno completo è vettorizzato. È tempo di colori!


Colori

La terza parte dopo il disegno e la vettorizzazione è la colorazione e l'aggiunta di ombre e sfumature. Puoi risparmiare tempo se aggiungi i colori dopo aver costruito l'immagine.

Per la colorazione preferisco usare la mia palette di colori che ho ampliato nel corso del tempo. I colori dovrebbero apparire pallidi sullo sfondo. Usa più toni blu che gialli. I colori caldi come il rosso, il giallo e il marrone spingono in avanti e supportano la prospettiva quando vengono utilizzati correttamente. Quindi colora le forme in primo piano con toni caldi.


Passaggio 23

Inizia con le grandi superfici come il cielo e il paesaggio per determinare l'atmosfera dell'immagine. Continua con le strade, l'arcobaleno, i semafori e così via. Le singole forme hanno ancora un contorno del contorno di 0,25 pt.



Passaggio 24

Quando tutte le forme sono colorate, rimuovo i contorni del contorno. Ora puoi vedere se i contrasti sono abbastanza intensi. In questo caso è possibile aggiungere ombre nere o regolare i colori.

Imposta la trasparenza su Moltiplica e Opacità su un massimo del 65%. Rinnovo punti non convincenti con sfumature di colore per suggerire la tridimensionalità.

Primo passo Colorare


Senza tratti di contorno


Con gradienti e ombre



Conclusione

Di seguito l'illustrazione finale e qui puoi vedere la versione grande.