Oltre a Photoshop, puoi creare arte vexel anche in Illustrator. Lì c'è addirittura una funzione di Traccia che può automatizzare in parte il tuo lavoro, ma questa è un'altra storia e non è l'argomento di questo tutorial. E ancora: oltre al fattore di tendenza, le immagini vexel hanno una caratteristica molto utile. Possono essere ingrandite a piacimento senza che i contorni diventino sfocati, logico. Non lavoriamo con i pixel, ma con forme che vengono contornate con vettori e che possono essere ridimensionate senza problemi.
Passo 1
A titolo di confronto ho messo insieme le immagini prima e dopo affiancate in modo che tu possa vedere l'intera portata del lavoro. Per un principiante, questo è già un compito piuttosto impegnativo, ma con ogni immagine vexel acquisisci esperienza e miglioramenti. Suggerimento: se vuoi creare un'immagine vexel, duplica l'originale per poter confrontare i colori e le forme dell'immagine vettoriale con l'originale durante il lavoro.
Passo 2
Inizia tracciando i contorni dell'immagine dall'alto verso il basso. Nel nostro caso è importante dato che dobbiamo considerare la struttura a piume dell'uccello. Seleziona lo strumento lasso e traccia la parte superiore del becco.
Passo 3
Fai clic destro e scegli l'opzione crea tracciato.
Passo 4
Nella finestra di dialogo successiva, seleziona la toleranza. Per i dettagli più piccoli, una tolleranza di circa 1-3 è ottimale, in questo modo il tracciato verrà creato esattamente seguendo la selezione e non sarà semplificato arbitrariamente dal programma.
Passo 5
Il becco dell'uccello non è unico ma presenta alcuni colori che puoi rappresentare nella versione vettoriale con un gradiente. Nella tabella dei livelli, seleziona l'opzione gradiente per riempire il tracciato.
Passo 6
Prima seleziona il tipo di gradiente nero a bianco e definisci l'angolo appropriato nella finestra di dialogo riempimento gradiente.
Passo 7
Il gradiente, attualmente in bianco e nero, può essere personalizzato con qualsiasi colore. Fai doppio clic sulla barra del gradiente e definisci i colori rosso e giallo nella finestra di dialogo modifica gradiente, come mostrato nello screenshot.
Passo 8
Nello stesso modo descritto nei passaggi da 2 a 7, puoi creare anche la parte inferiore del becco. Assicurati di rispettare l'ordine dei livelli. Il principio del posizionamento dei livelli è semplice. Il livello con la parte inferiore del becco si trova sotto il livello con la parte superiore.
Passo 9
Crea alcune forme sopra e sotto la parte del becco che sottolineino la struttura del becco. Queste forme possono essere create con lo strumento lasso e trasformate in un tracciato.
Passo 10
Le forme create vengono riempite non con gradienti, ma con un colore pieno. Seleziona l'opzione colore pieno nella tabella dei livelli.
Passo 11
Nello screenshot puoi vedere quanti livelli di riempimento compongono la versione vettoriale del becco. La bocca è stata riempita di nero. In realtà, qui potremmo terminare le spiegazioni, poiché le tecniche si ripeteranno più o meno ora. Ma non sarebbe giusto, poiché ci sono ancora alcuni suggerimenti che renderanno il tuo lavoro più facile e non voglio negarteli.
Passo 12
Per una migliore organizzazione, è utile unire i livelli di riempimento che si abbinano tematicamente in gruppi di livelli. I livelli che compongono il becco possono essere evidenziati tenendo premuto il tasto Maiusc e uniti in un gruppo premendo contemporaneamente Ctrl+G. Rinominate il gruppo "Becco".
Passaggio 13
Selezionate il livello dello sfondo e create una selezione della testa dell'uccello con lo Strumento Lazo. Utilizzate l'Strumento Lazo con l'opzione Aggiungi alla selezione per poter creare la forma per blocchi, in modo da poterla creare in modo più pratico in modo segmentato. Trasformate la selezione in un Tracciato, scegliendo una tolleranza di 2. Riempite la forma con il colore blu.
Passaggio 14
Se non siete soddisfatti della forma del tracciato, potete trascinare i punti di ancoraggio del tracciato e adattare la forma. Per farlo, selezionate lo Strumento Selezione Diretta e lo Strumento Selezione Tracciato.
Passaggio 15
Per evitare che la forma disegnata della testa copra i dettagli successivi come gli occhi e le piume, potete temporaneamente ridurre l'opacità del livello di riempimento a circa il 50%.
Passaggio 16
Disegnate le forme con un colore blu leggermente più chiaro nella parte superiore e posteriore della testa. Assicuratevi che i livelli che fanno parte della testa non superino il gruppo di livelli del becco.
Passaggio 17
Le piume sulla testa dell'uccello possono essere realizzate con la stessa tecnica. Disegnate con lo Strumento Lazo diverse piccole "piume" (opzione Aggiungi alla selezione) e trasformatele tutte insieme in un Tracciato. Riempite poi il Tracciato con un colore blu scuro.
Passaggio 18
Una volta completate tutte le forme della testa, ripristinate l'opacità del livello inferiore con il contorno della testa al 100%. Unite i livelli della testa in un gruppo di livelli.
Passaggio 19
Iniziate a lavorare sugli occhi. Per poter distinguere tutto l'originale sotto il gruppo con la testa, riducete l'opacità dell'intero gruppo testa a circa il 30-50%. Creare forme più scure sotto gli occhi.
Passaggio 20
Create la forma della pupilla, che riempirete con un colore rosso scuro.
Passaggio 21
Creati ulteriori forme come la pupilla, che verrà riempita di nero, un riflesso luminoso nella pupilla da riempire di colore bianco. Unite i livelli dell'occhio in un ulteriore gruppo di livelli.
Passaggio 22
Come descritto in precedenza, lavorate sui livelli con i quali vettorizzare il collo dell'uccello.
Passaggio 23
Per i dettagli più colorati, come ad esempio il petto dell'uccello, potete imbrogliare un po'. Create prima la forma base, come avete fatto con la testa, quindi la forma con le piume, che riempirete con un colore leggermente più scuro.
Passaggio 24
Duplicate quindi il livello con la struttura altre tre volte. Scalate le copie del livello di riempimento con la struttura, spostatele leggermente rispetto al primo livello con la struttura e cambiate il colore del riempimento facendo doppio clic sulla miniatura del livello di riempimento. Una volta completata la distribuzione delle strutture, potete unire i livelli in un gruppo di livelli.
Passo 25
Per le piume più grandi, puoi facilitarti il lavoro lavorando con copie dei livelli di riempimento. Prima crea un livello di riempimento con la forma di una piuma e con un gradiente da verde chiaro a verde scuro.
Passo 26
Fai una copia del livello di riempimento e spostala in un'altra posizione. In questo modo puoi creare un gran numero di piume clonate. Per evitare che siano identiche, puoi ruotare alcune forme utilizzando il comando Trasformazione libera.
Passo 27
Unisci i livelli delle piume in un gruppo di livelli.
Passo 28
Per dare un po' più di struttura alla piuma, puoi applicare un altro trucco. Duplica il gruppo di livelli con le piume e riducilo in modo che la struttura del gruppo di piume sia leggermente spostata rispetto all'originale.
Passo 29
Sull'insieme dei livelli con le piume ridimensionate, crea un mascheramento di livello e seleziona lo Strumento gradiente con l'opzione Trasparente davanti, Colore primo piano nero. Traccia un gradiente di mascheramento, come mostrato nella schermata con la freccia.
Passo 30
Come puoi vedere, puoi convertire tutto il design dell'uccello e del ramo in vettori utilizzando il metodo descritto nei passaggi precedenti. È importante suddividere la struttura dei livelli in gruppi di livelli; in questo modo avrai una migliore panoramica.
Passo 31
Per progettare lo sfondo dell'immagine, usa le stesse tecniche descritte in questo tutorial. Utilizzando lo Strumento forma personalizzata, puoi accedere alla libreria di Photoshop, dove sono disponibili molti modelli interessanti per il tuo design. Inoltre, puoi salvare e utilizzare modelli personalizzati.
Passo 32
Se vuoi evitare che una forma, che si trova sopra l'altra, superi i suoi limiti (nel nostro esempio, si tratta di una forma disegnata liberamente che non dovrebbe superare i limiti del quadrato), utilizza l'opzione Maschera di ritaglio, che puoi attivare cliccando tra due livelli tenendo premuto Alt.
E così appare l'immagine finita.
