Dallo schizzo al vettore, illustrazione semplice che non è così semplice

L'illustrazione semplificata, pulita e minimalista sta diventando di nuovo popolare. Questo stile di illustrazione è interessante, non solo visivamente ma anche tecnicamente. Raggiungere con successo questo stile è meno importante per le abilità di rendering e più su elementi di design e principi come equilibrio, armonia, colore, prossimità e contrasto. In questo tutorial Vector Basix imparerai come prendere il design da uno schizzo al vettore e come creare un'illustrazione minimalista della tua.


introduzione

Rompere un'immagine fino a forme semplici e strappare via qualsiasi 'lanugine' pur mantenendo un interesse visivo è l'obiettivo di questo tut. Qui ci sono alcune persone che lo fanno splendidamente;

  • Le piccole puntate
  • Partner di laboratorio
  • Sempre con onore
  • Katie Kirk
  • Olly Moss

La cosa da tenere a mente qui è la semplicità. Ora, c'è una differenza tra semplice e semplicemente noioso. Illustrare qualcosa semplicemente, ma con carattere, o personalità, è il risultato desiderato. Con cerchi, quadrati e linee, delineerò i 4 principali "processi" che uso per creare questo bellissimo stile di illustrazione.


Passo 1

È tempo di un'idea, avere uno è sempre un buon punto di partenza. Con l'estate che si avvicina e con un tempo così bello fuori (almeno a Chicago), i giardini stanno iniziando a fiorire. Ho la mia idea! Frutta e verdura!


Passaggio 2a

Disegna la tua idea. Poiché l'obiettivo principale di questo stile illustrativo è la semplicità, cerca di rompere ogni frutto / verdura fino alla sua forma più semplice. L'attenzione non è nel rendering della forma, sta cercando di utilizzare il minor numero possibile di linee e forme per descrivere la forma. Questo è un passaggio nel processo che non dovrebbe essere superato. Fondamentalmente stai 'facendo i compiti' così quando arrivi alla parte del vettore sai cosa fare.


Passaggio 2b

Scansiona lo schizzo e apri un nuovo documento in Illustrator. Posiziona lo schizzo e la foto di ispirazione accanto alla tua area di lavoro. Anche se non useremo realmente nell'illustrazione, è utile avere le immagini come riferimenti rapidi.


Passaggio 3a

Facciamo un salto. Il disegno più semplice nell'illustrazione è l'arancione. Inizia semplicemente disegnando un cerchio. (Nel caso in cui tu sia estremamente nuovo per Illustrator, usa lo strumento Ellipse (L) tenendo premuto shift)


Passaggio 3b

Il frutto arancione potrebbe essere letteralmente un cerchio riempito di arancione, ma per essere sicuro che non sia troppo noioso, disegna un piccolo ovale arancione leggermente più scuro sopra il cerchio. Questo è tutto; un frutto è già fatto, in 2 forme! Vai tranquillo.


Passaggio 4a

Come ho detto, ci sono 4 "processi" molto basilari che uso per creare questo stile illustrativo. Innanzitutto, aggiungendo o combinando forme insieme. Per creare la parte superiore dei broccoli, è sufficiente combinare cerchi di dimensioni diverse uno sopra l'altro. Facendo questo, al contrario di cercare di disegnare la forma con lo strumento penna, aiuta a mantenere la coerenza visiva.


Passaggio 4b

Quindi usa lo strumento rettangolo arrotondato, crea 3 rettangoli e inclinali, 1 verticale e uno su ciascun lato, come i gambi di broccoli.


Passaggio 5a

In secondo luogo, sottraendo forme. Invece di disegnare forme insolite con lo strumento penna, è possibile "sottrarre" forme semplici l'una dall'altra per rendere la forma necessaria. Il peperone di banana è un buon esempio. Inizia creando 2 cerchi. Usando il pathfinder, sottrai il cerchio superiore (bianco) dal cerchio verde chiaro (Finestra> Pathfinder> Fronte negativo).


Passaggio 5b

Successivamente, usando lo strumento Aggiungi punto di ancoraggio (+), aggiungi un punto su ciascun lato del pepe. Usando lo strumento Elimina punto di ancoraggio (-) elimina i punti che non ti servono sopra i 2 punti appena creati.


Passaggio 5c

Per creare le foglie superiori / il vapore si sovrappongono 2 cerchi e nella palette del tastino selezionare l'opzione Interseca (Finestra> Ecoscandaglio> Interseca). Questo sottrarrà il lato e ti lascerà solo con l'area di sovrapposizione; una forma foglia perfetta. Successivamente basta copiare e incollare la stessa forma foglia su entrambi i lati e utilizzare lo strumento Rettangolo arrotondato per creare lo stelo. Utilizzando lo strumento Selezione diretta (freccia bianca), eliminare i punti non necessari del rettangolo (selezionare un punto, quindi premere il tasto Canc). Boom, pepe di banana.


Passaggio 6a

Il terzo "processo" che utilizzo è quello di aggiungere punti di ancoraggio in punti strategici sulle forme e quindi rimuovere i punti non necessari. Ad esempio, per creare l'inizio del limone con un ovale (ancora creato con lo strumento Ellisse) e aggiungere un punto di ancoraggio su entrambi i lati dei punti superiore e inferiore dell'ovale usando lo strumento Aggiungi punto di ancoraggio (+). Per mantenere le cose simmetriche, aiuta a trascinare una guida sul punto di intersezione desiderato e attivare le guide intelligenti (Visualizza> Guide intelligenti).


Passaggio 6b

Usando la freccia di selezione diretta spingere i punti superiore e inferiore rispettivamente su e giù (selezionare il punto e premere le frecce su o giù). Per finire semplicemente disegnare un piccolo cerchio sotto la punta superiore del limone.


Passaggio 7a

Infine, il quarto super semplice 'processo' che suggerisco è di usare il ridimensionamento per esprimere la stratificazione. Un buon esempio di questo è un mezzo pompelmo. Inizia con un cerchio giallo (buccia), copia e incolla in primo piano (Comando C, Comando + F) un cerchio bianco (all'interno della buccia) e ridimensionalo al 95% (Control + clic> Scala). Copia e incolla di fronte a un altro cerchio rosa (polpa) (Comando + C, Comando + F) e scala il 95% (Ctrl + clic> Scala). Per finire usa lo strumento linea per creare una linea verticale, e copia e incolla semplicemente questa linea 3 volte per creare le sezioni della polpa. La rotazione mentre si tiene il cambio aiuterà a mantenere le sezioni simmetriche.


Passaggio 7b

Inoltre, nota come ho aggiunto un sottile finale che termina alle linee della sezione di polpa di pompelmo. L'ho fatto per dargli un elemento in più per descrivere la forma.


Passaggio 8a

Mostrare come costruire ogni pezzo di frutta / verdura sarebbe estremamente noioso. Essenzialmente è sempre lo stesso processo, usando solo forme e colori diversi. Un buon modo per vedere come ho creato i singoli frutti e verdure è quello di guardare la vista struttura. Notate come le uve sono esattamente come i broccoli e sono fatte da un mucchio di cerchi sovrapposti l'uno sull'altro. Applicando un semplice tratto a pochi cerchi, si ottiene la 'profondità' che descrive il grappolo d'uva.


Passaggio 8b

Notare come il cuneo di lime sia quasi lo stesso del mezzo pompelmo, con una colorazione diversa. La banana è di 3 forme; una grande forma gialla creata da due cerchi sovrapposti (riferimento 5a), una piccola forma triangolare marrone e una linea curva marrone chiaro, copiata dalla forma gialla. Il fungo è un rettangolo con un semicerchio sopra di esso. Semplice, intelligente, sottile.


Passaggio 8c

Disegna i restanti frutti e verdure. Di nuovo, guarda come le fette di avocado e cetriolo sono costruite allo stesso modo del pompelmo. La carota ha solo 2 forme, come l'arancione. I germogli, forse il mio preferito dei mali di frutta e verdura, sono fondamentalmente solo una linea con un ictus ripetuto numerose volte.


Passaggio 9

Il colore è vitale in questo stile illustrativo; può creare o distruggere la sensazione generale dell'immagine. È abbastanza facile con questo argomento, perché puoi semplicemente fare riferimento alla nostra 'foto di ispirazione'. Come puoi vedere con la banana, ho usato una combinazione di colori abbastanza realistica. Nel complesso, ho perfezionato leggermente lo schema dei colori in modo che sia leggermente più vivace dei colori reali.


Passaggio 10

Infine, l'aspetto più importante di questo stile illustrativo è la composizione. Poiché le forme e le forme di frutta e verdura sono così semplici, è fondamentale massimizzare la composizione. Condensare lo spazio tra i frutti e le verdure aiuta a creare interesse visivo. Lega insieme le tue illustrazioni disegnando un bel colore di sfondo blu pastello vivace.


Conclusione

I quattro "processi" che ho qui presentato sono estremamente basilari, ma a volte è bene tornare alle basi e pensare semplicemente alle cose. Ricorda, non è la tecnica ma l'idea che fa risaltare un'immagine dal resto. Pratica la tua visualizzazione e realizzerai incredibili composizioni vettoriali in pochissimo tempo.