() translation by (you can also view the original English article)
Argh, ciurma! in questo tutorial impareremo a disegnare un ritatto stilizzato in sitle flat di un simpatico Capitano, usando forme base, effetti "altera" e alcuni pennelli personalizzati e texture. Preparatevi ad issare le vele!
1. Creare la testa del Capitano
Fase 1
Iniziare selezionando lo Strumento Rettagnolo con angoli arrotondati in Adobe Illustrator, cliccare una volta nell'area di lavoro per far comparire il menu pop-up, e impostare il Raggio angolo a 5 px. Creare un quadrato tenendo premuto il tasto Shift, e riempirlo con una sfumatura lineare che va dalla base giallo pallido fino alla parte superiore rosa scuro, imitando così il colore della pelle.
Fase 2
Iniziare a creare il naso aggiungendo un altro rettangolo con gli angoli arrotondati e applicando una sfumatura lineare che va dal rosa chiaro al bianco. Cambiare il Metodo di fusione in Moltiplica dal pannello Trasparenza, scurendo così il naso e facendolo fondere per bene con il viso. Spostare il naso verso sinistra, in modo da rendere il viso del nostro personaggio girato leggermente in quel verso, come la vista di tre quarti usata nei ritratti.
Fase 3
Aggiungere un altro rettangolo perpendicolare al ponte del naso, e aggiungere 2 piccoli rettangoli marrone scuro per creare le narici.
Fase 4
Adesso coloriamo la punta del naso! Aggiungere un altro rettangolo rosa e spostarlo sulla sinistra, in modo da fargli coprire parzialmente la narice sinistra. Copiare la punta del naso e Incollarla Sopra due volte (Control-C > Control-F > Control-F). Spostare la copia superiore leggermente in alto e a destra premendo i tasti freccia su e destra alcune volte.
Selezionare sia la forma appena spostata che quella sotto e tagliare le parti che non servono utilizzando la funzione Sotto meno sopra dal pannello Elaborazione tracciati lasciando così solo un tratto sottile. Applicare la stessa sfumatura con il Metodo di fusione Moltiplica come abbiamo fatto per il ponte del naso. Per fare ciò, basta selezionare il tratto sottile appena creato, selezionare lo Strumento Contagocce (I), e selezionare la sfumatura del ponte del naso, formando così un'ombra dolce sulla punta del naso e rendendolo più prominente.
Fase 5
E ora creeremo alcuni colpi di luce! Aggiungere un paio di rettangoli sopra il ponte e la punta del naso, riempirli con la sfumatura lineare dal marrone al nero. Impostare il Metodo di fusione in Scolora, donandogli così una tonalità calda.
Fase 6
Aggiungere un paio di occhi in stile cartoon e riempirli con una sfumatura che va dal grigio al bianco. Aggiungere altri due rettangoli con il Metodo di fusione Moltiplica dietro gli occhi per accentuare le occhiaie.
Bisogna sistemare le parti del naso che si sovrappongono alle ombre attorno gli occhi. Per fare ciò selezionare tutte e tre le forme e selezionare lo Strumento Crea forme (Shift-M). Adesso cliccare e trascinare con il mouse sulle parti che si vogliono unire. Unire le parti delle ombre attorno gli occhi che sono nascoste sotto il naso.
Fase 7
Aggiungere un paio di folte sopracciglia, riempirle con una sfumatura lineare dal marrone chiaro in alto al marrone scuro in basso. Rotarne una leggermente, donando un'espressione amichevole al volto del capitano.
Fase 8
Per creare l'orecchio disegnare un rettangolo con gli angoli arrotondati, e riempirlo con il color pelle. Selezionare lo Strumento Gomma (Shift-E), tenendo premuto il pulsante Alt, cliccare con il pulsante sinistro del mouse e trascinare il mouse sulla parte sinistra dell'orecchio. Si vedrà un rettangolo bianco che copre la forma. Rilasciare il pulsante del mouse così da cancellare la parte che non serve. Duplicare l'orecchio, riducendo leggermente la dimensione della copia e rendendola più scura, per creare così la parte interna dell'orecchio.
Creare un grande rettangolo con gli angoli arrotondati e Portarlo sotto (Shift-Control-[), dietro a tutti gli altri oggetti. Riempire il rettangolo appena creato con la stessa sfumatura delle sopracciglia, formando una barba folta.
Fase 9
Continuare a dare forma alla barba del Capitano aggiungendo un altro rettangolo perpendicolare alla stessa. Mantenendola selezionata, andare su Oggetto > Path >Aggiungi Punto di Ancoraggio. Selezionare il punto di ancoraggio centrale più basso del rettangolo con lo Strumento Selezione diretta (A) e converti punti di ancoraggio selezionati in punti morbidi cliccando il pulsante Converti posizionato nel pannello sopra. Infine trascinare la parte selezionata verso il basso, creando una curva piacevole.
Fase 10
Trovare il punto in cui la parte inferiore della barba si interseca con la forma base della barba e aggiungere un altro punto di ancoraggio con lo Strumento Aggiungi punto di Ancoraggio (+). Selezionare una delle maniglie con lo Strumento Selezione Diretta (A) e, tenendo premuto Shift, ruotare le maniglie perpendicolarmente rispetto alla loro posizione iniziale. Regolare la lunghezza delle maniglie per rendere fluente il tracciato.
Fase 11
Selezionare entrambe le forme della barba e Unirle tramite il pannello Elaborazione tracciati. Duplicare due volte la forma della barba e spostare la copia superiore in alto e a destra, come fatto per il ponte del naso. Usare la funzione Sotto meno sopra per eliminare le parti che non servono.
Riempire la forma appena creata con una sfumatura lineare dal marrone chiaro al bianco, cambiare il metodo di fusione in Moltiplica, formando così un'ombra nella parte bassa della barba.
Fase 12
Rendiamo più tosto il nostro Capitano aggiungendo dei folti baffi! Iniziare aggiungendo un piccolo rettangolo con gli angoli arrotondati nella parte sinistra della faccia e posizionanarla dietro il naso (Control-[). Duplicare la forma appena creata e spostare la copia in basso e a destra. Premere una volta Control-D per ripetere l'ultima azione, crando così una copia.
Selezionare tutte e tre le parti che compongono il baffo e usare lo Strumento Riflessione (O) per crearne una copia riflessa, formando così la seconda metà dei baffi. Aggiungere un piccolo rettangolo rosa per creare la parte inferiore della bocca.
2. Creare il cappello & i vestiti del Capitano
Fase 1
Inizieremo munendo il Capitano di un berretto da marinaio. Prima di tutto creare la visiera. Prendere lo Strumento Poligono e impostare il numero dei lati a 3 per creare così un triangolo. Schiacciare la forma e Convertire l'angolo superiore in un punto di ancoraggio morbido. Selezionare il punto di ancoraggio nella parte inferiore della forma e spostarlo verso l'altro con il tasto freccia verso l'alto. Posizionare la visiera sopra la fronte del Capitanoe renderla più tridimensionale aggiungendo dei copli di luce con il metodo di fusione Colore Scherma.
Fase 2
Creare un rettangolo stretto riempito con la sfumatura dal blu scuro al blu chiaro. Andare su Effetto > Altera > Arco, impostare Curva Orizzontale e il valore della curva a 22% per rendere la forma leggermente ricurva. Oggetto > Espandi Aspetto alla forma e posizionarla sotto la visiera, così da creare un bordo creativo al cappello.
Fase 3
Aggiungere un bottone dorato con l'aiuto dello Strumento Ellisse (L) mettendo un cerchio dentro l'altro e riempiendo entrambi con una sfumatura lineare dall'arancione scuro al giallo brillante. Continuare a realizzare la parte superiore del cappello creando un rettangolo blu-grigio con lo Strumento Rettangolo (M).
Fase 4
Trasformare la forma muovendo il punto di ancoraggio superiore verso il basso, creando un angolo acuto sul lato superiore sinistro. Fare una forma simile per la seconda metà del cappello. Scurire il colore e aggiungere il simbolo di un'ancora, rendendo il cappello più dettagliato. Puoi imparare a creare una silhouette di un'ancora nel mio tutorial Creare un pattern senza giunte con Adobe Illustrator.
Fase 5
Aggiungere un triangolo capovolto per formare il petto, riempirlo con un color pelle. Creare il colletto con due triangoli e riempirli con una sfumatura lineare dal blu scuro al blu chiaro in alto, dando così più dimensione alle spalle. Aggiungere un paio di linee bianche in entrambi i lati del colletto.
Fase 6
Aggiungere un'ampia ellisse per creare la forma del corpo del nostro Capitano, rendendolo un omone virile e dalle spalle larghe.
3. Creare una pipa & il fumo stilizzato
Fase 1
Iniziare dando forma alla parte superiore della pipa creando un ellisse schiacciata e riempiendola con una sfumatura lineare marrone scuro. Creare la parte interna della pipa aggiungendo un'ellisse più piccola e più scura all'interno della prima.
Fase 2
Creare la parte inferiore della pipa aggiungendo un rettangolo con gli angoli arrotondati marrone scuro e cancellandone la metà superiore con lo Strumento Gomma (Shift-E) come fatto per l'orecchio del Capitano. Fare una copia della forma e spostarla verso destra per creare un colpo di luce con l'aiuto della funzione Sotto Meno Sopra dal pannello Elabora Tracciati e il Metodo di fusione Scolora
Spostare il colpo di luce dai lati, più vicino al centro, e creare un paio di linee con lo Strumento Gomma (Shift-E), tagliando il colpo di luce.
Fase 3
Creare il boccaglio della nostra pipa disegnando uno stretto rettangolo con gli angoli arrotondati. Andare su Effetto > Altera > Arco impostare Curva Verticale e il valore della curva a 8%, rendendo il rettangolo molto più ampio nella parte sinistra. Oggetto > Espandi Aspetto della forma ed applicare ancora l'effetto Arco, ma questa volta impostare Curva Orizzontale e il valore della curva a 57% per rendere dolce e arcuata la curva della forma. Non dimenticarsi di Espandere l'aspetto dell'oggetto, in modo da applicare la trasformazione.
Fase 4
Posizionare il boccaglio tra i baffi e la parte bassa della bocca del Capitano e unire le parti della pipa, aggiungendo una sfumatura dorata per dargli un aspetto lucido.
Fase 5
Procedere creando il fumo della pipa e dandogli una forma quadrateggiante. Per prima cosa, creare dei rettangoli con dimensioni diverse, sovrapponendoli uno con l'altro e spostandoli leggermente in alto e verso destra rispetto al Capitano. Ora spostare leggermente i rettangoli, allineandoli uno con l'altro. Selezionare i due rettangoli alla base e impostarne la posizione tramite il pannello Allinea. Selezionare Allinea a oggetto chiave e Allineamento orizzontale a sinistra, per allineare entrambi i rettangoli sul lato sinistro.
Fase 6
Allineare gli altri rettangoli uno all'altro, sul lato destro o sinistro, in base alla forma finale del fumo. Una volta ottenuta la forma che ci piace selezionare tutti i rettangoli e Unirli con il pannello Elaborazione tracciati, formando un singolo oggetto.
Fase 7
Rendere la forma del fumo più dolce. Andare su Effetti > Stilizzazione > Angoli arrotondati e impostare il valore del Raggio a 7 px.
Fase 8
Riempire la forma del fumo con un colore grigio-blu. Duplicarla due volte e creare, con l'aiuto della funzione Sotto meno sopra dal pannello Elaborazione tracciati, una piccola striscia che formerà l'ombra.
Fase 9
Applicare una sfumatura lineare alla striscia appena creata, rendendola più scura rispetto al fumo. Selezionare la striscia e prendere lo Strumento cutter (si trova nel menù dello Strumento gomma). Usare lo Strumento cutter sulla forma che compone l'ombra, facendo dei tagli diagonali lungo gli angoli. In questo modo si crea un effetto lucido, simile ai rifelssi di uno specchio.
Fase 10
Anche se stiamo creando un'immagine in stile flat, questo non significa che debba essere troppo piatta. Bisogna separare gli oggetti uno dall'altro, dando più spazio e dimensione. Delle semplici ombre ci possono aiutare molto! Iniziare dalla pipa, duplicandola e Unendo tutte le forme della copia dal pannello Elaborazione tracciati, ottenendo così la silhouette della pipa.
Spostare la silhouette più in basso e riempirla con una sfumatura lineare dal marone al bianco, cambiare il Metodo di fusione in Moltiplica così da avere un'ombra delicata sul labbro e sulla barba del Capitano.
Continuare e fare l'ombra anche sotto i baffi, il naso ed anche sotto la visiera. Aggiungere tranquillamente altre ombre dove ce n'è il bisogno, come sotto le orecchie o il petto.
4. Creare una cornice decorativa fatta di corda con il Pennello Pattern
Fase 1
Diamo alla nostra opera un aspetto più completo inserendola in una cornice a tema. Prima di tutto bisogna creare una corda stilizzata che useremo per il pennello. Iniziare disegnando un piccolo rettangolo con gli angoli arrotondati, con un raggio per gli angoli molto ampio, da farlo sembrare quasi un'ellisse. Usare lo Strumento rotazione (R) e impostare l'Angolo a -30º.
Selezionare la forma e, tenendo premuti i pulsanti Alt and Shift contemporaneamente, cliccare e trascinare la forma verso destra, creando una copia. Assicurarsi di aver attivato le Guide sensibili (Visualizza > Guide sensibili), cosicché le forme si allineino tra loro, rendeno il tuo flusso di lavoro più semplice. Premere Control-D per ripetere l'ultima azione, creando un altro elemento della corda.
Fase 2
Rendere le forme esterne più scure, in modo da alternare i colori nella corda. Adesso bisogna creare una cornice che delimiti l'elemento che si ripeterà, consentendoci di creare un pennello senza segni di giunta. Selezionare lo Strumento rettangolo (M), impostare il colore del riempimento e della traccia in Nessuno e creare un quadrato i cui lati passino sui centri delle forme più esterne, spostare poi il quadrato sotto le altre forme (Shift-Control-[).
Le Guide sensibili ti aiuteranno ad essere più preciso, azzeccando il centro della forma e mostrandoti le intersezioni. Aggiungere alcuni piccoli dettagli, come le luci e le ombre, in modo da rendere la corda più dettagliata.
Fase 3
Selezionare tutte le parti create, compresa la cornice che delimita l'area, e trascinarle nel pannello dei Pennelli. Selezionare Pennello pattern e non modificare le opzioni di default nella finestra pop-up delle Opzioni.
Fase 4
Vediamo il nostro pennello in azione! Selezionare lo Strumento ellisse (L) e creare un cerchio attorno al Capitano. Duplicare il cerchio e, mantenendo selezionati sia il cerchio che il Capitano, creare una Maschera di ritaglio premendo il pulsante destro del mouse, così da far scomparire le parti che non servono. Selezionare il secondo cerchio e applicargli il pennello pattern appena creato. Possiamo escludere il fumo dalla Maschera di ritaglio posizionandolo sopra (Shift-Control-]), facendolo uscire dalla cornice.
Fase 5
Aggiungere un nastro di carta per bilanciare la composizione. Creare un rettangolo sulla parte inferiore della cornice e riempirlo con un color giallo sabbia e aggiungere due rettangoli più piccoli color giallo scuro ai lati del nastro.
Fase 6
Creare un triangolo più scuro tra i lati della forma superiore e quella inferiore, formando così un solido. Selezionare le forme laterali e andare su Oggetto > Tracciato > Aggiungi punti di ancoraggio e trascinare i punti di ancoraggio laterali appena creati verso il centro, dando la forma di bandierine ai rettangoli.
Fase 7
Raggruppare tutte le parti del nastro (Control-G) e andare su Effetto > Altera > Arco, impostando il valore di Curva orizzonatale a 20%.
Fase 8
Selezionare il nastro e fare Oggetto > Espandi apparenza, aggiungere un po' di strappi per dare un aspetto vecchio e malconcio alla carta. Per creare gli strappi aggiungere tre punti di ancoraggio con lo Strumento aggiungi punti di ancoraggio (+), selezionare il punto centrale con lo Strumento di selezione diretta (A) e convertirlo in un punto angolo. Trascinare verso il basso il punto appena creato, creando uno strappo triangolare.
Fase 9
Aggiungere degli strappi qua e là e iniziare a lavorare sullo sfondo dietro il Capitano. Dare un po' di profondità all'immagine mettendo una sfumatura blu scuro dietro la figura del Capitano (Doppio click sul Capitano, oppure Click destro, e Isola tracciato selezionato per modificare l'oggetto dentro la maschera di ritaglio). Inserire alcune macchie allo sfondo formate da dei piccoli cerchi chiari, raffigurando così una notte stellata. Aggiungere un altro rettangolo dietro al Capitano, più scuro rispetto al cielo, per creare la superficie dell'oceano. Andare su Effetto > Distorci & Transforma > Zig Zag e impostare la Dimensione a 6 px e i Rilievi per segmento a 5. Spuntare Punti arrotondati, così da ottenere le onde dell'oceano.
Fase 10
Aggiungere altre strisce più sottili per creare le onde, applicandogli lo stesso effetto Zig Zag, creando delle onde regolari.
Fase 11
Riempire lo spazio vuoto del nastro con del testo. Comporre una frase e scegliere un font adeguato alla composizione. Io ho utilizzato il font gratuito Amatic Bold, scaricabile da Font Squirrel. Oggetto > Espandi apparenza al testo, rendendolo una forma vettoriale, applicare l'effetto Arco con il valore della Curvatura orizzontale a 15%. Impostare il colore del testo in marrone scuro, in modo da renderelo omogeno con la palette colori dell'immagine.
Se alcune parti del testo vanno sopra gli strappi eliminarle con lo Strumento crea forme (Shift-M) cliccandoci sopra tenendo premuto Alt.
Fase 12
Ci siamo! Ora dobbiamo solo aggiungere qualche piccolo dettaglio per dare un aspetto più definito e completo alla nostra opera.
Per prima cosa, copiare la barba del Capitano e incollarla sopra (Control-C > Control-F). Aprire il Menu biblioteche campioni dal pannello Campioni, andare su Patterns > Grafica base > Grafica base_Textures e selezionare la texture Tratteggio, applicarla alla copia della barba, imitando i peli. Con lo Strumento ridimensionamento (S) ridurre la dimensione della texture, impostare il valore di Ridimensiona uniforme a 70% e spuntare la casella Trasforma Pattern. Cambiare il Metodo fusione in Moltiplica e ridurre l'Opacità dal Pannello trasparenza per rendere la texture più reale.
Fase 13
Infine, aggiungere un lieve effetto disturbo all'immagine, rendendola più grezza. Iniziare posizionando un quadrato, della dimensione della nostra immagine, sopra a tutti gli elementi, riempirlo con un colore giallo-grigio e cambiare il Metodo fusione in Moltiplica, andare poi su Effetti > Galleria effetti > Texture > Granulosità. Impostare l'Intensità a circa 72 e il Contrasto a 53 e selezionare Tipo Spruzzi per rendere la granulosità più dolce.
Terra a babordo!Siamo finalmente arrivati!
Ottimo lavoro ciurma! Abbiamo creato un simpatico ritratto stilizzato del nostro Capitano, usando unicamente forme ed effetti. Spero che abbiate scoperto nuovi metodi e trucchi, e che vi possano tornare utili nei vostri prossimi lavori. Buona fortuna!
