Come creare un'immagine vettoriale elegante da una referenza fotografica

Questo tutorial ti mostrerà come creare un'immagine vettoriale illustrata professionalmente da un riferimento fotografico. Ti mostrerò un flusso di lavoro facile da seguire, che include la selezione di un'immagine appropriata e la creazione di documenti. Con una conoscenza di base dello strumento Penna, dello strumento contagocce e della tavolozza del percorso, puoi creare un'immagine vettoriale stilizzata che sicuramente stupirà i tuoi clienti o amici.


Passaggio 1: selezione dell'immagine

Puoi creare immagini vettoriali da persone in molti modi diversi, ma mi piace usare un'immagine come base. In questo modo lo si mantiene realistico. Quindi eccoci, puoi cercare un'immagine online o crearne una tu stesso. Per questo tutorial puoi usare la stessa immagine di me. Se stai utilizzando una delle tue foto, tieni sempre a mente questi due punti:

  • Dimensione immagine: più grande, meglio è! È difficile lavorare con un'immagine con dimensioni impostate su 200 pixel di larghezza.
  • Contrasto: è necessario avere abbastanza contrasto per lavorare con, quando l'immagine è a piatto non puoi selezionare i dettagli.

L'immagine utilizzata in questo tutorial è abbastanza grande e ha un sacco di contrasto. C'è un sacco di confusione sul terreno, ma possiamo escludere quei dettagli. Quando ho iniziato con questa immagine ho aggiunto più contrasto con photoshop, questo è qualcosa che puoi fare quando non sei sicuro della quantità di contrasto. L'immagine qui sotto è di un mio amico.
Dategli una visita al suo portfolio: Roy Hoes.



Passaggio 2: configurazione del file

Mentre lavoro con Illustrator, mi piace sempre avere una visione chiara dei miei livelli. Pertanto, utilizzo sempre lo stesso set-up nel pallet dei miei strati. Metto l'immagine che userò e qualsiasi altro riferimento che potrei aver bisogno nel livello inferiore. Questo strato dovrebbe essere bloccato in ogni momento. Non vuoi finire nei guai con questo in seguito.

Metto in pila tutti gli altri miei strati. Mi piace nominare i miei strati, come puoi vedere nell'immagine qui sotto. È più facile quando vuoi cambiare una piccola parte più tardi. Dai ai tuoi livelli nomi brevi e chiari per un flusso di lavoro rapido.



Passaggio 3: messa a fuoco dell'immagine

Con questo tipo di immagini le cose possono diventare affollate quando si entra nei dettagli di tutto. Soprattutto con questa immagine, tutta la spazzatura sul terreno. Con questo in mente è necessario scegliere gli oggetti su cui si vuole focalizzare lo spettatore. Nel mio caso ho scelto me stesso come punto focale. Per mantenere l'immagine interessante, ho anche dato qualche dettaglio alle bottiglie d'inchiostro sul terreno.



Passaggio 4: a modo mio

Quando creo grafica vettoriale come questa, tendo a utilizzare solo tre strumenti: lo strumento penna, lo strumento contagocce e la tavolozza degli itinerari. Puoi creare quasi tutto ciò che riesci a pensare quando unisci l'uso di questi tre strumenti. Nella prossima parte del tutorial, ti guiderò attraverso le diverse parti dell'immagine.

Quando creo un'immagine in uno stile come questo, non uso mai la funzione di tratto. La funzione di colpo non dà abbastanza controllo quando si tratta di spessore della linea. Ti consiglio di disegnare i contorni, che danno più controllo, piuttosto che usare un pennello. Lo svantaggio di utilizzare questo metodo è che richiede più tempo. In entrambi i casi potresti creare risultati professionali, questo è il mio metodo preferito.

Ogni volta che smetto di lavorare con un livello lo blocco, solo per essere sicuro di non rovinare il mio set-up. Di seguito puoi vedere un esempio di come dovresti creare un percorso. A sinistra ho usato un tratto, questo è sbagliato (almeno sbagliato per gli scopi di questo tutorial e del flusso di lavoro). Sul lato destro, vedi come creo un percorso nel modo corretto, come una forma piena.



Step 5 - Delineare il viso

Mi piace iniziare con il contorno del viso. È sempre un buon punto di riferimento su come sarà l'immagine totale. Se non sembra buono, di solito ricomincia o lavoro su qualcos'altro. Il più delle volte è anche una delle parti più difficili di un'immagine. È meglio completare prima le parti difficili!

Quando si traccia il contorno del viso (guancia, mascella e orecchio) è facile vedere dove sono i bordi, ma quando si tracciano il naso e le labbra diventa più difficile. La sensazione giusta è molto importante, non vuoi un'immagine corretta che non si senta bene, quindi ricorda che stai per un tocco illustrato. Esercitatevi un po 'di volte e ne avrete un'idea.

Inizia con un nuovo livello sopra il livello di riferimento bloccato, chiamalo "contorno". Traccia la forma principale della testa, i capelli e alcuni dettagli. Mantenere la quantità di dettagli relativamente bassa per il risultato che stiamo lavorando per raggiungere.



Passaggio 6: colori

Scegliere i colori è sempre difficile per me, di solito comporta molte prove ed errori. Di nuovo, la sensazione è tutto ciò che conta. Cerca di mantenere la quantità di colori al minimo. In questo esempio ho utilizzato quattro colori per la pelle: un colore di base, un colore di evidenziazione e due colori per le ombre. Puoi usarne uno più o meno, ma tieni conto dello stile che vuoi raggiungere. Il numero di colori per ciascuna area è uguale al numero di toni per quell'area dell'illustrazione.

Crea un nuovo livello sotto il livello "outline". Chiama questo livello qualcosa come "Pelle". Crea un nuovo percorso con lo strumento Penna e dargli il colore desiderato. Assicurati di rimanere sotto i bordi neri delineati con i tuoi percorsi tonali, vedi sotto per esempi di costruzione del tono con forme sovrapposte.



Step 7 - Altri contorni

Dopo aver fatto la faccia come mi è piaciuto (spessore del contorno, quantità di dettagli e colori), inizio a delineare il resto dell'immagine. È piuttosto semplice, usa lo strumento Penna e decidi dove vuoi che il contorno sia. È sempre bello giocare con lo spessore del contorno. Mi piace rendere le linee di piccoli dettagli più sottili del contorno della forma generale, ma dà un po 'più di attenzione al soggetto.

Non dimenticare di cambiare il livello e bloccare l'altro! Mentre delinei, tieni presente quale parte dell'immagine vuoi mettere a fuoco e non andare troppo lontano nei dettagli. Rimani nello stesso stile del viso, come dimostrato di seguito.



Passaggio 8: colora il resto della pelle

I contorni sono fatti, yay! Stai già guardando una bella immagine. È ora di dare un po 'di tono al resto della pelle. Usa gli stessi colori del viso. Nella maggior parte dei casi, lo stesso schema di colori sarà buono, a volte mi piace portare un colore più chiaro o più scuro per aree diverse. Ad esempio, quando il viso è al sole e le braccia sono all'ombra.

A volte è difficile capire dove si trova bordo del percorso dovrebbe essere, assicurarsi di nascondere / mostrare molto il livello della pelle, il che aiuterà a determinare questo. È anche utile per prima cosa creare la forma più piccola e quindi posizionare una forma più grande sotto, in questo modo si ha una visione chiara mentre si fa la forma più piccola.



Passaggio 9: Colora gli abiti

Una tecnica spesso usata, è quella di scegliere colori che non sono nell'immagine originale. Ad esempio, non ho ricreato i colori della maglietta, l'ho appena fatto diventare blu, il che semplifica la maglia e fa risparmiare tempo. Anche in questo caso, solo pochi colori per ogni parte: un colore di base, un colore di evidenziazione e il colore dell'ombra.

Crea un nuovo livello e chiamalo "vestiti". Posizionalo sotto il livello del contorno, non importa se è sopra o sotto il livello "Pelle". Utilizzare lo stesso metodo descritto al punto 6 per riempire le parti vuote degli abiti.



Passo 10: colora gli extra

Quando sono soddisfatto del soggetto principale dell'immagine, inizio a lavorare sui piccoli dettagli in più, come il pennello e le bottiglie di inchiostro. Questi non dovrebbero attrarre troppa attenzione, quindi tengo giù la saturazione. Ho usato solo un colore di base sulle macchie di inchiostro e sul pennello ho aggiunto un colore di evidenziazione.

Non passare troppo tempo su questi piccoli dettagli. Trascorrere molto tempo sui dettagli è una trappola comune a cui cadere quando si crea qualsiasi illustrazione, lavorare per evitarlo. Bilancia il tempo trascorso e il livello dei dettagli con l'obiettivo generale dell'illustrazione.



Passaggio 11 - Problemi di background

Ora tutte le parti dell'immagine su cui si concentra lo spettatore sono fatte, ma l'immagine non è ancora finita! Ho tracciato approssimativamente alcune parti sullo sfondo, usando solo la tonalità di un colore. In questo modo non distoglie l'attenzione dai punti focali dell'illustrazione. Lo sfondo è mantenuto realistico e semplice. Dopo aver creato lo sfondo, aggiungiamo un bordo all'immagine.

Non dimenticare: crea un nuovo livello e blocca il livello su cui stavi lavorando! Posiziona questo livello sotto tutti gli altri livelli, anche se non al di sotto del livello di riferimento, ovviamente. Ruota attorno ad alcuni dettagli sullo sfondo, solo per dare forma allo sfondo. Quando fai lo sfondo, non preoccuparti di cercare di creare una scatola perfetta ai bordi, ti spiegherò nel passaggio successivo. Va bene sovrapporre i bordi dell'illustrazione.



Passaggio 12 - Strumento Area di ritaglio

Di nuovo, crea un nuovo livello. Questa volta posizionalo sopra tutti gli altri livelli e crea un rettangolo nel colore desiderato. Usando la Palette Pathfinder e un altro rettangolo è possibile ritagliare la forma del bordo e colorarla in nero, come mostrato di seguito.

Hai quasi finito. Ricorda che ti ho detto di non preoccuparti delle forme che vanno oltre i bordi dell'illustrazione? Seleziona lo strumento Area ritaglio (Shift + O) e trascina un rettangolo attorno al bordo appena creato. Ora puoi esportare l'immagine, solo le parti all'interno del rettangolo saranno visibili nell'immagine esportata.



Conclusione e immagine finale

Finito! Ora puoi creare una bella immagine del tuo ritratto preferito. Ricorda, più pratichi queste abilità più facilmente diventa. Spero che questo tutorial ti sia piaciuto e mi piacerebbe vedere alcuni dei tuoi risultati nel gruppo Flickr di VECTORTUTS!