Come creare il proprio badge stilizzato vettoriale

In questo tutorial, impareremo come illustrare un volto con l'aiuto di una foto e come creare un pulsante pin personalizzato. Questo è un divertente tutorial che usa tecniche relativamente semplici. Andiamo ad esso!

Anteprima dell'immagine finale

Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.

Passo 1

Sono andato a stock.xchng e ho scelto una foto che pensavo potesse adattarsi a un'illustrazione per un viso. Il ragazzo aveva un aspetto così bello sul viso che non potevo passare. Iniziamo con il posizionare l'immagine in un nuovo documento di Illustrator.

Passo 2

Blocca il livello dell'immagine e crea un nuovo livello. Quindi iniziare a tracciare la faccia con lo strumento Penna (P). Ho scelto un grigio dal momento che sto per un look in bianco e nero.

Passaggio 3

Inizia a tracciare il sopracciglio con un riempimento nero. Sii il più semplice possibile. Non stiamo per un look realistico, ma per uno stilizzato.

Passaggio 4

Traccia anche l'altro sopracciglio, come mostrato di seguito.

Passaggio 5

Quindi passa agli occhi stessi. Inizia semplicemente tracciando il contorno.

Passaggio 6

Ho riempito la forma del contorno occhi con un grigio chiaro. Quindi aggiungi i dettagli degli occhi. Semplice ma efficace. Basta aggiungere una forma piena di un grigio più scuro.

Passaggio 7

Quindi aggiungi la pupilla a forma di mezza luna nera.

Passaggio 8

Aggiungi alcuni punti salienti per dare vita agli occhi. Puoi farlo semplicemente aggiungendo due piccoli cerchi bianchi e inseriscili nella pupilla.

Passaggio 9

Quindi abbiamo bisogno di alcune ciglia. Prendi lo strumento Penna (P) e inizia a tracciare le ciglia, quindi duplicale diverse volte e posizionale intorno all'occhio.

Passaggio 10

Quindi tracciamo le labbra. Ancora una volta, mantieni le forme semplici, traccia solo in forme facili con lo strumento Penna (P). Ricorda, lo strumento Penna è il tuo migliore amico. Ora riempire le forme con un colore rosso e un tratto nero, e riempire il labbro superiore con un rosso più scuro. Questo darà al viso uno sguardo drammatico, dal momento che abbiamo mantenuto le altre forme in bianco e nero.

Passaggio 11

Inizia a tracciare i capelli. Dal momento che la foto taglia del resto della sua testa, dobbiamo diventare un po 'creativi. Immagina i capelli e aggiungi tanti punti e loop di cui hai bisogno. Riempi di nero.

Passaggio 12

Non dimenticare il naso. Trace e quindi riempirlo con a
sfumatura grigia, lineare o radiale, dipende da come si fonderà con il suo colore del viso.

Passaggio 13

Ecco la faccia finita. Sono andato avanti, l'ho stilizzato un po 'di più, l'ho affettato e riempito ogni forma con un diverso grigio o nero.

Passaggio 14

Passiamo al pulsante pin. Crea un cerchio e riempilo con un gradiente radiale da bianco a nero, quindi aggiungi un'ombra esterna. Imposta la Modalità livello su Moltiplica.

Passaggio 15

Crea due copie del cerchio, ridimensiona uno e imposta il
Modalità livello su Normale. Ora aggiungi un tratto grigio di 6pt all'interno. Selezionare entrambi e Dividerli tramite la palette Pathfinder.

Passaggio 16

Elimina la parte interna con lo Strumento selezione diretta (A) e posiziona la forma del cerchio sopra l'altra.

Passaggio 17

Duplica il primo cerchio nel passaggio 14 e ridimensionalo un po 'e posizionalo sopra.

Passaggio 18

Crea un piccolo rettangolo (M) e riempilo con un gradiente lineare da nero a bianco a nero. Applicare gli angoli arrotondati (Effetto> Stilizzazione> Angoli arrotondati) e un'ombra esterna.

Passaggio 19

Ripeti il ​​passaggio 18 e crea un altro rettangolo, ma non applicare gli angoli arrotondati, solo un'ombra esterna.

Passaggio 20

Successivamente, crea una forma dell'ago con lo strumento Penna (P) e riempila di nuovo con una sfumatura lineare, quindi aggiungi un'ombra esterna.

Passaggio 21

Crea un altro piccolo rettangolo (M). Aggiungi angoli arrotondati, un'ombra esterna e imposta la Modalità livello su Colore brucia.

Passaggio 22

Crea un altro rettangolo, ma ritaglia il centro, proprio come vedi sotto. Inoltre, aggiungi un'ombra esterna.

Passaggio 23

Passiamo alla parte superiore del pulsante pin. Crea un cerchio delle stesse dimensioni della parte posteriore del pulsante pin. Riempi di bianco e aggiungi un'ombra esterna.

Passaggio 24

Crea una forma simile alla falce dividendo semplicemente due cerchi nella palette Pathfinder. Riempi di nero e imposta la Modalità livello su Moltiplica.

Passaggio 25

Crea un altro cerchio in cima e riempilo con un gradiente radiale dal nero al bianco. Imposta la Modalità livello su Moltiplica.

Passaggio 26

Crea due forme funky, una in nero e una in rosso, quindi le sovrapponi.

Passo 27

Seleziona entrambi e applica l'effetto Pucker e Bloat (Effetto> Distorci e Trasforma> Pucker e Bloat). Applicare le impostazioni mostrate di seguito.

Passaggio 28

Questo è ciò che dovrebbe piacere con l'effetto applicato a entrambe le forme.

Passaggio 29

Crea una copia del cerchio per il pulsante pin, rimuovi tutti gli effetti e riempie, quindi posizionalo sopra le forme increspate. Seleziona tutto e applica una maschera di ritaglio (Comando + 7).

Passaggio 30

Posiziona la forma ritagliata in cima al pulsante pin. Quindi crea un piccolo cerchio riempito con un gradiente radiale molto chiaro da grigio a bianco e imposta la Modalità livello su Sovrapposizione.

Passaggio 31

Prendi la faccia e raggruppala (Comando + G), quindi posizionala sopra il pulsante e ridimensionala se necessario.

Conclusione

Questo è il risultato finale. Un pulsante pin stilizzato con una faccia illustrata. Certo, potresti usare la tua foto o anche una tua foto. Godere!

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