Kako dizajnirati pozadine

Kako dizajnirati pozadine
Rick Davis

Možda niste svjesni, ali crtanje pozadine je jedan od najvažnijih dijelova bilo koje ilustracije likova.

Vaši likovi ne bi trebali lebdjeti u bijeloj pozadini. Oni pripadaju vlastitom, jedinstvenom univerzumu koji je definirao način na koji su vaši likovi evoluirali sve do trenutka kada ste ih nacrtali.

U ovom članku vodiča ispitat ćemo kako umjetnica Maddy Zoli stvara pozadinu. Pratite u Vectornatoru i naučite kako to učiniti sami!

Dizajn likova

Ako ste pročitali našu prvu lekciju o dizajnu likova, znate da je pozadina lika je okosnica svake linije koju nacrtate.

Morate svoje likove uzemljiti u dublju priču nego što se na prvi pogled čini; od kada su rođeni, do toga gde žive, koji posao imaju, do toga šta im je omiljena hrana. Zvuči pretjerano? Za nas to više zvuči kao zabava!

Bez padanja u duboku zečju rupu, razmislite o svim ovim detaljima o prošlosti, sadašnjosti i budućnosti vašeg lika i manifestirajte ih u njegovom okruženju. Drugim riječima, projektirajte priču koju imate u mislima u pozadinu lika. Ovakvo vizualno pripovijedanje učinit će da se vaši likovi i svjetovi osjećaju mnogo bogatijima i stvarnijima.

Umjetnik

Ovaj vodič je napravljen u suradnji s nevjerojatnom Maddy Zoli. Zajedno stvaramo čitav niz likova na našem YouTube kanalu, a ona nije samo aAlatirajte i igrajte se s pritiskom koji primjenjujete na svoje platno kako biste stvorili oblik koji počinje s malim i postepeno se povećava. Promjenom pritiska, linija može ići od vrlo tanke do vrlo zdepaste u jednom potezu. Da bi postigla ovaj efekat, Maddy koristi 4. kist iz naših unaprijed postavljenih postavki s uključenom osjetljivošću na pritisak.

Nakon crtanja oblaka, upotrijebite alat Node Tool da biste prilagodili njihov oblik.

Zato što su oblaci prirodno će reflektirati svjetlost zalaska sunca, dati im gradijent koji ide od narandžaste nijanse (F92CEE, lijevo) do svijetlo ružičaste (F9DCEE, desno).

Što se tiče mjeseca, kreirajte dva kruga i upotrijebite Subtract Boolean funkcija za rezanje savršenog polumjeseca. Ne zaboravite držati jedan prst na platnu da sačuvate omjer širine i visine.

Na kraju, dodajte zvijezde pomoću alata za oblikovanje. Maddy se odlučuje za 12 poena. Možete urediti broj tačaka pomoću klizača s lijeve strane i možete promijeniti njihov oblik držeći jedan prst dok prevlačite olovku po platnu.

Korak 17

Dodajte neke cool detalje

Jeste li i vi jedan od onih koji najbolje čuvaju za kraj? Vrijeme je da ovom komadu dodate jedan od posljednjih i najzgodnijih grafičkih elemenata.

Kreirajte spejs šatl uz minimalan napor pomoću funkcije Iconator. Jednostavno dodirnite posljednju karticu u Inspektoru da pristupite Iconatoru i koristite traku za pretraživanje da pronađete ono što vam treba.

Maddy biraspejs šatl koji joj se najviše sviđa, menja mu veličinu, boji ga u belo i centrira u sredinu znaka. Lako peasy!

💡 Profesionalni savjet: Iskoristite hiljade besplatnih ikona iz Iconatora za kreiranje složenih oblika u nekoliko sekundi. Korak 18

Dodajte svjetlosne efekte

Za dodatni štih, završite dodavanjem nekoliko krugova svjetla kako biste dali blistavi efekat udaljenog grada. Upotrijebite Shape Tool za krugove, naravno, a zatim se igrajte sa funkcijom gradijenta na kartici Style da biste dobili ljepši efekat.

Maddy je odlučila za linearni gradijent sa ružičastom (F9A3D8) na lijevoj strani dok desno je lijevo 100% transparentno.

Zatim idite na Načini miješanja i odaberite Preklapanje.

Korak 19

Dodajte pokret

Da biste napravili dinamički režim ilustracije, dodajte završni sloj svetla čestica koje prelaze scenu. Za ovo, Maddy zadržava isti kist kao i prije (četvrti od naših unaprijed postavljenih postavki) kako bi kreirao vrlo fine poteze ispunjene istim gradijentom iz koraka 15. A zatim ponovo postavite način miješanja na Overlay.

U trenutku kada Čekao sam: Nakon svih ovih koraka, ilustracija je sada gotova!

Zašto je crtanje pozadine važno

Koja god da je pozadina crteža , ima ogroman utjecaj na finalno umjetničko djelo—bilo dobro ili loše!

Kada naučite crtati objekte i likove u dinamičnim pozama, pozadina je posljednji dioslagalica koja spaja sve.

Vaša pozadina djeluje kao jin za jang vašeg lika. Ako ste kreirali svoj lik koristeći zaobljene oblike, ugaoni oblici će morati predstavljati pozadinu. Ako je vaš lik taman, koristite svijetle boje pozadine i tako dalje. Ključ je u kontrastu sa svojim likom kako biste im pomogli da se istaknu.

Vaša pozadina bi trebala istaknuti vaš lik i njegovu priču na tehničkom i konceptualnom nivou. Dakle, ako se zapitate da li je dizajniranje pozadine važno, vjerujemo da je zapravo od vitalnog značaja.

Nadamo se da vam je ovaj vodič bio od pomoći. U slučaju da već niste, obavezno preuzmite Vectornator kako biste mogli dizajnirati vlastite zadivljujuće pozadine poput one koju je Maddy kreirala.

Ako ste novi u našem alatu, pogledajte naš Learning Hub ili YouTube kanal za tutorijale za grafički dizajn i svježu inspiraciju; i odaberite gotov predložak za kreiranje dizajna u roku od nekoliko minuta.

Ne zaboravite da nas uvijek označite na društvenim mrežama kako bismo mogli ponovo objaviti vaš rad!

zadovoljstvo je sarađivati, ali ona je super upućena u ovu temu. Nismo mogli bolje raditi ni sa kim za ovaj vodič korak po korak.

Primijetit ćete da svaki korak koji spominjemo u ovom vodiču ne ulazi u najsitnije detalje. To znači da nećemo spominjati korak svaki put kada se kreira novi sloj ili nacrta novi oblik. Umjesto toga, sažeti ćemo svaki strukturni dodatak procesu dizajna kao jedan sveobuhvatni korak.

Šta će vam trebati:

• iPad

• Apple Pencil

• Procreate (ili bilo koji drugi softver za skiciranje)

• Najnovija verzija Vectornator-a Šta ćete naučiti:

• Kako skicirati

• Kako pripremiti svoje platno i pozadinu

• Kako dodati slojeve i upravljati njima

• Napredno korištenje alata za olovku, olovku, četkicu Alati za , čvorove i oblike

• Napredno korištenje birača boja i uređivača gradijenata

• Kako dodati svjetlost, sjene i pokrete

• Kako koristiti duplikat funkcija za olakšanje vašeg posla

• Kako kreirati ručno nacrtana slova

• Kako kreirati složene oblike

Ovdje smo spojili praksu i teoriju, zato se vežite!

Korak 1

Ispravite svoje reference ispravno

Ovaj korak se odnosi na pronalaženje prave inspiracije za vrstu pozadine koju želite dizajnirati.

Možete li pogoditi odakle dolaze Maddyne reference od? Njena inspiracija su pastelni gradski pejzaži s neonskim svjetlima iz 80-ih i 90-ihanime poput Sailor Moon i Cardcaptor Sakura. Ugradit će njihovu estetiku u svoj dizajn pozadine.

Snimke ekrana filmova ili animacija su odličan izvor inspiracije za ideje u pozadini.

Već su postavljeni da imaju zanimljivo osvjetljenje, akciju i dobru kompoziciju. Ali možete i samo izaći van i nacrtati pejzaže ili urbane scene koje vidite oko sebe.

Ovdje je najvažnije dati svemu smisao. Ne biste trebali razmišljati o svom liku i njihovoj pozadini kao o odvojenim stvarima, već kao o jednoj jedinstvenoj cjelini. Ne crtate samo pozadinu za svoj lik, već crtate scenu u kojoj se slučajno nalazi vaš lik.

Korak 2

Skicirajte svoje osnovne oblike

Popularni stil skiciranja je da napravite nekoliko malih, 5-minutnih studija "gesta" iz referenci gdje jednostavno blokirate glavne vrijednosti.

Zatim odaberite jednu ili dvije studije da biste se razvili u više detaljne skice za koje ćete potrošiti oko 30 minuta da ih kreirate, baš kao i skica koju Maddy dovršava u Procreate.

Zapamtite da bi svaki dio scene trebao biti važan za priču - inače, nemojte je crtati.

Razmišljanje na ovaj način pomaže vam da integrišete sve svoje elemente na bolji i zanimljiviji način. Zato što me vaš gledatelj više ulaže u okoliš nego da je to samo ukrasna pozadina.

Dakle, u našem slučaju, već znamo da je Jocasta tinejdžerdevojka sa super moćima. Ali ono što Maddy kao kreatorica zna je da živi u budućnosti, u užurbanom gradu u kojem mora čekati na javni prijevoz svake večeri da bi se vratila kući.

Možete reći po ovom malom elementu koji privlači oko —znak autobuske stanice je zapravo spejs šatl.

Korak 3

Učitajte skicu u Vectornator

Iz Procreate, jednostavno izvezite svoju skicu kao jpeg/png i uvezite je u Vectornator. To možete učiniti povlačenjem i ispuštanjem sa kartice Galerija.

💡 Profesionalni savjet: Ako kreirate svoju prvu skicu na papiru, uvezite je u svoje platno za nekoliko sekundi pomoću naša nova funkcija skeniranja Korak 4

Pozicionirajte svoj lik

Maddy je postavila Jocastu u scenu slijedeći pravilo trećina.

Postoji mnogo načina da stvorite sjajnu kompoziciju koristeći različita isprobana pravila (kao što je pravilo trećine) koja vam pomažu da postignete uravnoteženu estetiku. Ako želite saznati više o tome, pogledajte naš video vodič o stvaranju sjajnih kompozicija koje je snimio drugi, nevjerovatni ilustrator—Soodabeh Damavandi.

Korak 5

Organizirajte svoje slojeve

Važno je da ostanete uredni i organizirani sa svojim slojevima—dodatni napor koji uložite u ovaj korak pomoći će vam udesetostručiti kako napredujete s ilustracijom.

Zato nakon što postavite svoj lik, sakrijte se sloj karaktera. Zatim zaključajte sloj skice nakon što ga spustiteneprozirnost.

Ovo je također dobar trenutak za razgovor o tehnici!

Postoje dva načina da dizajnirate pozadinu: koristeći perspektivu ili slojevite svoj pejzaž. Danas se fokusiramo na tehniku ​​nanošenja slojeva. Ako želite da pokrijemo teoriju perspektive u nekom drugom videu, komentirajte ispod.

Dakle, ako raščlanimo krajolik, imamo pet slojeva ukupno. Od naprijed prema nazad, dakle od najbližeg ka najdaljem, slojevi su:

  • Jocasta i duh.
  • Autobuska stanica i željeznička pruga.
  • Prvi red zgrada.
  • Drugi red zgrada.
  • Konačno, nebo, mjesec i oblaci.

Od ove tačke, jednostavno zapamtite da uvijek kreirate novi sloj za bilo koji novi element dizajna na vašoj ilustraciji - na primjer, autobuska stanica je na posebnom sloju, kao i drugi red zgrada, kao i mjesec i zvijezde, itd. Razumijete.

Korak 6

Ispričajte priču bojama

Boja je još jedan super važan aspekt koji može reći više o priči vašeg lika.

Da rezimiramo: ovaj svijet je u budućnosti, pun je magije, a inspirisan je i Sailor Moonom. Nije šokantno što je Maddy odabrala odvažne boje poput neonskih, pastelnih, ružičastih i zelenih. Sve samo ne dosadno!

Ovdje su svi heksadecimalni kodovi koji su vam potrebni da biste rekreirali Maddyin komad:

Vidi_takođe: Godina zeca Srednje ljubičasta - C18FF0

tamno ljubičasta - 7125D0

Vidi_takođe: 11 prekrasnih stilova crtanja koje bi svi kreativci trebali isprobati

Narandžasta - EFB09F

Srednjoplava - 869FEF

Tamnoplava - 3E6AED

Tamnoplava - 4265D2

Teal - 2885C7

Žuta - FEF66F

Roza - F9A3D8

Svijetlo ružičasta - F9DCEE

Na kraju, morate osigurati da koristite kombinaciju boja koji je dovoljno kontrastan, ali u isto vrijeme ostaje skladan s vašim karakterom. Zato je Maddy odabrala vrlo slične nijanse onima koje je koristila za Jocastu.

Primijetit ćete da će se nijanse koje je Maddy odabrala koristiti i ponovo koristiti u širokom spektru elemenata dizajna u cijeloj njenoj kompoziciji. Odabir raznolike, ali ograničene palete boja pomoći će vam u kreativnom procesu, ali će i vaše umjetničko djelo učiniti kohezivnijim i prepoznatljivijim.

Korak 7

Postavite raspoloženje prema dobu dana

Klonite se čvrste boje pozadine i koristite doba dana kao način za postavljanje raspoloženja. Za ovu scenu, Maddy je odabrala rano veče.

To se uklapa u način na koji se Jocasta i njen prijatelj duh trenutno osjećaju. Jocasta izgleda kao da je već preboljela, ali budući da se noću pojavljuju duhovi, on je upravo na početku svog dana!

Da bi postigla ovaj izgled, Maddy kreira ljubičasti kvadrat koji ispunjava cijelo platno (C18FF0). Zatim primjenjuje tamnoplavi (3E6AED) linearni gradijent počevši od gore desnokut.

Maddy zatim duplira kvadrat, rotira ga tako da gradijent bude u suprotnom uglu i mijenja boju gradijenta u prelijepu narandžastu (EFB09F). Da li je neko rekao vibracije zalaska sunca?

Korak 8

Kreirajte drugi red zgrada

Počećemo sa drugim najudaljenijim slojem objekata (najudaljenijim biti nebo).

Ovaj određeni redoslijed nije toliko važan. Ali ako imate klaster slojeva koji se međusobno preklapaju, kao što su zgrade, željeznička stanica i tako dalje, najbolje je početi od najdalje da biste razumjeli kako svoje objekte postaviti u prvi plan, koliko negativnog prostora imate da se poigrate i koje boje su najbolje u kontrastu.

Maddy uzima alat za oblikovanje i počinje kreirati geometrijske oblike da definira frontalni pogled na zgrade. Nijansa plave koju koristi je 869FEF.

Korak 9

Nacrtajte perspektivu

A da bi nacrtala strane, odlučuje se za tamniju nijansu—957AE1.

Ne samo to, već koristi i alat Node Tool kako bi promijenila ugao gornje strane pravougaonika tako da se poravnaju sa tačkom nestajanja vaše kompozicije.

Korak 10

Dodaj detalje

Maddy dodaje baner zgradama koje su bliže perspektivi gledatelja.

Iako su ove zgrade tehnički još uvijek u drugom redu, one su najbliža od najudaljenijih zgrada. Dakle, dodavanje bilo kojedetalji ovdje samo će stvoriti realističniju postavku.

Korak 11

Nacrtajte prvi red zgrada

Isto kao prije, uzmite alat za oblik i nacrtajte pravougaonici da popune grad. Maddy je ponovo odabrala 957AE1, a 4265D2 za bočne strane.

Korak 12

Stvorite ambijent

Da dodate još više dubine svojoj pozadini, razmislite o uključivanju detalja kao što je gradska magla.

Jednostavno nacrtajte pravougaonik pomoću alata Shape Tool i dajte mu zabavan linearni gradijent koji blijedi odozdo prema gore. Lijeva boja (u našem slučaju donja boja) je lijepa teal (2885C7), a lijeva boja (u našem slučaju gornja) je bijela (FFFFFF) sa 0 neprozirnosti. To možete postići tako što ćete kanal A dovesti na nulu.

Korak 13

Dodajte više detalja

Imajte na umu da što se približavate, to su tamniji i Vaši objekti će biti detaljniji. Dok će prethodni red zgrada ostati skup minimalnih pravokutnika i čvrstih blokova s ​​vrlo malo prozora.

Zato u zgradama najbližim liku, obavezno dodajte sve vrste detalja kao što su prozore, svjetla ili bilborde. Poput ovog znaka “Coola” koji Maddy kreira pokretima kistom slobodnim rukama koristeći drugu postavku iz našeg okna za odabir četkica.

Savjet za dodavanje više prozora zgradama u prvom planu je odabir više objekata pomoću alata za odabir i duplicirajte ih u nizu.

Korak 14

NacrtajteBus Stop

Sa alatom Rectangle Tool, iscrtajte sve glavne oblike koji čine autobusko stajalište.

Kao i prije, koristite Node Tool da promijenite sve uglove koji trebaju dovesti do tačke nestajanja vaše perspektive. Ovdje koristi ljubičastu za ogradu (7125D0), bijelu (FFFFF) i žutu (FEF66F) za naslovnicu i dodatnu nijansu plave (957AE1) za znak.

Korak 15

Dodaj više Dimenzija

Elementi autobuske stanice također su dio scene zalaska sunca.

Da bismo to dočarali, učinit ćemo nešto s ovim čvrstim bojama. Dakle, duplirajte gornji pravougaonik koji ste koristili za kreiranje ograde, učinite ga užim, postavite ga na vrh i dajte mu gradijent koji prikazuje reflektovanu svjetlost zalaska sunca.

Maddy koristi linearni gradijent (nagib u centar) i mijenja i desnu i lijevu boju u svijetlonarandžastu (EFB09F). Zatim lijevu boju čini potpuno transparentnom mijenjajući A kanal na nulu.

Primijenite isti efekat, na isti način, za svaku pojedinačnu šinu.

Profesionalni savjet: Primijetite kako ovu scenu pretvaramo iz ravnog dizajna u složenu postavku. Ako želite naučiti kako zasjeniti s vektorima, svakako pogledajte Maddyin vodič Korak 16

Dodajte elemente nebu

Konačno, prelazimo na detalji na nebu, gdje ćemo dodati nekoliko oblaka, zvijezda i mjesec.

Za oblake pokupite četkicu




Rick Davis
Rick Davis
Rick Davis je iskusni grafički dizajner i vizualni umjetnik s više od 10 godina iskustva u industriji. Radio je sa različitim klijentima, od malih startupa do velikih korporacija, pomažući im da postignu svoje dizajnerske ciljeve i podignu svoj brend kroz efektne i upečatljive vizuale.Diplomirao na Školi vizualnih umjetnosti u New Yorku, Rick je strastven u istraživanju novih trendova i tehnologija u dizajnu, te stalno pomjera granice onoga što je moguće u ovoj oblasti. Ima duboku stručnost u softveru za grafički dizajn i uvijek je željan podijeliti svoje znanje i uvide s drugima.Osim što radi kao dizajner, Rick je također posvećeni bloger i posvećen je pokrivanju najnovijih trendova i razvoja u svijetu softvera za grafički dizajn. On vjeruje da je dijeljenje informacija i ideja ključno za poticanje snažne i živahne dizajnerske zajednice i uvijek je željan da se poveže s drugim dizajnerima i kreativcima na mreži.Bilo da dizajnira novi logo za klijenta, eksperimentiše sa najnovijim alatima i tehnikama u svom studiju, ili piše informativne i zanimljive postove na blogu, Rick je uvijek predan isporuci najboljeg mogućeg rada i pomaganju drugima da postignu svoje dizajnerske ciljeve.