Come progettare un set di icone di amici multicolore

In questo tutorial di Illustrator, ti mostrerò come creare un set di icone di amici multicolori. Questo tutorial utilizza alcune forme base, sfumature, Feather e la potente funzione Live Color di Illustrator. Queste tecniche sono facilmente traducibili in altri disegni e illustrazioni.

Immagine finale

Di seguito sono riportati i progetti di icone finali su cui lavoreremo.

Passo 1

Crea un nuovo documento e disegna un rettangolo di 138 px di larghezza per 170 px di altezza con lo strumento Rettangolo (L).

Passo 2

Con il rettangolo selezionato, vai su Filtro> Stilizzazione> Angoli arrotondati per visualizzare la finestra di dialogo Angoli arrotondati. Cambia il Raggio a 70 px e premi OK.

Passaggio 3

Seleziona l'ancoraggio centrale inferiore del rettangolo con lo strumento selezione diretta (A), quindi trascina l'ancoraggio verso il basso fino a circa un sesto della dimensione originale del rettangolo. Ora abbiamo una forma della testa.

Passaggio 4

Crea un'ellisse con lo strumento Ellisse (L) largo 15 px per 42 px di altezza. Posiziona l'ellisse sopra la forma della testa a circa metà della parte superiore della testa a sinistra.

Passaggio 5

Con lo strumento Selezione (V), premi MAIUSC + ALT e trascina una copia dell'ellisse sul lato destro del viso, dandoti due forme dell'orecchio.

Passaggio 6

Seleziona le forme della testa e dell'orecchio, premi il pulsante Aggiungi aree forma dal pannello Pathfinder, quindi premi il pulsante Espandi.

Passaggio 7

Riempi la testa con un gradiente radiale dal pannello Sfumatura. Cambia il primo campione del gradiente in un colore ciano e cambia il secondo campione in un ciano più scuro. Successivamente dare alla testa un colpo di 1 pt con un blu scuro.

Passaggio 8

Utilizzare lo strumento Gradiente (G) per regolare il gradiente radiale in modo che la parte più leggera del gradiente si trovi nella parte inferiore della testa. Per fare ciò, fai clic sulla parte inferiore della testa con lo strumento Sfumatura e trascina fino a metà della testa.

Passaggio 9

Crea un'ellisse di 92 px di larghezza per 54 px di altezza e posizionala verso la parte superiore della testa al centro.

Passaggio 10

Riempi la nuova ellisse con un gradiente lineare e cambia il primo campione in un ciano chiaro e il secondo campione nel ciano scuro nel gradiente radiale della testa. Usa lo strumento Gradiente (G) per regolare la sfumatura in modo che la parte più chiara si trovi in ​​cima all'ellisse.

Passaggio 11

Seleziona la forma della testa e vai su Oggetto> Percorso> Offset per aprire la finestra di dialogo Scostamento. Modificare l'offset a -4 px e premere OK.

Passaggio 12

Disegna un'ellisse di 250 px per 250 px e posizionala sopra la forma della testa in modo che la parte in alto a sinistra della testa non sia coperta dalla grande ellisse. Selezionare la nuova ellisse e l'offset della testa e premere il pulsante Sottrai da aree forma nel pannello Pathfinder.

Passaggio 13

Seleziona la forma sottratta e riempila di bianco. Con la forma ancora selezionata, vai su Effetto> Stilizzazione> Sfuma e modifica il Raggio sfumatura su 9 px e premi OK.

Passaggio 14

Seleziona la forma della testa e Offset nuovamente come prima a -4 px. Quindi disegna un rettangolo dalla parte inferiore delle orecchie verso l'alto, comprendendo l'intera forma della testa. Seleziona il rettangolo e la forma della testa di offset e Sottrai le aree di forma.

Passaggio 15

Seleziona la nuova area di sottrazione e Copia (Comando + C) e Incolla davanti (Comando + F). Seleziona l'ancoraggio inferiore della forma copiata con lo strumento Selezione (V) e schiaccia la forma verso l'alto di circa un quarto rispetto alla dimensione originale. Selezionare l'originale e la copia, quindi Sottrai aree forma.

Passaggio 16

Riempi la nuova forma sottratta con il bianco e Sfuma la forma a 9 px come prima.

Passaggio 17

Ora che la testa è finita, possiamo creare l'area del busto. Crea un rettangolo di 286 px di larghezza per 156 px di altezza. Quindi crea un altro rettangolo largo 140 px per 75 px di altezza. Posiziona il rettangolo più stretto sopra il rettangolo orizzontale in modo che sia centrato. Seleziona entrambi i rettangoli e premi Aggiungi alle aree forme nel pannello Pathfinder.

Passaggio 18

Con i rettangoli combinati selezionati, vai su Filtro> Stilizzazione> Angoli tondi e modifica il Raggio su 40 px.

Passaggio 19

Crea un'ellisse larga 700 px per 355 px di altezza e centrata sulla forma del busto in modo che una sesta forma del busto sporga dal fondo del cerchio. Seleziona entrambe le forme e premi il pulsante Interseca forme aree dal pannello Pathfinder.

Passaggio 20

Riempi la nuova forma del busto con lo stesso gradiente radiale e traccia la forma della testa, quindi regola la sfumatura in modo che la parte più chiara arrivi dalla spalla sinistra.

Passaggio 21

Offset la forma del busto a -4 px come la testa. Quindi, disegna un'ellisse di 266 px per 266 px sul lato sinistro del busto. Seleziona l'offset e l'ellisse, quindi Interseca le aree di forma.

Passaggio 22

Riempi la nuova forma con un ciano chiaro e dagli una Piuma di 17 px.

Passaggio 23

Offset di nuovo la forma del busto a -4 px. Quindi, disegna una ellisse di 147 px di larghezza per 96 px di altezza e posizionala sopra la spalla destra. Seleziona l'ellisse e l'offset, quindi Interseca aree forma.

Passaggio 24

Riempi la nuova forma con un ciano chiaro e dagli una Piuma di 17 px.

Passaggio 25

Posiziona il busto dietro la testa dell'opera.

Passaggio 26

L'icona è finita, ma sarebbe bella con un'ombra. Disegna un'ellisse che è di 360 px per 360 px. Riempi l'ellisse con un gradiente radiale con il primo campione nero e il secondo campione bianco.

Passo 27

Con lo strumento Selezione (V), schiaccia l'ellisse in modo che sia un quinto della sua dimensione originale, quindi posizionalo dietro l'icona del compagno.

Passaggio 28

Ora che l'icona è terminata, ti mostrerò un modo rapido per ricolorare le copie dell'icona. Seleziona tutti i disegni e Copia (Comando + C) e Incolla (Comando + V). Con la copia selezionata, vai a Modifica> Modifica colori> Ricolora grafica per visualizzare la finestra di dialogo Colore dinamico.

Passaggio 29

Fai clic sul pulsante Modifica nella parte superiore della finestra di dialogo. Ora puoi modificare determinati campioni nella grafica o bloccare tutti i campioni e modificarli insieme. Per fare ciò premere l'icona di blocco nella finestra di dialogo.

Passaggio 30

Puoi afferrare i vari cerchi sulla ruota dei colori e spostarli per regolare i colori oppure puoi specificare la Modalità colore per regolare i colori. Mi piace usare questa opzione. Per selezionare una modalità colore particolare, premi il pulsante che assomiglia a un pulsante di riproduzione verso la parte inferiore della finestra di dialogo e scegli la modalità colore. Mi piace usare la modalità colore HSB.

Passaggio 31

Ora con la modalità colore selezionata e i colori bloccati, sposta i cursori per modificare i colori. Se si desidera tornare ai colori originali, premere il pulsante Ottieni colori dall'arte selezionata nella parte superiore della finestra di dialogo.

Passo 32

Ora inizia a creare tutte le icone colorate degli amici che vuoi!

Immagine finale

Tutto fatto, guarda di nuovo l'immagine finale qui sotto!

Iscriviti al feed RSS di VECTORTUTS per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.