Creare una natura morta grafica con Image Trace e lo strumento Blob Brush

Il pennello blob di Illustrator consente di creare immagini sciolte e pittoresche che presentano tutti i vantaggi dei file vettoriali. In questo tutorial, lavoreremo da una fotografia utilizzando Image Trace per creare una tavolozza di colori personalizzata e delineare i valori. Useremo il colore piatto e le forme semplificate per ottenere l'aspetto di una serigrafia multicolore. Iniziamo!


Passo 1

Per questo tutorial, userò una foto d'archivio da Graphic River come immagine di riferimento. Posiziona la tua foto sulla tavola da disegno, quindi vai a Finestra> Traccia immagine per aprire il pannello Traccia immagine. Clicca sul triangolo Avanzato se non vedi le opzioni aggiuntive.

Mantieni selezionata la foto, quindi fai clic sul preset Low Color dalla riga di icone nella parte superiore del pannello (la terza da sinistra). In alternativa, scegli il preset 16 Colors dal menu a discesa. In alternativa, scegli Colore dal menu a discesa Modalità e Limitato dal menu a discesa Tavolozza.




Passo 2

È possibile regolare il numero di colori se lo si desidera, ma mantenerlo piuttosto basso. Seleziona la casella Ignora bianco, poiché alla fine sceglierai il tuo colore di sfondo. Noterai che il numero effettivo di colori diminuisce di due quando ignori il bianco, quindi pianifica di conseguenza.




Passaggio 3

Una volta completata la traccia, fare clic su Espandi nella barra di controllo o selezionare Oggetto> Traccia immagine> Espandi.


Passaggio 4

Visualizza la traccia in modalità Struttura (Comando + Y). Vedrai un percorso rettangolare che incornicia gli altri. Seleziona questo percorso con lo Strumento selezione diretta (A), quindi seleziona Seleziona> Stesso riempimento e tratto. Elimina questi percorsi.




Passaggio 5

Mantieni la traccia selezionata e fai clic sull'icona Nuovo gruppo di colori nella parte inferiore del pannello Campioni. Fai clic su Converti processo in globale. Se si utilizza Live Trace in CS4 - CS5, è possibile saltare questo passaggio selezionando Output su Campioni nel pannello Traccia in tempo reale. Questa non è più un'opzione con Image Trace di CS6.



Mi piace riorganizzare i campioni nel gruppo di colori per colore e valore. In questo modo, posso scegliere rapidamente i colori che sono simili senza troppi tentativi ed errori. Puoi farlo semplicemente trascinandoli in posizione.



Passaggio 6

Ora che abbiamo la nostra tavolozza dei colori, vogliamo convertire la traccia in scala di grigi da usare come riferimento per la tracciatura manuale con il pennello blob. Questi sono due motivi per cui preferisco usare la scala di grigi. Innanzitutto, è più facile vedere i valori delle forme. Quando stai solo guardando la luce e il buio, puoi fare un giudizio su quali colori usare per ottenere ombre e luci. In secondo luogo, è molto difficile tenere traccia di dove hai tracciato quando il colore che stai usando è lo stesso del colore sottostante.

Quindi seleziona la traccia espansa e vai a Modifica> Modifica colore> Converti in scala di grigi.


Forse ti starai chiedendo, perché non fare una traccia in scala di grigio? Se utilizzi Live Trace in CS4 - CS5, questa è sicuramente un'opzione. Basta fare una copia della traccia prima di espanderla, quindi modificare le impostazioni su quella in scala di grigi, con lo stesso numero di colori. Image Trace in CS6 sembra avere un bug quando si tratta di specificare il numero di colori in una traccia in scala di grigio. Nell'immagine sottostante, puoi vedere che ho specificato un massimo di 20 grigi, ma il risultato della traccia mostra 168!




Passaggio 7

Il passo finale nella preparazione dell'immagine sorgente è di metterlo su un livello template. Ma il pugno deve essere rasterizzato. Mantieni selezionati gli oggetti in scala di grigi e vai su Oggetto> Rasterizza. Puoi scegliere 72 ppi come risoluzione, questo sarà usato solo come riferimento.

Il motivo per cui abbiamo bisogno di un oggetto raster sul livello template è dovuto alle proprietà speciali di un livello template. Come vedrai, quando lavori con oggetti vettoriali sul proprio livello, puoi passare alla modalità Contorno e vedere ancora l'immagine sul livello del modello.



Fare doppio clic sul livello nel pannello Livelli e fare clic su Modello. Puoi anche cambiare il nome e il colore del livello qui. Per impostazione predefinita, i livelli dei modelli sono bloccati. Tienilo bloccato, quindi crea un nuovo livello sopra di esso.



Passaggio 8

Ora siamo pronti per dipingere con il pennello Blob. L'interfaccia in CS6 è leggermente diversa, ma la funzionalità non è cambiata. Le seguenti opzioni sono le stesse nelle versioni CS4 e CS5. Se hai già familiarità con il Pennello blob, vai al passaggio 11.

Fare doppio clic sullo strumento Pennello blob per visualizzare le sue opzioni. Per ora guarderemo la sezione in basso, dove puoi regolare Dimensione, Angolo e Rotondità. Sopra quelle impostazioni è una rappresentazione visiva del pennello e la sua gamma di dimensioni. Quindi in questo esempio, la dimensione del pennello è impostata su 12 punti, con una variazione di 10 punti. Pertanto, la dimensione del tratto può essere 2 punti, 22 punti o qualsiasi altra via di mezzo. Allo stesso modo, la rotondità è impostata al 60%, con una variazione del 40%, il che significa che può passare dal 20% al 100%.

L'elenco a comparsa a destra di ciascuna opzione ti consente di controllare ulteriormente le variazioni nel pennello. Si noti che queste variazioni funzionano solo quando si utilizza una tavoletta grafica, poiché il mouse non risponde a cose come pressione e inclinazione.


Queste opzioni sono:

  • Fisso - Nessuna variazione di angolo, rotondità o diametro.
  • Casuale - Variazioni casuali di angolo, rotondità o diametro.
  • Pressione - La variazione è basata sulla pressione quando si utilizza una tavoletta e uno stilo. Una pressione maggiore produce un tratto più spesso e una pressione più leggera provoca un colpo più sottile e più angolare.
  • Ruota stilo - Alcune penne dell'aerografo hanno una ruota stilizzata sulle loro canne. Ecco a cosa serve questa opzione.
  • Inclinazione, rilevamento e rotazione - Sono disponibili solo se si dispone di una penna grafica in grado di rilevare questi tipi di movimento, ad esempio Wacom 6D.

Passaggio 9

Ottieni un tocco per il pennello Blob dipingendo alcuni tratti. Dai un'occhiata al pannello Colore. Poiché il pennello blob è tecnicamente un pennello, qualsiasi colore tratto selezionato sarà il colore utilizzato dal pennello. Diciamo che stai usando un tratto rosso e un riempimento blu. Quando dipingi con il pennello Blob, si otterrà un tratto rosso, ma questo "tratto" è in realtà un oggetto pieno. Se hai selezionato solo un colore di riempimento nel pannello Colore, il pennello Blob lo utilizzerà.


Dipingi un altro tratto che si sovrappone al primo e vedrai che il nuovo tratto si fonde con il primo. In effetti, Illustrator sta eseguendo una funzione Pathfinder mentre disegni, a patto che tu stia ancora utilizzando lo stesso colore del tratto di prima. Prova a dipingere con un altro colore, anche uno leggermente diverso, e vedrai che le forme non si uniscono.




Passaggio 10

Aprire nuovamente le opzioni dello strumento pennello blob facendo doppio clic sullo strumento. Dai un'occhiata alla metà superiore della finestra di dialogo. Sotto Tolleranze, puoi regolare la fedeltà - quanto il pennello si adatta al movimento del mouse o della penna - e la levigatezza. Valori più bassi creeranno percorsi più stretti con più punti, valori più alti si traducono in oggetti più morbidi e levigati.


Se si seleziona la casella "Keep Selected", è esattamente ciò che farà. A seconda del flusso di lavoro e delle preferenze personali, è possibile che l'ultimo tratto disegnato rimanga selezionato. Ad esempio, se si tiene premuto il tasto Option (PC: Alt), il pennello Blob passa temporaneamente allo strumento Smooth.

Mantenere il percorso selezionato accelera il processo di disegno e quindi uniforma. Puoi anche tenere premuto il tasto Comando (PC: Controllo) per passare temporaneamente agli strumenti Selezione e spostare o regolare i percorsi da lì.


Se scegli "Unisci solo con selezione", qualsiasi nuovo tratto che disegni verrà unito solo con un percorso selezionato. L'eccezione a questa regola è se l'unione interferirebbe con l'ordine di sovrapposizione degli oggetti.



Se controlli entrambe le caselle, ottieni entrambi i comportamenti. NOTA: "Unisci solo con selezione" in CS5 è chiamato "Unisci limiti di selezione" in CS4. Le funzioni per ciascuno sono le stesse.


Passaggio 11

Inizia a dipingere il peperone più in alto usando un rosso brillante. Dipingi intorno ai bordi della forma del peperone. Ciò comporterà un percorso vuoto e composto. Ora puoi selezionare il percorso interno con lo strumento selezione diretta ed eliminarlo. Potresti anche riempire il centro con il pennello Blob, ma penso che sia leggermente più veloce.




Passaggio 12

Per le parti più scure del pepe, seguire i contorni della foto di riferimento e dipingerli sopra la forma principale del peperone. Rendi sovrapposti i bordi esterni delle forme, quindi rimuovi l'eccesso con lo strumento Generatore di forme. Per rimuovere una sezione sovrapposta, tieni premuto il tasto Opzione / Alt mentre ti trascini sopra con lo strumento.



Passaggio 13

Per una maggiore armonia dei colori, utilizza lo stesso colore della forma a pepe principale per i valori più scuri. Cambia la modalità di fusione in Moltiplica e regola l'opacità se lo desideri.



Passaggio 14

Per i punti salienti, utilizzare un rosso più chiaro dal gruppo di colori. Poiché questi sono colori globali, puoi anche regolare la tonalità delle alte luci se lo desideri.



Passaggio 15

Disegna lo stelo allo stesso modo, usando i verdi invece dei rossi, ovviamente. Crea un nuovo livello sotto il primo strato di pepe e dipingi il peperoncino del Cile a destra. Presta attenzione al cast dell'ombra su questo peperone del primo. Utilizzare il campione rosso più scuro e la modalità di fusione Moltiplica.




Passaggio 16

Crea un nuovo livello per il peperoncino medio. Non è necessario disporre di un livello separato per ogni parte della natura morta, ma trovo che aiuti a isolare ogni parte, rendendola più facile lavorare su.


Dipingi il terzo peperoncino nello stesso modo. Se si visualizza l'illustrazione in modalità Struttura, è possibile controllare il dipinto rispetto all'immagine di origine.



Passaggio 17

A seconda delle impostazioni delle opzioni dello strumento Pennello blob, è possibile che i percorsi contengano un numero eccessivo di punti. Puoi appianarle tenendo premuto il tasto Opzione / Alt mentre usi il pennello Blob, che cambierà temporaneamente allo strumento Attenua.


Puoi anche andare su Oggetto> Percorso> Semplifica. Imposta una percentuale piuttosto alta nel campo Curve Precision, che manterrà la forma complessiva, ma eliminerà alcuni dei punti extra.



Passaggio 18

Continua a costruire l'illustrazione pezzo per pezzo. Lavorare rapidamente con il pennello Blob ti darà un aspetto più libero che può essere ripulito rapidamente usando lo strumento Shape Builder e la funzione Simplify. In effetti, è una buona idea creare un'azione per le tue impostazioni Simplify e assegnargli un tasto di scelta rapida. Quindi puoi disegnare un tratto, quindi pulirlo con la semplice pressione di un pulsante.

Mantieni i colori coerenti con i metodi di fusione e trasparenza. Controllare i valori (non le tonalità) rispetto alla traccia della scala di grigi. Rimarrai sorpreso dal modo in cui alcune forme astratte si uniranno come un peperone o una foglia, una volta applicati i valori e i colori.


Di seguito sono riportati alcuni scatti di processo dei peperoni e del piatto:







Passaggio 19

Le foglie sono costruite allo stesso modo dei peperoni. Solo perché stai lavorando da una fotografia, non significa che devi disegnare ogni singola foglia, gambo e vena. Sii giudizioso. Una buona regola empirica, tuttavia, è che gli oggetti più dettagliati attireranno l'attenzione su di sé, quindi usa più dettagli sulle foglie nella parte anteriore e mantieni più semplici quelli dietro.

Oltre a utilizzare la modalità Moltiplica per le aree più scure, provare a utilizzare la modalità Schermo per le aree più chiare. Come prima, questo garantirà la coerenza dei colori e migliorerà l'aspetto della stampa serigrafica.

Di seguito sono riportati alcuni esempi su come costruire le foglie.





Passaggio 20

Per gli steli, crea un nuovo livello sotto le foglie. Lavora velocemente, aggiungendo macchie più scure dove le ombre cadono.





Passaggio 21

Scegli un colore di sfondo. È divertente provare diversi colori usando il pannello Guida colori. Seleziona un campione nel pannello Campioni, quindi puoi vedere molte combinazioni di colori basate su quel campione.


Disegna l'ombra con lo stesso colore, cambiando la modalità di fusione in Moltiplica. Poiché si tratta di un'illustrazione vettoriale, ovviamente, puoi cambiare i colori in base al contenuto del tuo cuore.




Conclusione

Live Trace / Image Trace sono strumenti impressionanti, ma una traccia inalterata è raramente soddisfacente come risultato finale. Potrebbe sembrare molto lavoro creare un'immagine come questa a mano, ma il risultato è più organico nell'aspetto. E passare un po 'di tempo in anticipo per impostare e organizzare il file renderà il resto del lavoro un gioco da ragazzi.