Cum se proiectează fundalurile

Poate că nu vă dați seama, dar desenarea unui fundal este una dintre cele mai importante părți ale oricărei ilustrații de personaje.

Personajele tale nu ar trebui să plutească pe un fundal alb. Ele aparțin unui univers propriu, unic, care a definit modul în care personajele tale au evoluat până în momentul în care le-ai desenat.

În acest articol Tutorial, vom examina modul în care artistul Maddy Zoli creează un fundal. Urmăriți-l în Vectornator și învățați cum să o faceți și dumneavoastră!

Design de caractere

Dacă ați citit prima noastră lecție despre designul personajelor, știți că povestea unui personaj este coloana vertebrală a fiecărei linii pe care o desenați.

Trebuie să-ți înrădăcinezi personajele într-o poveste mai profundă decât se vede la prima vedere; de la momentul în care s-au născut, unde locuiesc, ce slujbă au, până la care este mâncarea lor preferată. Sună exagerat? Pentru noi, sună mai degrabă a distracție!

Fără a cădea într-o gaură adâncă de iepure, gândește-te la toate aceste detalii despre trecutul, prezentul și viitorul personajului tău și manifestă-le în mediul lor. Cu alte cuvinte, proiectează povestea pe care o ai în minte în fundalul personajului. Folosind astfel de povestiri vizuale, personajele și lumile tale se vor simți mult mai bogate și mai reale.

Artistul

Acest tutorial a fost realizat în colaborare cu uimitoarea Maddy Zoli. Creăm împreună o întreagă serie de personaje pe canalul nostru de YouTube, iar ea nu numai că este o plăcere să colaborăm cu ea, dar este și foarte pricepută la acest subiect. Nu am fi putut lucra cu cineva mai bun pentru acest ghid pas cu pas.

Veți observa că fiecare pas pe care îl menționăm în acest tutorial nu intră în cele mai mici detalii. Înseamnă că nu vom menționa un pas de fiecare dată când este creat un nou strat sau este desenată o nouă formă. În schimb, vom condensa fiecare adăugire structurală la procesul de proiectare ca un singur pas general.

- iPad

- Creionul Apple

- Procreate (sau orice alt software de schițe)

- Cea mai recentă versiune de Vectornator Ce veți învăța:

- Cum să schițezi

- Cum să vă pregătiți pânza și fundalul

- Cum să adăugați și să gestionați straturile

- Utilizarea avansată a instrumentelor Pen, Pencil, Pencil, Brush Tools, Node și Shape Tools

- Utilizarea avansată a selectorului de culori și a editorului de gradiente

- Cum să adăugați lumină, umbre și mișcare

- Cum să folosiți funcția de duplicat pentru a vă ușura volumul de lucru

- Cum să creați litere desenate de mână

- Cum să creați forme complexe

Am combinat practica și teoria aici, așa că puneți-vă centura!

Ia-ți referințele corect

Acest pas constă în găsirea inspirației potrivite pentru tipul de fundal pe care doriți să îl creați.

Poți ghici de unde provin referințele lui Maddy? Ea se inspiră din peisajele urbane pastelate cu lumini de neon din anime-urile din anii '80 și '90, precum Sailor Moon și Cardcaptor Sakura. Va încorpora estetica acestora în designul de fundal.

Acestea sunt deja configurate pentru a avea o iluminare interesantă, acțiune și o compoziție bună. Dar puteți, de asemenea, să ieșiți afară și să desenați peisaje sau scene urbane pe care le vedeți în jurul vostru.

Cel mai important lucru aici este să dai sens tuturor lucrurilor. Nu ar trebui să te gândești la personajul tău și la fundalul său ca la lucruri separate, ci ca la o singură unitate. Nu desenezi doar un fundal pentru personajul tău, ci desenezi scena care se întâmplă să aibă personajul tău în ea.

Schițați-vă formele de bază

Un stil popular de schițare constă în realizarea câtorva mici studii de "gesturi" de 5 minute, pornind de la referințe, în care pur și simplu blochezi valorile majore.

Apoi alegeți unul sau două studii pentru a le transforma în schițe mai detaliate, pe care le creați timp de aproximativ 30 de minute, la fel ca schița pe care Maddy o completează în Procreate.

Gândind în acest fel, te ajută să integrezi toate elementele într-un mod mai bun și mai interesant. Pentru că privitorul tău mă face să mă implic mai mult în mediul înconjurător decât dacă ar fi doar un fundal decorativ.

În cazul nostru, știm deja că Jocasta este o adolescentă cu superputeri, dar Maddy, în calitate de creator, știe că ea trăiește în viitor, într-un oraș aglomerat, unde trebuie să aștepte transportul public în fiecare seară pentru a se întoarce acasă.

Vă puteți da seama de acest mic element care atrage atenția - semnul din stația de autobuz este de fapt o navetă spațială.

Încărcați schița în Vectornator

Din Procreate, pur și simplu exportați schița ca jpeg/png și importați-o în Vectornator. Puteți face acest lucru prin tragere și fixare din fila Galerie.

Poziționează-ți caracterul

Maddy a plasat-o pe Jocasta în scenă după regula treimilor.

Există mai multe modalități de a crea o compoziție excelentă, folosind diverse reguli testate (cum ar fi regula treimilor) care vă ajută să obțineți o estetică echilibrată. Dacă doriți să aflați mai multe despre acest lucru, consultați tutorialul nostru video despre crearea de compoziții excelente, filmat de un alt ilustrator uimitor -oodabeh Damavandi.

Organizează-ți straturile

Este important să rămâneți ordonat și organizat cu straturile - efortul suplimentar depus în acest pas vă va ajuta de zece ori mai mult pe măsură ce avansați în ilustrație.

După ce ați plasat personajul, ascundeți stratul de personaj, apoi blocați stratul de schiță după ce i-ați redus opacitatea.

Acesta este, de asemenea, un moment bun pentru a vorbi despre tehnică!

Există două moduri de a proiecta un fundal: folosind perspectiva sau stratificând peisajul. Astăzi ne concentrăm pe tehnica stratificării. Dacă doriți să abordăm teoria perspectivei într-un alt videoclip, vă rugăm să comentați mai jos.

Deci, dacă împărțim peisajul, avem cinci straturi în total. Din față în spate, deci de la cel mai apropiat la cel mai îndepărtat, straturile sunt:

• Jocasta și fantoma.
• Stația de autobuz și calea ferată.
• Primul rând de clădiri.
• Al doilea rând de clădiri.
• În cele din urmă, cerul, luna și norii.

Din acest moment, nu uitați să creați întotdeauna un strat nou pentru orice element nou de design al ilustrației dumneavoastră - de exemplu, stația de autobuz este pe un strat separat, la fel și al doilea rând de clădiri, la fel și luna și stelele, etc. Ați înțeles.

Spuneți povestea cu ajutorul culorilor

Culoarea este un alt aspect foarte important care poate spune mai multe despre povestea personajului tău.

Deci, ca să recapitulăm: această lume se află în viitor, este plină de magie și este inspirată de Sailor Moon. Nu este un șoc aici faptul că Maddy a ales culori îndrăznețe, cum ar fi neoni, pasteluri, roz și verde. Orice, dar nu plictisitoare!

Iată toate codurile hexagonale de care aveți nevoie pentru a recrea piesa lui Maddy:

Violet închis - 7125D0

Portocaliu - EFB09F

Albastru mediu - 869FEF

Albastru închis - 3E6AED

Albastru mai închis - 4265D2

Teal - 2885C7

Galben - FEF66F

Roz - F9A3D8

Roz deschis - F9DCEE

În cele din urmă, trebuie să te asiguri că folosești o combinație de culori care să fie suficient de contrastantă, dar care să rămână în același timp armonioasă cu personajul tău. De aceea, Maddy a ales nuanțe foarte asemănătoare cu cele pe care le-a folosit pentru Jocasta.

Veți observa că nuanțele alese de Maddy vor fi folosite și reutilizate într-o mare varietate de elemente de design în întreaga compoziție. Alegerea unei palete de culori diverse, dar limitate, vă va ajuta în procesul de creație, dar va face ca lucrarea dvs. să fie mai coerentă și mai ușor de identificat.

Stabiliți starea de spirit cu ora din zi

Stai departe de o culoare de fundal solidă și folosește momentul zilei pentru a stabili atmosfera. Pentru această scenă, Maddy a ales începutul serii.

Se potrivește cu felul în care se simt atât Jocasta, cât și prietenul ei fantomă în acest moment. Jocasta pare că a trecut deja peste asta, dar cum fantomele apar noaptea, el este pe cale să-și înceapă ziua!

Pentru a obține acest aspect, Maddy creează un pătrat violet care umple întreaga pânză (C18FF0), apoi aplică un gradient liniar albastru închis (3E6AED) începând din colțul din dreapta sus.

Maddy dublează apoi pătratul, îl rotește astfel încât gradientul să se așeze în colțul opus și schimbă culoarea gradientului într-un portocaliu frumos (EFB09F). A spus cineva vibrații de apus de soare?

Creați al doilea rând de clădiri

Vom începe cu al doilea strat de obiecte cel mai îndepărtat (cel mai îndepărtat fiind cerul).

Această ordine nu este atât de importantă, dar dacă aveți un grup de straturi care se suprapun, cum ar fi clădirile, gara și așa mai departe, cel mai bine este să începeți cu cel mai îndepărtat, pentru a înțelege cum să plasați obiectele în prim-plan, cât spațiu negativ aveți la dispoziție și ce culori contrastează cel mai bine.

Maddy ia instrumentul Shape Tool și începe să creeze forme geometrice pentru a defini vederea frontală a clădirilor. Nuanța de albastru pe care o folosește este 869FEF.

Desenați perspectiva

Iar pentru a desena părțile laterale, ea optează pentru o nuanță mai închisă-957AE1.

Nu numai atât, dar folosește și instrumentul Nod pentru a schimba unghiul părții superioare a dreptunghiului, astfel încât să se alinieze cu punctul de fugă al compoziției.

Adăugați detalii

Maddy adaugă un banner la clădirile care sunt mai aproape de perspectiva privitorului.

Deși aceste clădiri se află încă în al doilea rând din punct de vedere tehnic, ele sunt cele mai apropiate dintre clădirile cele mai îndepărtate. Așadar, adăugarea de detalii aici nu va face decât să creeze un decor mai realist.

Desenați primul rând de clădiri

La fel ca înainte, ia instrumentul Shape Tool și desenează dreptunghiuri pentru a umple orașul. Maddy a ales din nou 957AE1 și 4265D2 pentru laturi.

Creați ambianță

Pentru a adăuga și mai multă profunzime fundalului tău, ia în considerare includerea unor detalii precum ceața din oraș.

Pur și simplu, desenați un dreptunghi cu instrumentul Shape Tool și dați-i un gradient liniar amuzant, care se estompează de jos în sus. Culoarea din stânga (în cazul nostru, culoarea de jos) este un frumos teal (2885C7), iar culoarea din stânga (în cazul nostru, cea de sus) este alb (FFFFFF) cu opacitate 0. Puteți obține acest lucru prin aducerea canalului A la zero.

Adăugați mai multe detalii

Rețineți că, cu cât vă apropiați mai mult, cu atât obiectele vor fi mai întunecate și mai detaliate. În timp ce rândul anterior de clădiri va rămâne un grup de dreptunghiuri minime și blocuri solide cu foarte puține ferestre.

Așadar, în clădirile cele mai apropiate de personaj, asigurați-vă că adăugați tot felul de detalii, cum ar fi ferestre, lumini sau panouri publicitare. Cum ar fi acest panou "Coola", pe care Maddy l-a creat cu tușe libere folosind a doua presetare din panoul de selecție a pensulelor.

Un sfat pentru a adăuga mai multe ferestre la clădirile din prim-plan este să selectați mai multe obiecte cu instrumentul Select Tool și să le duplicați în succesiune.

Desenează stația de autobuz

Cu ajutorul instrumentului Rectangle Tool, trasați toate formele principale care alcătuiesc stația de autobuz.

Ca și înainte, folosiți instrumentul Nod pentru a schimba orice unghiuri care trebuie să ducă la punctul de fugă al perspectivei dvs. Aici folosește mov pentru gard (7125D0), alb (FFFFF) și galben (FEF66F) pentru copertă și o nuanță suplimentară de albastru (957AE1) pentru semn.

Adăugați mai multe dimensiuni

Elementele din stația de autobuz fac parte, de asemenea, din scena apusului de soare.

Pentru a evoca acest lucru, vom face ceva în legătură cu aceste culori solide. Deci, duplicați dreptunghiul de sus pe care l-ați folosit pentru a crea gardul, faceți-l mai îngust, plasați-l deasupra și dați-i un gradient care să arate lumina reflectată a apusului de soare.

Maddy optează pentru un gradient liniar (gradientul din centru) și schimbă atât culoarea din dreapta, cât și cea din stânga într-un portocaliu deschis (EFB09F). Apoi, face culoarea din stânga complet transparentă prin schimbarea canalului A la zero.

Aplicați același efect, în același mod, pentru fiecare șină în parte.

Adăugați elemente la cer

În cele din urmă, vom trece la detaliile cerului, unde vom adăuga câțiva nori, stele și luna.

Pentru nori, luați instrumentul Brush Tool și jucați-vă cu presiunea pe care o aplicați pe pânză pentru a crea o formă care începe mică și crește treptat. Schimbând presiunea, linia poate trece de la foarte subțire la foarte groasă dintr-o singură tușă. Pentru a obține acest efect, Maddy folosește cea de-a patra pensulă din presetările noastre cu Pressure Sensitivity activată.

După ce ați desenat norii, folosiți instrumentul Nod pentru a face orice ajustare a formei lor.

Deoarece norii vor reflecta în mod natural lumina apusului de soare, dați-le un gradient care merge de la o nuanță portocalie (F92CEE, stânga) la un roz deschis (F9DCEE, dreapta).

În ceea ce privește luna, creați două cercuri și folosiți funcția booleană Subtract pentru a tăia o lună semicrescentă perfectă. Nu uitați să țineți un deget pe pânză pentru a păstra raportul de aspect.

În cele din urmă, adăugați stele cu instrumentul Shape Tool. Maddy se decide pentru o stea cu 12 puncte. Puteți modifica numărul de puncte prin intermediul cursorului din stânga și puteți schimba forma lor ținând apăsat un deget în timp ce trageți creionul pe pânză.

Adăugați câteva detalii cool

E timpul să adăugați la această piesă unul dintre ultimele și cele mai interesante elemente grafice.

Creați naveta spațială cu un efort minim cu ajutorul funcției Iconator. Pur și simplu atingeți ultima filă din Inspector pentru a accesa Iconator și utilizați bara de căutare pentru a găsi ceea ce aveți nevoie.

Maddy alege naveta spațială care îi place cel mai mult, o redimensionează, o colorează în alb și o centrează în mijlocul panoului. Ușor de făcut!

Adăugați efecte de lumină

Pentru un plus de fler, terminați prin adăugarea unor cercuri de lumini pentru a da un efect de sclipire a orașului îndepărtat. Folosiți, bineînțeles, instrumentul Shape Tool pentru cercuri și apoi jucați-vă cu funcția de gradient din fila Style pentru a obține un efect mai frumos.

Maddy a optat pentru un gradient liniar cu roz (F9A3D8) în partea stângă, în timp ce dreapta este 100% transparentă.

Apoi mergeți la Blend Modes și alegeți Overlay.

Adăugați mișcare

Pentru ca modul de ilustrare să fie dinamic, adăugați un strat final de lumini cu particule care traversează scena. Pentru aceasta, Maddy păstrează aceeași pensulă ca și înainte (a patra din presetările noastre) pentru a crea tușe foarte fine umplute cu același gradient de la pasul 15. Și apoi setează din nou modul de amestecare pe Suprapunere.

Momentul pe care îl așteptam: După toate aceste etape, ilustrația este acum completă!

De ce este important să desenezi fundaluri

Oricare ar fi fundalul unui desen, acesta are un impact uriaș asupra lucrării finale - fie că este bun sau rău!

Odată ce ați învățat să desenați obiecte și personaje în ipostaze dinamice, fundalul este ultima piesă din puzzle care unește totul.

Fundalul tău acționează ca un yin pentru yangul personajului tău. Dacă ți-ai creat personajul folosind forme rotunjite, folosește forme unghiulare va trebui să reprezinte fundalul. Dacă personajul tău este întunecat, folosește culori de fundal deschise, și așa mai departe. Cheia este să contrasteze cu personajul tău pentru a-l ajuta să iasă în evidență.

Fundalul ar trebui să evidențieze personajul și povestea acestuia la nivel tehnic și conceptual. Așadar, dacă vă întrebați dacă este important să concepeți un fundal, noi credem că este de fapt vital.

Sperăm că acest tutorial v-a fost de ajutor. În cazul în care nu ați făcut-o deja, asigurați-vă că descărcați Vectornator pentru a vă putea crea propriile fundaluri uimitoare, precum cel creat de Maddy.

Dacă sunteți nou în utilizarea instrumentului nostru, consultați Hub-ul de învățare sau canalul nostru YouTube pentru tutoriale de design grafic și inspirație nouă; și alegeți un șablon gata pregătit pentru a crea modele în câteva minute.

Nu uitați să ne etichetați întotdeauna pe rețelele sociale pentru a vă putea reposta lucrările!