Si të dizajnoni sfonde

Mund të mos e kuptoni, por vizatimi i një sfondi është një nga pjesët më të rëndësishme të çdo ilustrimi të personazheve.

Personazhet e tu nuk duhet të lëvizin në një sfond të bardhë. Ata i përkasin universit të tyre unik që përcaktoi mënyrën se si personazhet e tu evoluan deri në pikën kur i vizatove.

Në këtë artikull të tutorialit, ne do të shqyrtojmë se si artisti Maddy Zoli krijon një sfond. Ndiqni në Vectornator dhe mësoni se si ta bëni vetë!

Dizajni i personazheve

Nëse e keni lexuar mësimin tonë të parë mbi dizajnin e personazheve, e dini se historia e një personazhi është shtylla kurrizore e çdo vije që vizatoni.

Ju duhet t'i bazoni personazhet tuaja në një histori më të thellë nga sa duket; që nga koha kur kanë lindur, ku jetojnë, çfarë pune kanë, deri tek ushqimi i tyre i preferuar. Tingëllon e tepërt? Për ne, kjo tingëllon më shumë si argëtim!

Pa rënë në një vrimë të thellë lepuri, mendoni për të gjitha këto detaje për të kaluarën, të tashmen dhe të ardhmen e personazhit tuaj dhe shfaqini ato në mjedisin e tyre. Me fjalë të tjera, projektoni historinë që keni në mendje në sfondin e personazhit. Përdorimi i tregimeve vizuale si kjo do t'i bëjë personazhet dhe botët tuaja të ndjehen shumë më të pasur dhe më realë.

Artisti

Ky tutorial është bërë në bashkëpunim me të mahnitshmen Maddy Zoli. Ne po krijojmë një seri të tërë personazhesh së bashku në kanalin tonë në YouTube, dhe ajo nuk është vetëm njëVeproni dhe luani me presionin që ushtroni në kanavacën tuaj në mënyrë që të krijoni një formë që fillon e vogël dhe ndërtohet gradualisht. Duke ndryshuar presionin, linja mund të shkojë nga shumë e hollë në shumë e trashë me një goditje të vetme. Për të arritur këtë efekt, Maddy përdor furçën e 4-të nga paracaktimet tona me Ndjeshmërinë e Presionit të ndezur.

Pasi të vizatoni retë, përdorni mjetin Node për të bërë ndonjë rregullim në formën e tyre.

Sepse retë do të reflektojë natyrshëm dritën e perëndimit të diellit, do t'u japë atyre një gradient që shkon nga një nuancë portokalli (F92CEE, majtas) në një rozë të lehtë (F9DCEE, djathtas).

Sa i përket hënës, krijoni dy rrathë dhe përdorni zbritjen Funksioni Boolean për të prerë një hënë të përsosur gjysmëhënës. Mos harroni të mbani një gisht në kanavacë për të ruajtur raportin e pamjes.

Më në fund, shtoni yje me veglën e formës. Maddy vendos për një yll me 12 pikë. Ju mund të modifikoni numrin e pikave nëpërmjet rrëshqitësit në të majtë dhe mund të ndryshoni formën e tyre duke mbajtur të shtypur një gisht ndërsa tërhiqni lapsin tuaj në kanavacë.

Shtoni disa detaje të lezetshme

A jeni edhe ju një nga ata njerëz që kurseni më të mirën për të fundit? Është koha për të shtuar një nga elementët grafikë të fundit dhe më të këndshëm në këtë pjesë.

Krijoni anijen kozmike me përpjekje minimale me funksionin Iconator. Thjesht trokitni lehtë mbi skedën e fundit në Inspektor për të hyrë në Iconator dhe përdorni shiritin e kërkimit për të gjetur atë që ju nevojitet.

Maddy zgjedhAnija kozmike asaj i pëlqen më shumë, e ndryshon përmasat, e ngjyros të bardhë dhe e vendos në qendër në mes të shenjës. Lehtë peasy!

Shtoni Efektet e Dritës

Për më shumë dhunti, përfundoni duke shtuar disa rrathë dritash për të dhënë një efekt shkëlqyes të qytetit të largët. Përdorni veglën e formës për rrathët, sigurisht, dhe më pas luani me funksionin e gradientit në skedën Style për t'i dhënë një efekt më të bukur.

Maddy shkoi për një gradient linear me rozë (F9A3D8) në të majtë ndërsa e djathta është lënë 100% transparente.

Më pas shkoni te Blend Modes dhe zgjidhni Overlay.

Shto Movement

Për të bërë modaliteti i ilustrimit dinamik, shtoni një shtresë përfundimtare të dritave të grimcave që kalojnë skenën. Për këtë, Maddy mban të njëjtën furçë si më parë (e katërta nga paracaktimet tona) për të krijuar goditje shumë të imta të mbushura me të njëjtin gradient nga Hapi 15. Dhe më pas vendoseni modalitetin e përzierjes në Mbivendosje.

Momenti që ne kam pritur për: Pas gjithë këtyre hapave, ilustrimi tani është i plotë!

Pse është i rëndësishëm vizatimi i sfondeve

Sido qoftë sfondi i një vizatimi , ka një ndikim të madh në veprën e fundit artistike—qoftë e mirë apo e keqe!

Pasi të keni mësuar të vizatoni objekte dhe personazhe në poza dinamike, sfondi është pjesa e fundit eenigmë që bashkon gjithçka.

Sfondi juaj vepron si një yin për yang-un e personazhit tuaj. Nëse e keni krijuar karakterin tuaj duke përdorur forma të rrumbullakosura, përdorni forma këndore do të duhet të përfaqësojnë sfondin. Nëse karakteri juaj është i errët, përdorni ngjyra të lehta të sfondit, etj. Çelësi është të bëni kontrast me karakterin tuaj për t'i ndihmuar ata të dallohen.

Sfondi juaj supozohet të nxjerrë në pah karakterin tuaj dhe historinë e tij në një nivel teknik dhe konceptual. Pra, nëse pyesni veten nëse dizajnimi i një sfondi është i rëndësishëm, ne besojmë se është me të vërtetë jetik.

Shpresojmë që ky tutorial të ishte i dobishëm për ju. Nëse nuk e keni bërë tashmë, sigurohuni që të shkarkoni Vectornator në mënyrë që të mund të dizajnoni sfondet tuaja mahnitëse si ai që krijoi Maddy.

Nëse jeni i ri në mjetin tonë, shikoni qendrën tonë të mësimit ose kanalin YouTube për mësime të dizajnit grafik dhe frymëzim të freskët; dhe zgjidhni një shabllon të gatshëm për të krijuar dizajne brenda pak minutash.

Mos harroni të na etiketoni gjithmonë në rrjetet sociale që ne të mund të ripostojmë punën tuaj!

Do të vini re se çdo hap që përmendim në këtë tutorial nuk përfshin detajet më të vogla. Do të thotë që ne nuk do të përmendim një hap sa herë që krijohet një shtresë e re ose vizatohet një formë e re. Në vend të kësaj, ne do të kondensojmë çdo shtesë strukturore në procesin e projektimit si një hap gjithëpërfshirës.

• iPad

• Apple Pencil

• Procreate (ose ndonjë softuer tjetër skicimi)

• Versioni më i fundit i Vectornator Çfarë do të mësoni:

• Si të skiconi

• Si të përgatisni kanavacën dhe sfondin tuaj

• Si të shtoni dhe menaxhoni shtresat

• Përdorimi i avancuar i mjeteve të stilolapsit, lapsit, furçës , nyja dhe veglat e formës

• Përdorimi i avancuar i Zgjedhësit të ngjyrave dhe redaktuesit të gradientit

• Si të shtoni dritën, hijet dhe lëvizjen

• Si të përdorni kopjimin funksioni për të lehtësuar ngarkesën tuaj të punës

• Si të krijoni shkronja të vizatuara me dorë

• Si të krijoni forma komplekse

Kemi kombinuar praktikën dhe teorinë këtu, kështu që shtrëngohu!

Merrni saktë referencat tuaja

Ky hap ka të bëjë me gjetjen e frymëzimit të duhur për llojin e sfondit që dëshironi të dizajnoni.

A mund ta merrni me mend se ku vijnë referencat e Maddy nga? Frymëzimi i saj janë pamjet pastel të qytetit me drita neoni të viteve '80 dhe '90anime si Sailor Moon dhe Cardcaptor Sakura. Ajo do të përfshijë estetikën e tyre në dizajnin e saj të sfondit.

Ata janë krijuar tashmë për të pasur ndriçim interesant, veprim dhe kompozim të mirë. Por ju gjithashtu mund të dilni jashtë dhe të vizatoni peizazhe ose skena urbane që shihni përreth jush.

Gjëja më e rëndësishme këtu është t'i jepni kuptim çdo gjëje. Ju nuk duhet të mendoni për karakterin tuaj dhe prejardhjen e tij si gjëra të veçanta, por si një njësi të vetme. Ju nuk po vizatoni vetëm një sfond për karakterin tuaj, por po vizatoni skenën që ka karakterin tuaj në të.

Skico format tuaja bazë

Një stil popullor i skicimit është të bësh disa studime të vogla "gjesti" 5-minutëshe nga referencat ku thjesht bllokon vlerat kryesore.

Më pas zgjidh një ose dy studime për t'u zhvilluar në më shumë skica të detajuara që shpenzoni rreth 30 minuta për t'i krijuar, ashtu si skica që përfundon Maddy në Procreate.

Të menduarit në këtë mënyrë ju ndihmon të integroni të gjithë elementët tuaj në një mënyrë më të mirë dhe më interesante. Sepse shikuesi juaj më bën të investoj më shumë në mjedis sesa nëse do të ishte thjesht një sfond dekorativ.

Pra, në rastin tonë, ne tashmë e dimë që Jocasta është një adoleshentevajzë me superfuqi. Por ajo që Maddy si krijuesi e di është se ajo jeton në të ardhmen, në një qytet të ngarkuar ku duhet të presë transportin publik çdo mbrëmje për t'u kthyer në shtëpi.

Ju mund ta dalloni nga ky element i vogël tërheqës — tabela e stacionit të autobusit është në fakt një anije kozmike.

Ngarkoni Sketch në Vectornator

Nga Procreate, thjesht eksportoni skicën tuaj si jpeg/png dhe importojeni atë në Vectornator. Ju mund ta bëni këtë duke zvarritur dhe lëshuar nga skeda e Galerisë.

Poziciononi karakterin tuaj

Maddy vendosi Jocasta-n në skenë duke ndjekur rregullin e të tretave.

Ka shumë mënyra për të krijoni një përbërje të shkëlqyer duke përdorur rregulla të ndryshme të provuara dhe të testuara (si rregulli i të tretave) që ju ndihmojnë të arrini një estetikë të ekuilibruar. Nëse dëshironi të mësoni më shumë rreth tij, shikoni video-tutorialin tonë për krijimin e kompozimeve të shkëlqyera të filmuara nga një tjetër ilustrues i mrekullueshëm—Soodabeh Damavandi.

Organizo shtresat tuaja

Është e rëndësishme të qëndroni të rregullt dhe të organizuar me shtresat tuaja—përpjekja shtesë që bëni në këtë hap do t'ju ndihmojë të dhjetëfishoheni ndërsa përparoni me ilustrimin tuaj.

Pra, pasi të keni vendosur karakterin tuaj, fshihuni shtresa e karakterit. Pastaj, mbyllni shtresën e skicës pasi ta keni ulur atëopaciteti.

Kjo është gjithashtu një kohë e mirë për të folur për teknikën!

Ka dy mënyra për të dizajnuar një sfond: duke përdorur perspektivën ose shtresimin e peizazhit tuaj. Sot po fokusohemi në teknikën e shtresimit. Nëse dëshironi që ne të mbulojmë teorinë e perspektivës në një video tjetër, ju lutemi komentoni më poshtë.

Pra, nëse zbërthejmë peizazhin, kemi pesë shtresa gjithsej. Nga përpara në mbrapa, pra nga më e afërta tek më e largëta, shtresat janë:

• Jokasta dhe fantazma.
• Stacioni i autobusit dhe hekurudha.
• Rreshti i parë i ndërtesave.
• Rreshti i dytë i ndërtesave.
• Më në fund, qielli, hëna dhe retë.

Që nga ky moment, thjesht mbani mend për të krijuar gjithmonë një shtresë të re për çdo element të ri të dizajnit në ilustrimin tuaj—për shembull, stacioni i autobusit është në një shtresë të veçantë, dhe po kështu është rreshti i dytë i ndërtesave, dhe po ashtu edhe hëna dhe yjet, si me radhë. E kuptoni.

Tregoni historinë me ngjyra

Ngjyra është një tjetër aspekt shumë i rëndësishëm që mund të tregojë më shumë për historinë e personazhit tuaj.

Pra, për ta përmbledhur: kjo botë është në të ardhmen, është e mbushur me magji dhe është gjithashtu e frymëzuar nga Sailor Moon. Nuk ka tronditje këtu që Maddy ka zgjedhur ngjyra të theksuara si neoni, pastel, rozë dhe jeshile. Gjithçka përveçse të mërzitshme!

Këtu janë të gjitha kodet hex që ju nevojiten për të rikrijuar pjesën e Maddy:

Vjollcë e errët - 7125D0

Portokalli - EFB09F

Blu mesatare - 869FEF

Blu e errët - 3E6AED

Blu më e errët - 4265D2

Buqia - 2885C7

E verdhë - FEF66F

Trëndafili - F9A3D8

Rozë e çelët - F9DCEE

Në fund të fundit, duhet të siguroheni që të përdorni një kombinim ngjyrash që është mjaft kontrast, por në të njëjtën kohë mbetet në harmoni me karakterin tuaj. Kjo është arsyeja pse Maddy zgjodhi nuanca shumë të ngjashme me ato që përdori për Jocasta.

Do të vini re se nuancat që zgjodhi Maddy do të përdoren dhe do të ripërdoren në një larmi elementesh të dizajnit në të gjithë përbërjen e saj. Zgjedhja e një palete ngjyrash të larmishme, por të kufizuar do t'ju ndihmojë në procesin krijues, por gjithashtu do t'i bëjë veprat tuaja artistike më kohezive dhe të identifikueshme.

Vendosni disponimin me kohën e ditës

Qëndroni larg një ngjyre të fortë sfondi dhe përdorni kohën e ditës si një mënyrë për të vendosur humorin. Për këtë skenë, Maddy zgjodhi mbrëmjen herët.

Kjo përshtatet me mënyrën se si Jocasta dhe shoqja e saj fantazmë ndihen tani. Jocasta duket sikur e ka kaluar tashmë, por meqenëse fantazmat shfaqen natën, ai është gati të fillojë ditën e tij!

Për të arritur këtë pamje, Maddy krijon një katror ngjyrë vjollce që mbush të gjithë kanavacën (C18FF0). Ajo më pas aplikon një gradient linear blu të errët (3E6AED) duke filluar nga e djathta e sipërmekëndi.

Maddy më pas kopjon katrorin, e rrotullon në mënyrë që gradienti të ulet në këndin e kundërt dhe ndryshon ngjyrën e gradientit në një portokalli të bukur (EFB09F). A tha dikush dridhjet e perëndimit të diellit?

Krijoni rreshtin e dytë të ndërtesave

Ne do të fillojmë me shtresën e dytë më të largët të objekteve (më e largëta duke qenë qielli).

Ky rend i veçantë nuk është aq i rëndësishëm. Por nëse keni një grup shtresash që mbivendosen me njëra-tjetrën, si ndërtesat, stacioni i trenit, e kështu me radhë, është më mirë të filloni nga më e largëta në mënyrë që të kuptoni se si t'i vendosni objektet tuaja në plan të parë, sa hapësirë ​​negative keni. për të luajtur dhe me cilat ngjyra kontrastin më të mirë.

Maddy merr veglën e formës dhe fillon të krijojë forma gjeometrike për të përcaktuar pamjen ballore të ndërtesave. Nuanca e blusë që ajo përdor është 869FEF.

Vizatoni perspektivën

Dhe për të vizatuar anët, ajo zgjedh një nuancë më të errët—957AE1.

Jo vetëm kaq, por ajo përdor gjithashtu mjetin Node për të ndryshuar këndin e anës së sipërme të drejtkëndëshit në mënyrë që ato të përputhen me pikën e zhdukjes së përbërjes suaj.

Shto detaje

Maddy shton një baner në ndërtesat që janë më afër këndvështrimit të shikuesit.

Megjithëse këto ndërtesa janë teknikisht ende në rreshtin e dytë, ato janë ndërtesa më e afërt nga më e largëta. Pra duke shtuar ndonjëdetajet këtu do të krijojnë vetëm një cilësim më realist.

Vizatoni rreshtin e parë të ndërtesave

Njëlloj si më parë, merrni veglën e formës dhe vizatoni drejtkëndësha për të mbushur qytetin. Maddy zgjodhi përsëri 957AE1 dhe 4265D2 për anët.

Krijoni ambient

Për të shtuar edhe më shumë thellësi në sfondin tuaj, merrni parasysh përfshirjen e detajeve si p.sh. mjegulla e qytetit.

Thjesht vizatoni një drejtkëndësh me mjetin Shape dhe jepini një gradient linear argëtues që zbehet nga poshtë lart. Ngjyra e majtë (në rastin tonë, ngjyra e poshtme) është një ngjyrë kafe e bukur (2885C7) dhe ngjyra e majtë (në rastin tonë, sipër) është e bardhë (FFFFFF) me 0 errësirë. Ju mund ta arrini këtë duke e çuar kanalin A në zero.

Shtoni më shumë detaje

Kini parasysh se sa më afër të afroheni, aq më e errët dhe objektet tuaja do të jenë më të detajuara. Ndërsa rreshti i mëparshëm i ndërtesave do të mbetet një grup me drejtkëndësha minimalë dhe blloqe të forta me shumë pak dritare.

Pra, në ndërtesat më afër personazhit, sigurohuni që të shtoni të gjitha llojet e detajeve si p.sh. dritaret, dritat ose tabelat. Ashtu si kjo shenjë "Coola" të cilën Maddy e krijon me penelata duke përdorur paravendosjen e dytë nga paneli ynë i përzgjedhjes së furçave.

Një këshillë për të shtuar dritare të shumta në ndërtesat në plan të parë është të zgjidhni objekte të shumta me Veglën e Përzgjedhjes dhe dublikojini ato në sekuencë.

VizatoniStacioni i autobusit

Me mjetin Rectangle, gjurmoni të gjitha format kryesore që përbëjnë stacionin e autobusit.

Si më parë, përdorni mjetin Node për të ndryshuar çdo kënd që duhet të të çojë në pikën e zhdukjes së këndvështrimit tuaj. Këtu ajo përdor ngjyrë vjollce për gardhin (7125D0), të bardhë (FFFF) dhe të verdhë (FEF66F) për kopertinën dhe një nuancë shtesë të blusë (957AE1) për shenjën.

Shto më shumë Dimensioni

Elementët e stacionit të autobusit janë gjithashtu pjesë e skenës së perëndimit të diellit.

Për ta evokuar këtë, ne do të bëjmë diçka për këto ngjyra të forta. Pra, dubliko drejtkëndëshin e sipërm që përdorët për të krijuar gardhin, bëjeni më të ngushtë, vendoseni sipër dhe jepini një gradient që tregon dritën e reflektuar të perëndimit të diellit.

Maddy shkon për një gradient linear (gradienti në qendra), dhe ndryshon ngjyrën e djathtë dhe të majtë në një portokalli të lehtë (EFB09F). Më pas ajo e bën ngjyrën e majtë plotësisht transparente duke e ndryshuar kanalin A në zero.

Zbato të njëjtin efekt, në të njëjtën mënyrë, për çdo shirit individual.

Shto elemente në qiell

Më në fund, ne po kalojmë në detaje në qiell, ku do të shtojmë disa re, yje dhe hënë.

Për retë, kapni furçën