9 suggerimenti e trucchi per il rendering di qualsiasi cosa nel vettore

Hai mai guardato qualcosa e pensato: "Sarebbe fantastico in vettoriale", ma non sapeva da dove iniziare? 

La metà della battaglia è conoscere il tuo programma vettoriale di scelta, e il resto è in grado di abbattere scene, oggetti e altro in elementi gestibili. È sapere quali aree è possibile creare più facilmente con gli strumenti vettoriali, riducendo il flusso di lavoro e migliorando l'aspetto generale del rendering.

In questo articolo, ti mostrerò alcuni utili suggerimenti su come imparare a "vedere in vettoriale" e per essere in grado di visualizzare qualsiasi cosa in vettoriale. 

1. Abbattere la composizione in forme di base

Quando vuoi affrontare un argomento, prendi in considerazione la possibilità di scomporlo in forme base.

Le forme base sono forme che rappresentano le aree principali di un progetto. Sono grandi per la creazione, in quanto è possibile ottenere una buona impressione della composizione complessiva basata esclusivamente su queste forme piatte di colore. 

Quando hai suddiviso l'immagine in forme base, puoi quindi vedere come ogni area deve essere resa. Usando le forme di base, puoi evitare di travolgerti.

Nella maggior parte dei miei tutorial che funzionano da un'immagine di stock, il mio primo passo sarà sempre quello di tracciare le mie forme di base e quindi di lavorare da lì. Mentre molte aree del mio processo potrebbero essere cambiate, questo passaggio non ha più di dieci anni. 

Vectoring capelli corti in un'illustrazione spazio negativo in Adobe Illustrator

2. Non eliminare le forme geometriche di base

Lavoro molto dalle immagini di stock, anche se ovviamente non è l'unico modo per avvicinarmi a un'illustrazione. Ci sono molti illustratori che non hanno bisogno di guardare le immagini. Lavorano con gli schizzi e la loro immaginazione. Quando lavori in questo modo e non hai forme base precise da seguire, non eliminare le forme base. Sto parlando di cerchi, rettangoli, triangoli. Ma non tutto in realtà è una forma perfetta. 

Come ho detto all'inizio, conoscere il tuo programma vettoriale di scelta è metà della battaglia, ed è qui che devi pensare agli effetti che deformano le forme di base, con facilità, nelle forme che ti servono. Non solo creerai forme pulite, ma risparmierai anche tempo.

I tutorial di Nataliya Dolotko sono i primi esempi di questa tecnica. La maggior parte delle sue esercitazioni usa forme geometriche di base ed effetti Warp per creare forme altrimenti complesse. La mia preferita è la scena del salotto in cui la maggior parte dell'illustrazione utilizza una forma di base. Puoi indovinare?

Avviso spoiler: lo strumento Rettangolo (M)

3. Cerca elementi ripetuti

Molti oggetti e scene hanno elementi ripetitivi. Essere in grado di individuarli ti farà risparmiare tempo nel flusso di lavoro. Se stai cercando un aspetto realistico, scopri come duplicare gli elementi e poi modificarli (che si tratti di colori, texture, dimensioni o rotazione) per renderli unici. Non c'è niente di peggio di un rendering realistico e di elementi che sembrano copie di carbonio. Tuttavia, se stai lavorando con qualcosa di molto più semplice, non c'è vergogna in copia e incolla (o usando effetti di trasformazione intelligenti).

In Come creare un effetto di testo Lego 3D in Adobe Illustrator, è ovvio vedere che i mattoni sono fatti di elementi ripetuti. Tuttavia, la finezza arriva assicurandosi che tutti gli angoli e le dimensioni dei mattoni siano prima resi separatamente e poi riuniti come duplicati.

Come creare un effetto di testo Lego 3D in Adobe Illustrator

Un altro grande esempio di ripetizione di elementi è questo fantastico tutorial sulla creazione di una scena di Cartoon Bear utilizzando forme ripetute in Illustrator. Si noti come i gruppi di forme sono duplicati, ma poi modificati dalla scala e dal colore per aggiungere varietà.

Crea una scena di orso dei cartoni animati usando le forme ripetute in Illustrator

4. Scopri come i pennelli possono risparmiare tempo

Come gli elementi ripetuti, i pennelli possono funzionare in modo simile. Se riesci a identificare un oggetto semplice da usare più e più volte, considera che potrebbe essere più facile trasformarlo in un pennello. Amo i pennelli e mi piace vedere modi creativi di utilizzarli per supportare le illustrazioni e, talvolta, farne il nucleo dell'illustrazione.

Un buon esempio è il mio tutorial per gatti notturni. Se guardi nel cielo, abbiamo stelle. Sarebbe dispendioso in termini di tempo creare ogni stella singolarmente, ma con l'uso di un pennello di dispersione, è possibile creare stelle di dimensioni e spaziature diverse in un batter d'occhio. Il recinto in questo è anche un buon esempio di come utilizzare le forme di base e gli elementi ripetuti con Blends!

Riproduci con miscele e traccia immagine per creare una semplice scena gatto in Adobe Illustrator

I pennelli possono anche aiutare con altri piccoli dettagli all'interno di una composizione. Sebbene questo tutorial di Andrei Marius (in realtà molti dei suoi tutorial dimostrino molti modi per utilizzare i pennelli in modo creativo) si concentra sulla creazione di un effetto di testo corda, illustra perfettamente come prendere qualcosa di piccolo come una corda, forse un piccolo dettaglio in un disegno , può essere fatto rapidamente ed efficacemente con un pennello.

Usa un pennello pattern per creare un effetto testo in corda in Illustrator

Tuttavia, se vuoi davvero spingere la tua creatività con i pennelli, prova a dare un'occhiata a questo tutorial sulla creazione di un pennello serpente. Mentre un sacco di lavoro è stato dedicato alla creazione di un singolo serpente, immagina se avessi un cliente che desiderava un'illustrazione massiccia di diversi serpenti e ogni serpente doveva sembrare altrettanto elegante dell'ultimo? Ah, Pattern Brushes ... una funzione così meravigliosa. 

Crea un pennello Pattern Snake dettagliato in Adobe Illustrator

Potrei davvero andare avanti sui pennelli, ma diamo un'occhiata a qualcos'altro che potresti non considerare quando vedi schemi ripetuti.

5. Ci sono trame? 

In un mondo ideale, tutto sarebbe piatto. Non ci sarebbero trame. Renderebbe le cose molto più semplici. Ma noi non viviamo in quel tipo di mondo. Le superfici hanno trame. Per fortuna ci sono una varietà di modi per rendere le trame in vettoriale. Diamo un'occhiata ad alcuni di loro.

Crea trama da modelli

La trama può essere creata usando i modelli vettoriali. Il legno è una di quelle aree in cui è possibile risparmiare tempo utilizzando un modello. Dai un'occhiata a questo tutorial sulla creazione di un pattern di vimini, che è un ottimo esempio di una texture che può essere creata in un Pattern. 

Suggerimento rapido: come creare un modello senza cuciture di vimini in Adobe Illustrator

Crea Texture da Effetti

All'interno di Adobe Illustrator ci sono una serie di effetti di Photoshop che possono essere usati per aggiungere qualsiasi cosa, da una superficie sporca a un effetto di grana al tuo lavoro. In questo tutorial, guardiamo all'aggiunta di effetti di grana e spugna per creare una texture di pietra.

Come creare un'illustrazione Dark Gravestone in Adobe Illustrator

Crea Texture da Pennelli

Non stavo scherzando, adoro i pennelli! Ecco un tutorial che ho creato un po 'indietro su come usare i pennelli per creare un pattern effetto grunge, quindi Graphic Style. 

Non tutte le trame sono simmetriche, quindi considera di utilizzare i pennelli quando la trama deve essere diversa in alcune aree.

Suggerimento rapido: come creare uno stile grafico di texture di carta grunge in Illustrator

6. Parlando di effetti simmetrici ...

Se hai una o più forme che sembrano essere dello stesso stile lungo una linea o all'interno di una forma, prendi in considerazione la creazione di stili grafici per il rendering della forma. Ciò contribuirà a creare un aspetto pulito e uniforme di quegli elementi e ti farà risparmiare tempo. 

Ho alcuni esempi di quando gli stili grafici e il pannello Aspetto sono stati utilizzati per il rendering di oggetti casuali. Proviamo un semplice kiwi fatto con una forma.

Come puoi vedere, all'interno di una forma stretta e uniforme, il kiwi assume gli stessi strati dall'esterno verso l'interno. Saprai che puoi creare uno stile grafico per un oggetto quando potresti tagliare una sezione dalla forma e potrebbe essere qualsiasi parte della forma generale.

Crea un frutto Kiwi affettato con una sola forma in Adobe Illustrator

Tuttavia, la forma non deve necessariamente essere un'ellisse perfetta. Che ne dici di creare un avocado da un'unica forma? Gli avocado non hanno una forma regolare. Questo è ancora una volta quando conoscere il tuo programma vettoriale è un vantaggio ... la pietra del frutto viene creata usando Converti in forma ed effetti di deformazione.

Crea un avocado con una sola forma in Adobe Illustrator

Prendi ulteriormente gli stili grafici. Alcune immagini possono essere create utilizzando principalmente il pannello Aspetto ... dovrei sapere, ho creato questa scena cucina utilizzando principalmente stili grafici e il pannello Aspetto!

Utilizzo del pannello Aspetto per creare un'illustrazione della cucina

7. Le scorciatoie creative non stanno barando

Quando pensiamo a "barare" in termini di vettore, forse pensiamo di utilizzare strumenti come Image Trace. È "barare" creare un'immagine solo dall'immagine Tracciare un'immagine d'archivio e venderla al cliente, giusto? Certo che lo è, non è etico da parte nostra fare una cosa del genere.

Tuttavia, ci sono alcune istanze di "direct from stock" che creano sottili dettagli nel tuo lavoro, che non è "barare". 

Crea uno sfondo con traccia di immagini

Il primo utilizza Image Trace per creare un dettaglio di sfondo. Non è l'obiettivo principale dell'immagine, cioè il gatto, ma l'albero sullo sfondo è usato per aggiungere atmosfera all'illustrazione.

Crea un gatto di Halloween birichino usando lo strumento Pennello e le sfumature

Creare uno sfondo usando la maglia gradiente

Se lo sfondo è un dettaglio minore, perché non creare uno sfondo sfocato utilizzando Gradient Mesh? Questo tutorial mostra come crearne uno da una fotografia a bassa risoluzione. 

Suggerimento rapido: creato uno sfondo facile senza messa a fuoco con maglia gradiente

8. Non complicare eccessivamente l'attività

Anche con rendering dettagliati, non è necessario illustrare ogni singolo elemento per creare un'immagine completa. Un esempio estremo di questo è quando ho usato lo spazio negativo per compilare il resto di un grafico che ho fatto del mio cane, Shelley, quando era un cucciolo. 

Non avevo bisogno di renderizzare tutta la sua pelliccia, perché lo sfondo lo riempiva per me. Ho semplicemente aggiunto luci e ombre in rosso per darle forma. 

Crea un cucciolo adorabile con spazio negativo e lo strumento pennello

Se hai un riassunto che sta rendendo un oggetto specifico o una scena che mostra dettagli specifici, attenersi a quella breve. Non complicarlo eccessivamente e bombardare lo spettatore. 

Hai davvero bisogno di aggiungere tutti quei peli superflui? Hai davvero bisogno di mostrare la trama di un'area molto piccola? Hai veramente bisogno di mostrare la crepa nel vetro sullo scaffale quando stai illustrando una composizione più grande? Sì, dovremmo concentrarci sui piccoli dettagli, ma non sui dettagli non necessari che alla fine portano a file ingombranti e pesanti. 

9. Keep It Coerente

L'intero punto di questo articolo era di rompere le cose in pezzi più gestibili da affrontare. Tuttavia c'è un'ultima cosa da sottolineare, ed è probabilmente la più importante. Cioè, mantieni coerente il tuo stile di composizione. 

Sebbene tu possa trattare ogni oggetto in modo diverso, ricorda che appartengono allo stesso design e dovranno lavorare insieme in modo che non assomigli a una miscela di oggetti indipendenti.

Ci sono alcune cose da tenere a mente con questo:

• O utilizzare la grafica in tutte le aree o nessuna area. Tieni d'occhio gli stili principali come la grafica per definire le aree. Se lo userai, usalo per tutta la tua creazione.
• Usa la stessa tavolozza per tutto. L'introduzione di nuovi colori in una sola area può rendere quell'elemento sporgente come un pollice dolente.
• Ricorda come la luce interagisce con la tua illustrazione. Uno dei segni rivelatori di una composizione cucita insieme è l'inclusione di oggetti che sembrano avere diverse fonti di luce. 

Metti alla prova la tua conoscenza guardando le immagini o i tuoi dintorni

Non sto scherzando quando dico di vedere in vettoriale. Andrò a fare una passeggiata e romperò oggetti che di solito non incontro e penso a come li avrei resi. Diamo un'occhiata ad alcune immagini di stock e mettiamo in pratica tutte queste teorie. Inizierò con una semplice ... guarda l'immagine e vedi come la renderesti.

Ricorda, c'è più di un modo per affrontare le cose, e quello che farei potrebbe non essere quello che fa la persona successiva. Detto questo, vorrei affrontare questo come segue:

• Forme di base e non eccessivamente complicate: Spezzerei l'immagine in forme base per l'erba verde e solo per il cielo. Potrei mostrare un leggero dosso in cui l'orizzonte incontra il cielo, ma non ho bisogno di illustrare ogni nodulo e protuberanza, solo quanto basta per mostrare che è una superficie organica.
• Elementi ripetuti: Gli alberi potrebbero essere visti come elementi ripetitivi ... sono così piccoli nel contesto dell'immagine che non avranno bisogno di eseguire il rendering da zero individualmente. Sarei tentato di rendere forse due o tre tipi di fogliame, e quindi aggiungere sottili pennellate ai duplicati per renderli un aspetto unico.
• Textures: L'erba è una texture evidente e mi fa sempre pensare a questo fantastico tutorial sul rendering dell'erba. Tuttavia, sarei tentato di utilizzare un riempimento di pattern con un effetto di curvatura per creare la prospettiva, e quindi disegnare singoli fili d'erba in primo piano per far sembrare meno pattern-like.
• Stili grafici: La palla può essere creata usando gli stili grafici, usando i gradienti per creare profondità e usare un motivo per creare l'effetto fossetta.
• Ah, ma per quanto riguarda le nuvole? Bene, userei una combinazione di punta per usare uno sfondo sfocato e usare pennellate morbide di pennelli di setole per creare una texture morbida.

Quindi proviamo un'altra immagine, più difficile. Naturalmente potrei essere qui per sempre a descrivere come affrontarlo, ma l'esercizio è quello di individuare gli oggetti e le superfici principali dell'immagine. Come affronteresti l'immagine di sotto di un gruppo di persone dal punto di vista di un uccello?

È tempo di rompere questo:

• Forme di base e decluttering: Verranno create forme base per la maggior parte delle cose, ma forse solo una tazza di caffè. Abbiamo bisogno di otto persone al tavolo o l'illustrazione funzionerà con solo sei? Non del tutto sicuro di cosa sia il triangolo bianco, forse un tovagliolo o qualcosa del genere? Non so cosa sia, quindi lo escluderei dalle forme base. Molte di queste forme sono forme geometriche ... il portatile, il tavolo, gli occhiali, le tazze e persino il vaso di piante sotto il basilico.
• Trame e motivi: Il modello / trama evidente qui è la superficie del tavolo. Non avrei bisogno di rendere l'intera trama, quanto basta per dimostrare che si tratta di pannelli di legno che fanno affiorare il tavolo. Forse alcuni effetti di grana potrebbero essere usati nell'abbigliamento per dare l'impressione di consistenza. Non renderei sicuramente la camicia a quadri nella parte centrale inferiore o i dettagli sul denim nella parte superiore centrale, perché sento che potrebbero complicare eccessivamente l'illustrazione.
• Elementi ripetuti: C'è un elemento ripetitivo qui, e sono le tazze di caffè. Potrebbero essere renderizzati con uno stile grafico e quindi forse un paio di forme in cima a ciascuno per renderli un aspetto unico. Lo stesso vale per i bicchieri d'acqua.
• Spazzole: Sembra che ci sia una pianta di basilico in mezzo al tavolo. Forse potrei creare un pennello artistico di una foglia di basilico e disegnarne solo le foglie, il che significa che avrei solo bisogno di rendere una foglia e poi creare il pennello.
• Scorciatoie creative: Cose come la tastiera e il giornale possono essere eseguite con Image Trace, evitando la necessità di creare queste forme singolarmente ma dando comunque l'impressione degli oggetti che devono essere. 

Spero che questo articolo ti abbia dato un'idea di come puoi vettorizzare qualsiasi cosa. Se vuoi testare me o qualcun altro nei commenti, perché non caricare un'immagine e vedere se le persone possono consigliare come farebbero a renderlo? O se stai lottando su come eseguire il rendering di qualcosa, forse chiedi nei commenti per vedere se la comunità può aiutarti. Buon servizio!