Kako dizajnirati pozadine

Kako dizajnirati pozadine
Rick Davis

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

Vaši likovi ne bi trebali lebdjeti na bijeloj pozadini. Oni pripadaju vlastitom, jedinstvenom svemiru 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 nas 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 pozadinska priča likova okosnica je svake linije koju nacrtate.

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

Bez upadanja 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 njihovom okruženju. Drugim riječima, projicirajte priču koju imate na umu u pozadinu lika. Korištenje vizualnog pripovijedanja poput ovog učinit će vaše likove i svjetove puno bogatijim i stvarnijim.

Umjetnik

Ovaj vodič napravljen je u suradnji s nevjerojatnom Maddy Zoli. Zajedno stvaramo cijelu seriju likova na našem YouTube kanalu, a ona nije samoAlatirajte i igrajte se s pritiskom koji primjenjujete na svoje platno kako biste stvorili oblik koji počinje malim i postupno se razvija. Promjenom pritiska, struna može prijeći od vrlo tanke do vrlo zdepaste u jednom potezu. Kako bi postigla ovaj efekt, Maddy koristi 4. kist iz naših unaprijed postavljenih postavki s uključenom osjetljivošću na pritisak.

Nakon što nacrtate oblake, upotrijebite alat za čvorove da prilagodite njihov oblik.

Jer oblaci će prirodno reflektirati svjetlost zalaska sunca, dati im gradijent koji ide od narančaste nijanse (F92CEE, lijevo) do svijetloružičaste (F9DCEE, desno).

Što se tiče mjeseca, stvorite dva kruga i upotrijebite Oduzimanje Booleova funkcija za rezanje savršenog polumjeseca. Ne zaboravite držati jedan prst na platnu kako biste sačuvali omjer slike.

Na kraju, dodajte zvijezde pomoću alata za oblikovanje. Maddy se odlučuje za zvjezdicu s 12 bodova. Možete urediti broj točaka putem klizača s lijeve strane i možete promijeniti njihov oblik držeći jedan prst dok povlač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 djelu dodate jedan od posljednjih i najzgodnijih grafičkih elemenata.

Stvorite svemirski šatl uz minimalan napor pomoću funkcije Iconator. Jednostavno dodirnite posljednju karticu u Inspectoru za pristup Iconatoru i upotrijebite traku za pretraživanje kako biste pronašli ono što vam je potrebno.

Maddy odabiresvemirski šatl koji joj se najviše sviđa, promijeni mu veličinu, oboji ga u bijelo i centrira u sredini znaka. Lagano!

💡 Profesionalni savjet: Iskoristite tisuće besplatnih ikona iz Iconatora za stvaranje složenih oblika u nekoliko sekundi. Korak 18

Dodajte svjetlosne efekte

Za dodatni štih, završite dodavanjem nekoliko krugova svjetla kako biste dobili svjetlucavi efekt dalekog grada. Upotrijebite, naravno, Shape Tool za krugove, a zatim se poigrajte s funkcijom gradijenta na kartici Style kako biste dobili ljepši učinak.

Maddy je odabrala linearni gradijent s ružičastom (F9A3D8) s lijeve strane, dok desna je lijeva 100% prozirna.

Zatim idite na Blend Modes i odaberite Overlay.

Korak 19

Dodajte pokret

Da biste napravili u dinamičnom načinu ilustracije dodajte posljednji sloj svjetla čestica koje prelaze scenu. Za to, Maddy zadržava isti kist kao i prije (četvrti od naših unaprijed postavljenih postavki) kako bi stvorila vrlo fine poteze ispunjene istim gradijentom iz koraka 15. A zatim ponovno postavite način miješanja na Prekrivanje.

U trenutku kada Čekali smo: Nakon svih ovih koraka, ilustracija je sada gotova!

Zašto je crtanje pozadine važno

Kakva god da je pozadina crteža , to ima veliki utjecaj na konačno umjetničko djelo—bilo dobro ili loše!

Kad ste naučili crtati objekte i likove u dinamičnim pozama, pozadina je posljednji dioslagalica koja spaja sve.

Vaša pozadina djeluje kao yin na yang vašeg lika. Ako ste stvorili svoj lik koristeći zaobljene oblike, koristite kutne oblike koji će morati predstavljati pozadinu. Ako je vaš lik taman, koristite svijetle pozadinske boje i tako dalje. Ključ je u kontrastu s vašim likom kako biste im pomogli da se istaknu.

Vaša bi pozadina trebala istaknuti vaš lik i njegovu priču na tehničkoj i konceptualnoj razini. Dakle, ako se pitate je li dizajniranje pozadine važno, vjerujemo da je to zapravo ključno.

Nadamo se da vam je ovaj vodič bio od pomoći. Ako to već niste učinili, svakako preuzmite Vectornator kako biste mogli dizajnirati vlastite zadivljujuće pozadine poput one koju je stvorila Maddy.

Ako ste novi u našem alatu, pogledajte naš Learning Hub ili YouTube kanal za poduke o grafičkom dizajnu i svježu inspiraciju; i odaberite gotov predložak za izradu dizajna u roku od nekoliko minuta.

Ne zaboravite nas uvijek označiti na društvenim medijima kako bismo mogli ponovno objaviti vaš rad!

zadovoljstvo je surađivati ​​s njom, ali ona je super upućena u ovu temu. Nismo mogli surađivati ​​ni s kim boljim 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 stvori novi sloj ili nacrta novi oblik. Umjesto toga, sažet ćemo svaki strukturni dodatak procesu dizajna kao jedan sveobuhvatni korak.

Što vam je potrebno:

• iPad

• Apple Pencil

• Procreate (ili bilo koji drugi softver za skiciranje)

• Najnovija verzija Vectornatora Što ćete naučiti:

• Kako skicirati

• Kako pripremiti svoje platno i pozadinu

• Kako dodati i upravljati slojevima

• Napredno korištenje alata Pen, Pencil, Brush , alati za čvorove i oblike

• Napredno korištenje alata za odabir boja i uređivača gradijenata

• Kako dodati svjetlo, sjene i kretanje

• Kako koristiti duplikat funkcija koja vam olakšava posao

• Kako izraditi rukom crtana slova

• Kako stvoriti složene oblike

Ovdje smo spojili praksu i teoriju, pa se zakopčajte!

Korak 1

Ispravite svoje reference

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

Vidi također: 7 savjeta za korištenje slika u marketingu putem e-pošte

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

Snimke zaslona filma ili animacije izvrstan su izvor inspiracije za ideje za pozadinu.

Već su postavljeni da imaju zanimljivu rasvjetu, radnju i dobru kompoziciju. Ali također možete jednostavno izaći van i crtati krajolike ili urbane scene koje vidite oko sebe.

Ovdje je najvažnije dati svemu značenje. O svom liku i njegovoj pozadini ne biste trebali razmišljati kao o odvojenim stvarima, već kao o jednoj jedinici. Ne crtate samo pozadinu za svoj lik, već crtate scenu u kojoj se nalazi vaš lik.

Korak 2

Skicirajte svoje osnovne oblike

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

Zatim odaberite jednu ili dvije studije da biste ih razvili u više detaljne skice za čije stvaranje utrošite oko 30 minuta, baš poput skice koju Maddy dovršava u Procreateu.

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

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

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

Možete zaključiti po ovom malom elementu koji privlači pažnju —znak autobusne stanice zapravo je svemirski šatl.

Korak 3

Učitajte skicu u Vectornator

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

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

Postavite svoj lik

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

Postoji mnogo načina stvorite izvrsnu kompoziciju korištenjem različitih provjerenih pravila (poput pravila trećina) koja vam pomažu postići uravnoteženu estetiku. Ako želite saznati više o tome, pogledajte naš video vodič o stvaranju sjajnih kompozicija koje je snimio još jedan, nevjerojatni ilustrator—Soodabeh Damavandi.

Korak 5

Organizirajte svoje slojeve

Važno je da ostanete uredni i organizirani sa svojim slojevima—dodatni trud koji uložite u ovaj korak pomoći će vam deseterostruko kako budete napredovali s ilustracijom.

Dakle, nakon što postavite svoj lik, sakrijte sloj znakova. Zatim zaključajte sloj skice nakon što ga spustiteneprozirnost.

Ovo je također dobro vrijeme za razgovor o tehnici!

Postoje dva načina za dizajn pozadine: korištenje perspektive ili slojeviti pejzaž. Danas se fokusiramo na tehniku ​​nanošenja slojeva. Ako želite da teoriju perspektive obradimo u drugom videozapisu, komentirajte ispod.

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

  • Jokasta i duh.
  • Autobusna stanica i željeznica.
  • Prvi red zgrada.
  • Drugi red zgrada.
  • Na kraju, nebo, mjesec i oblaci.

Od ove točke nadalje, jednostavno zapamtite da uvijek stvorite novi sloj za svaki novi element dizajna vaše ilustracije—na primjer, autobusna stanica je na zasebnom sloju, kao i drugi red zgrada, kao i mjesec i zvijezde, itd. Shvaćate.

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 također je inspiriran Sailor Moonom. Nije iznenađenje što je Maddy odabrala hrabre boje poput neonskih, pastelnih, ružičastih i zelenih. Sve samo ne dosadno!

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

Srednje ljubičasta - C18FF0

Tamno ljubičasta - 7125D0

Narančasta - EFB09F

Srednje plava - 869FEF

Tamno plava - 3E6AED

Tamno plava - 4265D2

Teal - 2885C7

Žuta - FEF66F

Ružičasta - F9A3D8

Svijetlo ružičasta - F9DCEE

U konačnici, morate osigurati da koristite kombinaciju boja koji je dovoljno kontrastan, ali ostaje u skladu s vašim karakterom u isto vrijeme. Zbog toga 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 ponovno koristiti u širokom spektru dizajnerskih elemenata u cijeloj njezinoj kompoziciji. Odabir raznolike, ali ograničene palete boja pomoći će vam u kreativnom procesu, ali će također učiniti vaše umjetničko djelo kohezivnijim i prepoznatljivijim.

Vidi također: Tim koji stoji iza 4.4 Supercharged Brushes Korak 7

Postavite raspoloženje prema dobu dana

Klonite se jednobojne pozadine i koristite doba dana kao način da postavite raspoloženje. Za ovu scenu Maddy je odabrala ranu večer.

Odgovara tome kako se Jocasta i njezin prijatelj duh trenutno osjećaju. Jocasta izgleda kao da je već preboljela, ali budući da se duhovi pojavljuju noću, on samo što nije započeo svoj dan!

Kako bi postigla ovaj izgled, Maddy stvara ljubičasti kvadrat koji ispunjava cijelo platno (C18FF0). Zatim primjenjuje tamnoplavi (3E6AED) linearni gradijent počevši od gornjeg desnog kutakutu.

Maddy zatim duplicira kvadrat, rotira ga tako da gradijent sjedi u suprotnom kutu i mijenja boju gradijenta u prekrasnu narančastu (EFB09F). Je li netko rekao vibracije zalaska sunca?

Korak 8

Stvorite drugi red zgrada

Počet ćemo s drugim najudaljenijim slojem objekata (najudaljenijim biti nebo).

Ovaj određeni poredak nije toliko važan. Ali ako imate skupinu slojeva koji se međusobno preklapaju, poput zgrada, željezničke stanice i tako dalje, najbolje je započeti s najdaljim kako biste mogli razumjeti kako postaviti svoje objekte u prvi plan, koliko negativnog prostora imate poigrati se i koje su boje najbolje u kontrastu.

Maddy uzima Shape Tool i počinje stvarati geometrijske oblike kako bi definirala prednji pogled na zgrade. Nijansa plave koju koristi je 869FEF.

Korak 9

Nacrtaj perspektivu

A kako bi nacrtala strane, odlučila se za tamniju nijansu—957AE1.

I ne samo to, ona također koristi alat za čvorove kako bi promijenila kut gornje strane pravokutnika tako da se poravnaju s točkom nestajanja vaše kompozicije.

Korak 10

Dodajte pojedinosti

Maddy dodaje banner zgradama koje su bliže gledateljevoj perspektivi.

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

Korak 11

Nacrtajte prvi red zgrada

Isto kao prije, uzmite Shape Tool i nacrtajte pravokutnika za popunjavanje grada. Maddy je ponovno odabrala 957AE1 i 4265D2 za bočne strane.

Korak 12

Stvorite ambijent

Da biste svojoj pozadini dodali još više dubine, razmislite o uključivanju detalja poput gradska magla.

Jednostavno nacrtajte pravokutnik s Shape Toolom i dajte mu zabavan linearni gradijent koji blijedi odozdo prema gore. Lijeva boja (u našem slučaju, donja boja) je prekrasna plavozelena (2885C7), a lijeva boja (u našem slučaju, gornja) je bijela (FFFFFF) s neprozirnošću 0. To možete postići tako da kanal A postavite na nulu.

Korak 13

Dodajte više detalja

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

Dakle, u zgradama najbližim liku svakako dodajte sve vrste detalja poput prozore, svjetla ili reklamne ploče. Poput ovog znaka “Coola” koji Maddy stvara slobodnim potezima kistom koristeći drugu unaprijed postavljenu postavku iz okna za odabir kista.

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

Korak 14

NacrtajteAutobusno stajalište

Uz alat za pravokutnik iscrtajte sve glavne oblike koji čine autobusno stajalište.

Kao i prije, upotrijebite alat za čvorove da promijenite sve kutove koji trebaju dovesti do toč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 autobusne stanice također su dio scene zalaska sunca.

Da bismo to dočarali, učinit ćemo nešto u vezi s ovim čvrstim bojama. Duplicirajte gornji pravokutnik koji ste koristili za izradu ograde, suzite ga, postavite ga na vrh i dajte mu gradijent koji prikazuje reflektirano svjetlo zalaska sunca.

Maddy bira linearni gradijent (gradijent u centar) i mijenja i desnu i lijevu boju u svijetlo narančastu (EFB09F). Zatim čini lijevu boju potpuno prozirnom promjenom kanala A na nulu.

Primijenite isti efekt, 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 sjeniti vektorima, svakako pogledajte Maddyin vodič Korak 16

Dodajte elemente nebu

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

Za oblake, uzmite Kist




Rick Davis
Rick Davis
Rick Davis iskusan je grafički dizajner i vizualni umjetnik s više od 10 godina iskustva u industriji. Radio je s raznim klijentima, od malih startupa do velikih korporacija, pomažući im da ostvare svoje ciljeve dizajna i podignu svoj brend kroz učinkovite i dojmljive vizuale.Diplomirao je na Školi vizualnih umjetnosti u New Yorku, Rick strastveno istražuje nove trendove i tehnologije u dizajnu i stalno pomiče granice onoga što je moguće u tom području. Ima duboku stručnost u softveru za grafički dizajn i uvijek je spreman podijeliti svoje znanje i uvide s drugima.Osim svog rada kao dizajner, Rick je također predani bloger i posvećen je pokrivanju najnovijih trendova i razvoja u svijetu softvera za grafički dizajn. Vjeruje da je dijeljenje informacija i ideja ključno za poticanje snažne i živahne dizajnerske zajednice i uvijek se želi povezati s drugim dizajnerima i kreativcima na internetu.Bilo da dizajnira novi logotip za klijenta, eksperimentira s najnovijim alatima i tehnikama u svom studiju ili piše informativne i zanimljive postove na blogu, Rick je uvijek predan pružanju najboljeg mogućeg rada i pomaganju drugima da postignu svoje dizajnerske ciljeve.