Tracciare una faccia vettoriale da una foto di riferimento

Un paio di volte al mese rivisitiamo alcuni dei post preferiti del nostro lettore da tutta la cronologia di Vectortuts +. Questo tutorial di Jesse Hora è stato pubblicato per la prima volta il 20 ottobre 2009.

Ci sono molti modi in cui puoi avvicinarti usando una foto di riferimento nell'illustrazione, un'opzione ovvia per "tracciare" la foto. Dato che ci sono così tanti dettagli microscopici in una fotografia devi prendere numerose decisioni su come vuoi che l'immagine appaia alla fine. Vuoi che appaia fotorealistico? O più stilizzato? Fumetti? Cartoon-like?

Tutte queste decisioni porteranno all'aspetto e allo stile della tua immagine finale e al tuo lavoro nel suo complesso. Come designer / illustratore commerciale, lo stile e l'aspetto del tuo lavoro ti creeranno o ti infrangeranno. Questo tutorial coprirà queste decisioni mentre creiamo un'illustrazione da una foto di riferimento.

Opzione Premium

Se stai cercando un modo rapido per tracciare una foto e creare un vettore, prova l'azione di tracciamento vettoriale di Photoshop su Envato Market. Ti consente di tracciare rapidamente e facilmente una foto in forma vettoriale e applicare una gamma di effetti.

introduzione

Alcune persone potrebbero pensarlo così facile per tracciare una foto, e che questo tutorial è inutili. Penso che sia estremamente importante sapere come fare anche le cose più semplici bene. Ho visto troppe persone provare tracciare una foto per un'illustrazione e il prodotto finale è meno che desiderabile per non dire altro.

L'idea di base di questo tutorial è mostrare come utilizzare il processo di tracciamento delle forme e dei contorni di base di una fotografia, anziché utilizzare prevalentemente linee vettoriali con tratti, come fanno molti illustratori iniziali, si tradurrà in un aspetto desiderabile, realistico ma stilizzato Immagine.

Partire da una grande foto è ovviamente un enorme vantaggio per questo stile di illustrazione. Fortunatamente, Kyle LaMere di ISR ​​è stato in grado di fornirmi una foto davvero bella della sua serie "Visitatori". Grazie Kyle.

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.

Dettagli dell'esercitazione

  • Programma: Adobe Illustrator
  • Difficoltà: principiante
  • Tempo di completamento stimato: 2 ore

Passaggio 1A

Apri la foto sorgente. In questo caso sto usando un'immagine di me stesso ed è disponibile per i membri Plus. Ovviamente puoi sostituire la tua immagine.

Passaggio 1B

Blocca la foto e crea un nuovo livello in cima.

Passaggio 2A

Inizia tracciando il contorno degli occhiali.

Passaggio 2B

Se noti che ci sono così tante diverse forme, sfumature e riflessi che compongono gli occhiali, in particolare all'interno delle forme interne dell'obiettivo e del telaio, quindi devi prendere una decisione su quanto dettagliato / complesso vuoi realizzare l'immagine. Dal momento che questo scopo delle esercitazioni non è un aspetto del fotorealismo estremo, lo terrò relativamente semplice.

Passaggio 2C

Assicurati di rimanere coerente su quali forme / sfumature stai seguendo. Traccia sia la forma interna che quella esterna dei telai.

Passaggio 2D

Seleziona entrambe le forme interne ed esterne, scegli l'opzione Sottrai dall'area di forma nella tavolozza Pathfinder, mentre tieni premuto Opzione per espandere a una forma. Ora hai una forma che compone gli occhiali di base.

Passaggio 2E

Traccia i punti luminosi (bianchi) sugli occhiali. Cambiarli da un tratto rosso a un riempimento bianco.

Step 2F

Oltre ai punti salienti, traccia anche i punti salienti secondari sugli occhiali e trasformali in un rosso più chiaro (# F47471).

Passaggio 2G

Anche se sono chiari, dovremo descrivere la lente e le parti del naso. Potrebbe essere necessario perfezionare le forme un po ', disegnandole in modo che guardino destra al contrario di attaccare direttamente alla foto perché le forme non sono ben definite. Modificali in grigio chiaro (# EFE6E8).

Passaggio 2H

Questo è tutto per gli occhiali, cambia la bobina in un riempimento (# EF4136).

Passaggio 3A

Ora traccia la forma bianca dell'occhio. Per far sì che le forme si allineino perfettamente, seleziona il punto superiore della forma dell'occhio, copia e incolla sopra un punto duplicato. Aggiungi nuovi punti di ancoraggio usando lo strumento Aggiungi punti di ancoraggio (+) dove l'allievo scende da sotto le ciglia. Elimina i punti finali extra e continua a disegnare la pupilla usando i punti duplicati più alti. Questo è un suggerimento molto semplice, ma utile che contribuirà a mantenere le forme allineate e organizzate.

Passaggio 3B

Usa semplicemente il processo descritto sopra per ottenere la forma nera della pupilla e la forma bianca della luce. Colorali come sono nella foto, nero, bianco e azzurro / grigio (# 72A8B2).

Passaggio 4A

Le ciglia e le sfumature che descrivono le palpebre superiori e inferiori sono così sottili e sottili, che devono essere esagerato un po. Tracciali e cambiali in un marrone scuro (# 603913).

Passaggio 4B

Fai lo stesso con l'altro occhio.

Passaggio 5

Tracciare le sopracciglia sarà noioso, ma se ti prendi il tempo di entrare veramente nei dettagli, possono sembrare fenomenali. Passali al marrone scuro degli altri tratti del viso. Ecco un picco di come sta arrivando.

Passaggio 6

Il naso può essere un enorme dolore nel sedere per farlo sembrare naturale. Fai la linea semplice, tracciando solo i bordi del naso e le guance. Cambialo sullo stesso marrone scuro degli altri tratti del viso.

Passaggio 7

La chiave per disegnare la bocca è quella di non delineare l'intera bocca con la linea scura, come un pagliaccio. Disegna la forma di rosato parte delle labbra e cambiarlo in un rosa chiaro (# FDE4E3). Poi fai il sottile lavoro di linea intorno alla bocca, usando solo piccole forme di ombra dove necessario.

Passaggio 8

Una volta stabilita la bocca, terminare il sorriso con i denti è abbastanza facile. Non è necessario disegnare ogni dente, basta inserire alcune ombre che suggeriscono i denti. Riempi queste forme d'ombra dei denti con un colore crema chiaro (# E2D7D3). Disegna una grande forma bianca dietro tutte le ombre.

Passaggio 9A

I capelli vettoriali potrebbero essere un tutorial tutto da solo, potrebbe avere numerosi livelli di luci e ombre, ma preferisco lasciarlo semplicemente piatto con il contorno della forma che descrive la forma invece delle alte luci. Ora vai intorno alla forma dei capelli, tracciando alcuni dei grandi chiodi dei capelli. Puoi ottenere una forma abbastanza libera e deviare dalla foto, a patto che le forme che stai disegnando siano di riferimento. Assicurati di includere all'interno delle forme che escluderai utilizzando la tavolozza del percorso (passaggio 2D).

Passaggio 9B

Una volta che hai una forma, con tanti piccoli pezzi incisi usando la tavolozza del pathfinder, cambia la forma dei capelli in un riempimento di un colore marrone scuro usato in precedenza.

Passaggio 10A

Metti le forme di fossetta e mento e un po 'di linework nell'orecchio.

Passaggio 10B

Siamo quasi arrivati, è tempo di mettere tutto insieme. Traccia la forma di base del viso e riempila con un tono della pelle, che è un colore leggermente arancione (# F5DFD5). Applicare anche una pennellata 1pt con lo stesso colore marrone scuro utilizzato in tutto e posizionare questa forma sotto lo strato di forma dei capelli.

Passaggio 11A

Se vuoi una testa fluttuante puoi fermarti lì, ma se vuoi un posto dove appoggiare la testa semplicemente traccia la forma del collo e applica gli stessi colori e tratti del viso.

Passaggio 11B

Aggiungi una leggera sfumatura al collo e scegli una sfumatura di marrone che si avvicini al colore della pelle (# C49A6B), in modo che non sporga come un pollice irritato. Invia questa forma sul retro (Shift + Comando + Tasto meno).

Passaggio 12

Aggiungi alcune forme e linee per descrivere le spalle e le camicie.

Passaggio 13

Dopo aver guardato l'immagine, noto che il bicchieri di bottiglia di coca cola l'effetto sta succedendo con gli occhi. Seleziona tutte le forme che formano gli occhi e ingrandiscile un po '.

Passaggio 14

Solo per la composizione, aggiungi uno sfondo blu chiaro (# C2E6EA) all'illustrazione.

Immagine finale

Questo è tutto! Molto semplice, ma impara a farlo bene e può essere uno stile illustrativo molto utile. L'immagine finale è sotto. È possibile visualizzare la versione più grande Qui.

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