A proposito di quella illustrazione dello spazio che continui a vedere in giro

Il mio processo di pensiero sulla scelta del colore e dello stile dell'illustrazione. Originariamente pubblicato sul blog ufficiale di Adobe

Era il 2013. Mi sono seduto, ho suonato un po 'di musica, ho attenuato le luci e ho aperto il mio laptop. Ho avuto un sacco di merda da fare. Nel tentativo di evocare l'ispirazione, ho iniziato a disegnare senza pensarci linee da un angolo dello schermo all'altro, quando improvvisamente si formò una cometa. "Hm ...", il mio cervello si stava lentamente svegliando, "... e se collegassi le linee e aggiungessi dei pianeti". Essendo il principale procrastinatore che sono, ho fatto proprio questo. E dopo ho fatto un altro paio di cose. Poche ore dopo ho avuto il mio colpo Dribbble più popolare, così come la mia illustrazione più popolare di sempre.

Un'illustrazione che non avevo idea ispirerebbe la sua tendenza di illustrazione con molti designer e aziende in tutto il mondo che la ricreano, la reiterano, la reinventano ... Immagino che mi abbia davvero colpito quando ho letto la risposta di Meg Robichaud in un Intervista a Dribbble sulla sua foto preferita di sempre:

Voglio dire, i colori e le forme sono sbalorditivi e, naturalmente, è lo spazio: fantastico. Il motivo per cui è il mio scatto preferito è perché vedo sempre le persone con esso come il loro telefono o sfondo del desktop, ed è come questo fantastico piccolo distintivo: "Sì, lo so che lo hai preso su Dribbble. Vuoi fermare qualsiasi cosa stiamo facendo e parlare di Dribbble? "

Quando ho letto questo ho pensato “Wow. Questo è reale. Non lo sto immaginando ".

Quindi, avendo un sacco di richieste di tutorial che mi arrivano costantemente, sto finalmente condividendo un how-to e, cosa più importante, il processo di pensiero alla base. Godere!

Lo stile dell'illustrazione

Lo stile di illustrazione è fondamentalmente tutto basato sui limiti autoimposti. E il mio cervello sta costantemente inventando queste strane regole quando illustro cose. È quasi come una sfida ridicola che non sopporto di passare oltre - E se disegnassi un umano usando solo i cerchi? E se illustrassi un tramonto usando solo un colore? E bam, è nato un nuovo stile di illustrazione.

Regole geometriche, progressioni logiche, simmetria. C'è qualcosa di molto attraente nell'applicazione di rigide regole matematiche all'arte. Sembra una magia di ingegneria inversa, elimina l'elemento mistico nell'arte, quindi è quasi come rivelare la scienza dietro di essa.

L'illustrazione dello spazio ha due di queste regole.

Il motivo ondulato arrotondato

Questo motivo ondulato è il fondamento dell'illustrazione dello spazio, dal momento che quasi ogni oggetto è composto da esso. Lo schema ondulato in realtà alterna curve interne ed esterne. Lascia che ti mostri come può essere facilmente creato in Adobe Illustrator.

Innanzitutto, disegna alcuni rettangoli con la stessa altezza. La spaziatura tra i rettangoli dovrebbe essere l'altezza di un rettangolo. Puoi attivare "Mostra griglia" e "Aggancia alla griglia" per semplificare.

Successivamente, riempi gli spazi con alcuni rettangoli in più, ma assicurati che siano più corti del primo lotto di rettangoli per formare le curve verso l'interno. Seleziona tutto e unisci in un'unica forma.

Infine, trascina gli angoli attivi per arrotondarli fino a formare semicerchi perfetti. Ta-da! Hai appena disegnato un gruppo di hot dog accatastati insieme.

Combinando varie lunghezze e dimensioni di hot dog, puoi già iniziare a formare oggetti:

Inclinazione di 30 °

Ogni oggetto nell'illustrazione si inclina a 30 °.
Perché anche inclinare in primo luogo? Gli oggetti nell'illustrazione sono cose che fluttuano nello spazio, che per definizione sono disgiunte, perché sono ... beh, galleggiano nello spazio. Quindi sincronizzare la loro direzione crea una bella unità.

Ok, ma perché inclinarlo a 30 °? Un angolo retto o una direzione orizzontale è troppo simmetrico e poco stimolante. L'inclinazione diagonale rompe la simmetria in modo sincronizzato. Il motivo per cui 30 °, e non 45, o 20, o 15 ... è solo che mi piace di più. Perché 30 ° è chiaramente l'angolo migliore al mondo, in assoluto.

A questo punto, abbiamo le forme e l'inclinazione, che assomigliano a questo:

I colori

A quanto pare, il mio cervello è abbastanza pigro quando si tratta di scegliere il colore. Classifica qualsiasi illustrazione in una delle due categorie: semplice o complessa. Quindi sceglie una tavolozza di colori di conseguenza.

Le illustrazioni complesse hanno un elevato livello di granularità, con molte forme / oggetti e molti dettagli. Questi sono di solito molto simili ai modelli e non hanno un chiaro punto focale. Il mio cervello ha deciso che questi tipi di illustrazioni apparentemente funzionano bene con tavolozze di colori monocromatici o analoghi. O, in termini più ampi, meno colori e meno contrasto cromatico. Tutto ciò si riduce all'equilibrio visivo, quindi se le forme sono pazze, i colori dovrebbero essere addomesticati.

D'altra parte, le illustrazioni con una complessità inferiore di solito hanno un chiaro punto di messa a fuoco e una chiara gerarchia degli oggetti. Dal lato della forma di queste cose sembrano essere piuttosto semplici, quindi le scelte di colore possono essere più selvagge. Colori contrastanti di qualsiasi tipo: complementari, triadici, tetradici, qualunque cosa sia purché sia ​​una tavolozza accattivante e stimolante.

C'è un intero universo in mezzo a ciò che ho descritto come illustrazioni complesse e semplici, ma il mio cervello non è troppo interessato a tutto quello spettro, ma piuttosto etichettare qualsiasi illustrazione come complessa o semplice. Mi dispiace per quello.

La tavolozza dei colori triadica

A causa del modello e delle forme ripetitive, l'illustrazione dello spazio apparentemente appartiene alla categoria "illustrazione semplice". Quindi sono impazzito con la tavolozza dei colori, che è una scelta approssimativamente triadica di magenta, ciano e arancio, con uno sfondo viola. Sì, un po 'di tutto!

Ecco come appare sulla ruota dei colori:

Prometto che non intendevo disegnare un segno di pace️

Lo sfondo viola è naturalmente il colore più presente in percentuale, ma il magenta e il ciano sono percettivamente più dominanti. L'arancione appare molto poco, quindi è più di un colore accento, per creare un po 'di contrasto.

Ho scelto il viola come sfondo perché è il colore della colla che collega tutti gli oggetti, quindi deve funzionare bene con ciascuno degli altri colori separatamente. Sulla ruota dei colori si trova esattamente a metà strada tra i colori dominanti - magenta e ciano, quindi è perfettamente armonico con entrambi. Funziona bene anche con il colore dell'accento, l'arancione, perché sono colori complementari.

Interruttori di motivi

Molto spesso le illustrazioni create con regole rigide tendono ad essere un po 'troppo ... patterny? Prevedibile e noioso, troppo della stessa cosa. Tipo, troppi hot dog. Quindi stavo cercando modi per spezzare il modello in modo da non infrangere le regole.

Il bagliore

Ho aggiunto bagliore nello stesso colore del pianeta, che sembra abbastanza realistico per oggetti più chiari su uno sfondo più scuro. Il bagliore sfoca anche un po 'i bordi taglienti e conferisce ai pianeti una proprietà fisica senza rompere la piattezza. Ho creato la composizione finale e ho aggiunto il bagliore in Photoshop dopo aver portato tutti gli oggetti di Illustrator come oggetti intelligenti.

L'atmosfera di vetro

L'atmosfera di vetro è stata un'aggiunta dell'ultimo minuto ed è di nuovo una proprietà fisica che crea più profondità. Non c'è un grande segreto su come questo è stato raggiunto, è una semplice combinazione di posizionamento e una maschera di ritaglio:

  1. Aggiungi un solido cerchio tra il grande pianeta e gli oggetti dietro di esso. Aggiungi un leggero bagliore al livello del cerchio, usando Overlay come metodo di fusione.
  2. Crea una copia degli oggetti, posizionali sopra il livello del cerchio e, facoltativamente, modifica i colori per renderli leggermente più chiari.
  3. Crea una maschera di ritaglio. Seleziona le copie degli oggetti e fai clic con il pulsante destro del mouse> Crea maschera di ritaglio.

È un involucro!

Dopo aver applicato gli hot dog, l'inclinazione, i colori, il bagliore e l'atmosfera del vetro, ormai dovresti praticamente farlo! Ecco un breve riepilogo:

Sono curioso di vedere come applichi le tecniche anche alle tue illustrazioni, quindi per favore invia i tuoi esperimenti a modo mio. Grazie per aver letto! (◉ᴗ◉)

Dai un'occhiata alle mie cose su Behance o Dribbble e sentiti libero di farmi un pugno su Twitter!