Despre acea ilustrație spațială continuă să vezi

Procesul meu de gândire cu privire la alegerea culorii și a stilului ilustrativ. Publicat inițial pe blogul oficial Adobe

Era anul 2013. M-am așezat, am jucat ceva muzică, am aprins luminile și mi-am deschis laptopul. Avea o tonă de rahat de făcut. În încercarea de a invoca inspirație, am început să trag în minte linii de la un colț al ecranului la celălalt, când dintr-o dată s-a format o cometă. „Hm…”, creierul meu se trezea încet, „… ce-ar fi dacă conectez liniile și adaug câteva planete”. Fiind principalul procrastinator care sunt, am făcut exact asta. Și am făcut alte câteva lucruri după asta. Câteva ore mai târziu am avut cea mai populară filmare a mea de Dribbble, precum și cea mai populară ilustrație a mea.

O ilustrație despre care nu aveam nici o idee ar inspira propria sa tendință de ilustrare, cu mulți designeri și companii din întreaga lume care o re-creează, o reiteră, o reimagină ... Cred că m-a lovit cu adevărat când am citit răspunsul lui Meg Robichaud într-un Interviu la Dribbble despre filmul ei preferat de toate timpurile, Dribbble:

Adică culorile și formele sunt uimitoare și, desigur, este spațiul: nemaipomenit. Motivul pentru care este filmul meu preferat este acela că îi văd tot timpul pe oameni ca pe tapetul lor de telefon sau desktop, și este ca această insigna minunată: „Da, știu că ai obținut asta pe Dribbble. Vrei să oprești tot ce facem și să vorbim despre Dribbble? ”

Când am citit acest lucru, deși „Uau. Acest lucru este adevărat. Nu mi-l imaginez ”.

Așadar, având o mulțime de solicitări de tutorial care îmi vin în mod constant, am în sfârșit să împărtășesc un fel de cum să faci și, mai important, procesul de gândire din spatele acestuia. Bucurați-vă!

Stilul ilustratiei

Stilul ilustrației se referă practic la limitările auto-impuse. Și creierul meu vine constant cu aceste reguli ciudate atunci când ilustrez lucruri. Este aproape ca niște provocări ridicole pe care nu pot să le transmit - Ce se întâmplă dacă atrag un om folosind doar cercuri? Ce se întâmplă dacă ilustrez un apus de soare folosind o singură culoare? Și bam, se naște un nou stil ilustrativ.

Reguli geometrice, progresii logice, simetrie. Este ceva foarte atrăgător în aplicarea regulilor matematice stricte aplicate artei. Se simte ca magia de inginerie inversă, îndepărtează elementul mistic din artă, așa că este aproape ca să dezvăluie știința din spatele ei.

Ilustrația spațială are două dintre aceste reguli.

Modelul ondulat rotunjit

Acest model ondulat este fundamentul ilustrației spațiale, deoarece aproape fiecare obiect este format din el. Modelul ondulat alternează curbele spre interior și spre exterior. Permiteți-mi să vă arăt cum poate fi creat cu ușurință în Adobe Illustrator.

Mai întâi, desenați câteva dreptunghiuri cu aceeași înălțime. Distanța dintre dreptunghiuri trebuie să fie înălțimea unui dreptunghi. Puteți activa „Show Grid” și „Snap to Grid” pentru a ușura mai ușor.

Apoi, completați golurile cu alte dreptunghiuri, dar asigurați-vă că acestea sunt mai scurte decât primul lot de dreptunghiuri pentru a forma curbele interioare. Selectați toate și îmbinați într-o singură formă.

În cele din urmă, trageți colțurile vii pentru a le rotunji până formează semicercuri perfecte. Ta-da! Tocmai ai desenat o grămadă de hotdog-uri stivuite împreună.

Combinând diverse lungimi și dimensiuni de hotdogs, puteți începe deja să formați obiecte:

Înclinarea de 30 °

Fiecare obiect din ilustrație se înclină la 30 °.
De ce chiar înclinați în primul rând? Obiectele din ilustrație sunt lucruri care plutesc în spațiu, care, prin definiție, sunt disconectate, pentru că… bine, plutesc în spațiu. Deci sincronizarea direcției lor creează o unitate frumoasă.

Ok, dar de ce să înclinați la 30 °? Un unghi drept sau o direcție orizontală este prea simetrică și subestimatoare. Înclinarea în diagonală sparge simetria într-un mod sincronizat. Motivul pentru care 30 °, și nu 45, sau 20, sau 15 ... este doar că îmi place mai bine. Pentru că 30 ° este în mod clar cel mai bun unghi din lume, vreodată.

În acest moment, avem formele și înclinarea, care arată astfel:

Culorile

După cum se dovedește, creierul meu este destul de leneș atunci când vine vorba de alegerea culorii. Acesta clasifică orice ilustrație într-una din cele două categorii - simplă sau complexă. Apoi alege o paletă de culori în consecință.

Ilustrațiile complexe au un nivel de granularitate ridicat, cu multe forme / obiecte și o mulțime de detalii. Acestea sunt de obicei foarte asemănătoare cu natura și nu au un punct clar de focalizare. Creierul meu a decis că aceste tipuri de ilustrații funcționează aparent cu palete de culori monocromatice sau analogice. Sau, în termeni mai largi - mai puține culori și mai puțin contrast de culori. Toate acestea se reduc până la echilibrul vizual, așa că dacă formele sunt nebune, culorile ar trebui să fie îmblânzite.

Pe de altă parte, ilustrațiile cu o complexitate mai mică au de obicei un punct de focalizare clar și o ierarhizare clară a obiectelor. În ceea ce privește forma lucrurilor, aceste ilustrații par a fi destul de simple, astfel încât opțiunile de culoare pot fi mai sălbatice. Culori contrastante, de orice fel - complementare, triadice, tetradice, care sunt sensibile, atât timp cât este o paletă atrăgătoare și stimulentă.

Există un univers întreg între ceea ce am descris ca ilustrații complexe și simple, dar creierul meu nu este prea preocupat de tot spectrul acesta, ci mai degrabă etichetează orice ilustrare ca fiind complexă sau simplă. Îmi pare rău pentru asta.

Paleta de culori triadice

Datorită modelului și formelor repetitive, ilustrația spațială aparține aparent din categoria „ilustrație simplă”. Așa că m-am apucat de nuci cu paleta de culori, care este o alegere aproximativ triadică de magenta, cian și portocaliu, cu un fundal violet. Da, un pic de tot!

Iată cum arată asta pe roata de culoare:

Promit că nu intenționez să desenez un semn de pace️

Fundalul violet este, în mod natural, cel mai prezent procentaj de culoare, dar magenta și cyan sunt perceptive cele mai dominante. Portocaliu apare foarte puțin, deci are o culoare mai accentuată, pentru a crea un pic de contrast.

Am ales violetul ca fundal, deoarece culoarea lipiciului conectează toate obiectele, deci trebuie să funcționeze bine cu fiecare dintre celelalte culori separat. Pe roata de culoare este amplasat exact la jumătatea distanței între culorile dominante - magenta și cyan, deci este perfect armonios cu ambele. De asemenea, funcționează bine cu culoarea accentului, portocaliu, deoarece sunt culori complementare.

Dispozitive de rupere

Foarte des, ilustrațiile create cu reguli stricte tind să fie și ele un pic…. patterny? Previzibil și plictisitor, cam prea mult din același lucru. Cum ar fi, prea multe hotdog-uri. Așadar, am căutat modalități de a încălca modelul într-un mod care nu încalcă regulile.

Stralucirea

Am adăugat strălucire în aceeași culoare a planetei, care pare destul de realistă pentru obiecte mai ușoare pe un fundal mai întunecat. Strălucirea estompează un pic granitele ascuțite și oferă planetelor o proprietate fizică fără a rupe planeitatea. Am creat compoziția finală și am adăugat strălucirea în Photoshop după ce am portat toate obiectele de la Illustrator ca obiecte inteligente.

Atmosfera de sticlă

Atmosfera de sticlă a fost un plus de ultim moment și este din nou o proprietate fizică care creează mai multă adâncime. Nu există niciun mare secret în modul în care s-a realizat acest lucru, este o simplă combinație de plasare și o mască de tuns:

  1. Adăugați un cerc solid între marea planetă și obiectele din spatele ei. Adăugați strălucire subtilă stratului de cerc, folosind Suprapunerea ca mod de amestecare.
  2. Creați o copie a obiectelor, așezați-le deasupra stratului de cerc și, opțional, reglați culorile pentru a fi ușor mai deschise.
  3. Creați o mască de tuns. Selectați copiile obiectelor și faceți clic dreapta pe> Creare mască de tuns.

Este o folie!

După ce ați aplicat hotdog-urile, înclinarea, culorile, strălucirea și atmosfera de sticlă, ar trebui să vă faceți destul de mult până acum! Iată o recapitulare rapidă:

Sunt curios să văd cum aplicați tehnicile și la propriile ilustrații, așa că vă rugăm să trimiteți experimentele mele în modul meu. Vă mulțumim pentru lectură! (◉ᴗ◉)

Vezi lucrurile mele pe Behance sau Dribbble și nu ezitați să mă lovești cu pumnul pe Twitter!