Kuidas kujundada taustu

Kuidas kujundada taustu
Rick Davis

Sa ei pruugi seda mõista, kuid tausta joonistamine on üks tähtsamaid osi iga tegelaskuju illustreerimisel.

Teie tegelased ei tohiks hõljuda valgel taustal. Nad kuuluvad oma unikaalsesse universumisse, mis määras kindlaks teie tegelaste arengu kuni selle ajani, mil te neid joonistasite.

Selles õpetusartiklis uurime, kuidas kunstnik Maddy Zoli loob tausta. Jälgi seda Vectornatoris ja õpi, kuidas seda ise teha!

Tegelase disain

Kui olete lugenud meie esimest õppetundi tegelaskuju kujundamise kohta, siis teate, et tegelase taustalugu on iga joonistatud joonise selgroog.

Sa pead oma tegelasi maandama sügavamale kui see, mis on silmaga näha; alates sellest, millal nad on sündinud, kus nad elavad, milline on nende töö, kuni selleni, mis on nende lemmiktoit. Kõlab ülearu? Meie jaoks kõlab see pigem lõbusalt!

Ilma sügavale jänesele langemata mõtle kõigile neile detailidele oma tegelase mineviku, oleviku ja tuleviku kohta ning avalda need tema keskkonnas. Teisisõnu, projitseeri oma peas olev lugu tegelase taustale. Sellise visuaalse jutustamise kasutamine muudab sinu tegelased ja maailmad palju rikkalikumaks ja tõelisemaks.

Kunstnik

See õpetus on tehtud koostöös hämmastava Maddy Zoliga. Me loome koos tervet tegelaste sarja oma YouTube'i kanalil ja temaga on mitte ainult meeldiv koostööd teha, vaid ta on ka super teadlik sellel teemal. Me ei oleks saanud selle samm-sammult juhendi jaoks teha koostööd kellegi paremaga.

Te märkate, et iga samm, mida me selles õpetuses mainime, ei lähe kõige üksikasjalikumalt sisse. See tähendab, et me ei maini sammu iga kord, kui luuakse uus kiht või joonistatakse uus kuju. Selle asemel koondame iga struktuurilise lisandi kujundusprotsessi üheks üldiseks sammuks.

Mida te vajate:

- iPad

- Apple Pencil

- Procreate (või mõni muu visandamistarkvara)

- Vectornatori uusim versioon Mida sa õpid:

- Kuidas visandada

- Kuidas valmistada ette oma lõuend ja taust

- Kuidas lisada ja hallata kihte

- Pliiatsi, pliiatsi, pintslitööriistade, sõlme- ja kujunditööriistade täiustatud kasutamine

- Värvivaliku ja gradientide redaktori täiustatud kasutamine

- Kuidas lisada valgust, varje ja liikumist

- Kuidas kasutada dubleerimisfunktsiooni oma töökoormuse vähendamiseks

Vaata ka: Vectornatori 12 parimat graafilise disaini näidet

- Kuidas luua käsitsi joonistatud kirja

- Kuidas luua keerulisi kujundeid

Me oleme siin kombineerinud praktika ja teooria, nii et pange kinni!

1. samm

Tehke oma viited õigesti

Selles etapis tuleb leida õige inspiratsioon, et leida sobiv taust, mida soovite kujundada.

Kas oskate arvata, kust Maddy viited pärinevad? Tema inspiratsiooniks on pastelsed linnapildid koos neoonvalgustusega 80ndate ja 90ndate animest, nagu Sailor Moon ja Cardcaptor Sakura. Ta kavatseb nende esteetikat oma taustadisainis kasutada.

Filmi või animatsiooni ekraanipildid on suurepärane inspiratsiooniallikas taustalahenduste leidmiseks.

Need on juba nii seadistatud, et neil on huvitav valgustus, tegevus ja hea kompositsioon. Aga sa võid ka lihtsalt minna õue ja joonistada maastikke või linnastseeni, mida sa enda ümber näed.

Kõige tähtsam on anda kõigele tähendus. Sa ei peaks mõtlema oma tegelasele ja tema taustale kui eraldi asjadele, vaid kui ühele tervikule. Sa ei joonista lihtsalt oma tegelasele tausta, sa joonistad stseeni, kus su tegelane juhtub olema.

2. samm

Skitseeri oma põhikujundid

Populaarne visandamise stiil on teha mõned väikesed 5-minutilised "žestide" uuringud, kus lihtsalt blokeeritakse peamised väärtused.

Seejärel valige üks või kaks uurimust, mida arendate edasi üksikasjalikumaks visandiks, mille loomiseks kulub umbes 30 minutit, nagu Maddy poolt Procreates tehtud visand.

Pidage meeles, et iga stseeni osa peaks olema loo jaoks oluline - muidu ärge joonistage seda.

Selline mõtlemine aitab sul kõiki elemente paremini ja huvitavamalt integreerida. Sest sinu vaataja panustab mind rohkem keskkonda, kui kui see oleks lihtsalt dekoratiivne taust.

Nii et meie puhul teame juba, et Jocasta on teismeline tüdruk, kellel on supervõimed. Aga mida Maddy kui looja teab, on see, et ta elab tulevikus, tiheda liiklusega linnas, kus ta peab igal õhtul ootama ühistransporti, et koju tagasi sõita.

Selle väikese pilkupüüdva elemendi järgi on näha, et bussipeatuse märk on tegelikult kosmosesüstik.

3. samm

Sketši üleslaadimine Vectornatorisse

Procreate'ist eksportige oma visand lihtsalt jpeg/png-vormingus ja importige see Vectornatorisse. Seda saate teha galerii vahekaardilt lohistades.

💡 Pro nõuanne: Kui loote oma esimese visandi paberil, siis importige see sekunditega oma lõuendile, kasutades meie uut skaneerimisfunktsiooni. 4. samm

Positsioneeri oma iseloomu

Maddy paigutas Jocasta stseeni vastavalt kolmandike reeglile.

On palju viise, kuidas luua suurepärast kompositsiooni, kasutades erinevaid järeleproovitud reegleid (nagu kolmandike reegel), mis aitavad saavutada tasakaalustatud esteetikat. Kui tahad sellest rohkem teada, vaata meie videoõpetust suurepäraste kompositsioonide loomisest, mille on filminud teine, hämmastav illustraator-Soodabeh Damavandi.

5. samm

Korraldage oma kihid

Oluline on jääda oma kihtide puhul korrastatuks ja organiseeritud - lisapingutused, mida te selle sammu nimel teete, aitavad teid illustratsiooniga edasi liikudes kümnekordselt.

Seega, kui olete oma tegelase paigutanud, peitke tegelase kiht. Seejärel lukustage visandikiht, kui olete selle läbipaistmatust vähendanud.

See on hea aeg rääkida ka tehnikast!

Tausta kujundamiseks on kaks võimalust: perspektiivi kasutamine või maastiku kihiline kujundamine. Täna keskendume kihilisele tehnikale. Kui soovite, et me käsitleksime perspektiiviteooriat mõnes teises videos, siis palun kommenteerige allpool.

Seega, kui me jaotame maastiku, siis on meil kokku viis kihti. Eespool, seega kõige lähemalt kõige kaugemale, on need kihid järgmised:

  • Jocasta ja kummitus.
  • Bussipeatus ja raudtee.
  • Esimene hoonete rida.
  • Teine hoonete rida.
  • Lõpuks taevas, kuu ja pilved.

Edaspidi tuleb lihtsalt meeles pidada, et iga uue kujunduselementi jaoks tuleb alati luua uus kiht oma illustratsioonile - näiteks bussipeatus on eraldi kihil, nagu ka teine rida hooneid, nagu ka kuu ja tähed jne. Saate aru.

6. samm

Räägi lugu värvidega

Värv on veel üks ülioluline aspekt, mis võib rohkem rääkida teie tegelase loost.

Niisiis, kokkuvõtteks: see maailm on tulevikus, see on täis maagiat ja see on samuti inspireeritud Sailor Moonist. Pole mingi šokk, et Maddy on valinud julged värvid nagu neoonid, pastellid, roosad ja rohelised. Kõik, mis iganes, aga mitte igav!

Siin on kõik vajalikud heksakoodid, et Maddy teos uuesti luua:

Keskmine lilla - C18FF0

Tume lilla - 7125D0

Oranž - EFB09F

Keskmine sinine - 869FEF

Tumesinine - 3E6AED

Tumedam sinine - 4265D2

Teal - 2885C7

Kollane - FEF66F

Roosa - F9A3D8

Heleroosa - F9DCEE

Lõppkokkuvõttes tuleb tagada, et kasutate värvikombinatsiooni, mis on piisavalt kontrastne, kuid jääb samal ajal teie tegelaskujuga harmooniliseks. Seepärast valis Maddy väga sarnased toonid, mida ta kasutas Jocastale.

Märkate, et Maddy valitud toone kasutatakse ja taaskasutatakse paljudes kujunduselementides kogu tema kompositsiooni ulatuses. Mitmekesise, kuid piiratud värvipaleti valimine aitab teid loomingulises protsessis, kuid muudab ka teie kunstiteose ühtsemaks ja tuvastatavamaks.

7. samm

Seadke meeleolu koos kellaajaga

Jäta eemale ühevärvilisest taustast ja kasuta kellaaega, et luua meeleolu. Selle stseeni jaoks valis Maddy varajase õhtu.

See sobib nii Jocastale kui ka tema kummitusõbrale praegu. Jocasta tundub, et ta on sellest juba üle saanud, aga kuna kummitused ilmuvad öösel, siis ta on just alustamas oma päeva!

Selle välimuse saavutamiseks loob Maddy lilla ruudu, mis täidab kogu lõuendi (C18FF0). Seejärel rakendab ta tumesinist (3E6AED) lineaarset gradienti, mis algab paremast ülemisest nurgast.

Seejärel dubleerib Maddy ruudu, keerab seda nii, et gradient istuks vastasnurgas, ja muudab gradienti värvi ilusaks oranžiks (EFB09F). Kas keegi ütles päikeseloojangu vibes?

8. samm

Teise hoonerivi loomine

Alustame objektide teisest kõige kaugemast kihist (kõige kaugem on taevas).

See konkreetne järjekord ei ole nii oluline. Aga kui teil on hulk üksteisega kattuvaid kihte, nagu hooned, rongijaam jne, on kõige parem alustada kõige kaugemast, et saaksite aru, kuidas paigutada esiplaanile oma objekte, kui palju negatiivset ruumi teil on mängida ja millised värvid on kõige paremad kontrastid.

Maddy võtab kätte kujunditööriista (Shape Tool) ja hakkab looma geomeetrilisi kujundeid, et määratleda hoonete otsevaadet. Sinine toon, mida ta kasutab, on 869FEF.

9. samm

Joonista perspektiivi

Ja külgede joonistamiseks valib ta tumedama tooni-957AE1.

Mitte ainult seda, vaid ta kasutab ka Node Tool'i, et muuta ristküliku ülemise külje nurka, nii et need oleksid kooskõlas teie kompositsiooni kadumispunktiga.

10. samm

Lisa üksikasjad

Maddy lisab bänneri hoonetele, mis on vaataja vaatenurgale lähemal.

Kuigi need hooned on tehniliselt veel teises reas, on need kõige kaugemad hooned. Nii et igasuguste detailide lisamine siia loob ainult realistlikuma ümbruse.

11. samm

Joonista esimene rida hooneid

Nagu enne, võta kuju tööriist ja joonista ristkülikud, et täita linn. Maddy valis jälle 957AE1 ja külgedeks 4265D2.

12. samm

Loo atmosfääri

Et taustale veelgi rohkem sügavust lisada, kaaluge selliste detailide nagu linna udu lisamist.

Lihtsalt joonistage ristkülik Shape Tool'iga ja andke sellele lõbus lineaarne gradient, mis tuhmub alt ülespoole. Vasakpoolne värv (meie puhul alumine värv) on ilus sinakasroosa (2885C7) ja vasakpoolne värv (meie puhul ülemine) on valge (FFFFFF) läbipaistmatusega 0. Selle saavutate, kui viite A-kanali nullile.

13. samm

Lisa rohkem üksikasju

Pidage meeles, et mida lähemale jõuate, seda tumedamad ja üksikasjalikumad on teie objektid. Kuigi eelmine hoonete rida jääb minimaalsete ristkülikute ja tahkete plokkide kogumiks, millel on väga vähe aknaid.

Nii et tegelasele kõige lähemal asuvatesse hoonetesse lisa kindlasti igasuguseid detaile, nagu aknad, tuled või reklaamplakatid. Nagu see "Coola" silt, mille Maddy loob vabakäeliste pintslitõmmetega, kasutades meie Brush Selection Pane'i teist eelseadistust.

Näpunäide mitme akna lisamiseks hoonetele esiplaanil on valida mitu objekti tööriista Select Tool abil ja dubleerida need järjestikku.

14. samm

Joonista bussipeatus

Jälgi ristküliku tööriistaga kõik peamised kujundid, mis moodustavad bussipeatuse.

Nagu varemgi, kasuta Node Tool'i, et muuta kõiki nurki, mis peavad viima sinu perspektiivi kadumispunkti. Siin kasutab ta lillat värvi aia jaoks (7125D0), valget (FFFFF) ja kollast (FEF66F) katte jaoks ning lisatooni sinist (957AE1) sildi jaoks.

15. samm

Lisage rohkem mõõdet

Bussipeatuse elemendid on samuti osa päikeseloojangu stseenist.

Et seda esile kutsuda, teeme midagi nende ühevärviliste värvidega. Nii et dubleerige ülemine ristkülik, mida kasutasite aia loomiseks, tehke see kitsamaks, asetage see ülesse ja andke sellele gradient, mis näitab päikeseloojangu peegeldunud valgust.

Maddy valib lineaarse gradienti (gradient keskel) ja muudab nii parema kui ka vasaku värvi heleroheliseks (EFB09F). Seejärel muudab ta vasaku värvi täiesti läbipaistvaks, muutes A-kanali nulliks.

Rakendage sama efekti samamoodi iga üksiku rööpa puhul.

Pro nõuanne: Pane tähele, kuidas me muudame selle stseeni lamedast kujundusest keeruliseks lavastuseks. Kui tahad õppida, kuidas vektoritega varjutada, vaata kindlasti Maddy õpetust Step 16.

Lisage taevasse elemente

Lõpuks liigume edasi taeva detailide juurde, kuhu lisame mõned pilved, tähed ja kuu.

Pilvede jaoks võta pintslitööriist ja mängi lõuendile avaldatava survega, et luua kuju, mis algab väikeselt ja kasvab järk-järgult. Survet muutes võib joon muutuda väga õhukesest väga paksuks ühe liigutusega. Selle efekti saavutamiseks kasutab Maddy meie eelseadete 4. pintslit, mille puhul on sisse lülitatud surve-tundlikkus (Pressure Sensitivity).

Pärast pilvede joonistamist kasutage Node Tool'i, et teha nende kuju kohandusi.

Kuna pilved peegeldavad loomulikult päikeseloojangu valgust, anna neile gradient, mis ulatub oranžist (F92CEE, vasakul) heleroosa toonini (F9DCEE, paremal).

Kuu puhul loo kaks ringi ja kasuta funktsiooni Subtract Boolean, et lõigata täiuslik poolkõrvaline kuu. Ära unusta hoida ühte sõrme lõuendil, et säilitada kuvasuhe.

Lõpuks lisage tähed kujundustööriista abil. Maddy otsustab 12-punktilise tähe kasuks. Punktide arvu saate muuta vasakul asuva liuguri abil ja nende kuju saate muuta, hoides ühte sõrme all, samal ajal kui lohistate pliiatsit lõuendil.

17. samm

Lisa mõned lahedad detailid

Kas oled ka üks neist inimestest, kes hoiab parima viimaseks? Aeg on lisada sellele tükile üks viimaseid ja kõige lahedamaid graafilisi elemente.

Looge kosmosevahendi minimaalse vaevaga funktsiooni Iconator abil. Iconatorile pääsemiseks koputage lihtsalt Inspectori viimast vahekaarti ja kasutage otsinguriba, et leida see, mida vajate.

Maddy valib talle kõige rohkem meeldiva kosmosesüstiku, muudab selle suurust, värvib selle valgeks ja asetab selle keskele märgi keskele. Lihtne!

💡 Pro nõuanne: Kasutage tuhandeid Iconator'i tasuta ikoonid, et luua keerulisi kujundeid mõne sekundiga. 18. samm

Lisa valgusefektid

Täiendavaks efektiks lisage viimistluseks mõned valgusringid, et anda kaugele linnale sädelev efekt. Kasutage ringide jaoks muidugi Shape Tool'i ja mängige seejärel Style Tab'i gradient-funktsiooniga, et anda sellele kenam efekt.

Maddy valis lineaarse gradienti, mille vasakpoolne osa on roosa (F9A3D8), samas kui parempoolne osa on 100% läbipaistev.

Seejärel minge Blend Modes ja valige Overlay.

19. samm

Liikumise lisamine

Et muuta illustratsioonirežiim dünaamiliseks, lisame viimaseks kihiks stseeni läbivad osakeste tuled. Selleks hoiab Maddy sama pintslit nagu enne (neljandat meie eelseadistustest), et luua väga peeneid kriipsujoontega, mis on täidetud sama gradientiga sammust 15. Ja seejärel seame segamisrežiimiks taas Overlay.

Hetk, mida me oleme oodanud: Pärast kõiki neid samme on illustratsioon nüüd valmis!

Miks taustade joonistamine on oluline

Mis iganes on joonistuse taust, see mõjutab lõplikku kunstiteost tohutult - olgu see siis hea või halb!

Kui olete õppinud joonistama objekte ja tegelasi dünaamilistes poosides, on taust viimane osa pusletükist, mis kõik kokku toob.

Teie taust toimib yinina teie tegelase yangi suhtes. Kui olete oma tegelase loonud, kasutades ümmargusi kujundeid, kasutage nurgelisi kujundeid, et esindada tausta. Kui teie tegelane on tume, kasutage heledaid taustavärve jne. Võtmeks on kontrasti loomine teie tegelasega, et aidata tal välja paista.

Teie taust peaks rõhutama teie tegelaskuju ja selle lugu tehnilisel ja kontseptuaalsel tasandil. Seega kui te küsite endalt, kas tausta kujundamine on oluline, siis meie usume, et see on tegelikult väga oluline.

Loodame, et see õpetus oli teile kasulik. Kui te veel ei ole seda teinud, siis laadige kindlasti alla Vectornator, et saaksite ise kujundada oma uimastavaid taustu, nagu Maddy lõi.

Kui oled meie tööriistaga uus, vaata meie õpikeskust või YouTube'i kanalit graafilise disaini õpetuste ja värske inspiratsiooni saamiseks ning vali valmis mall, et luua kujundusi mõne minutiga.

Ärge unustage meid alati sotsiaalmeedias märgistada, et me saaksime teie tööd uuesti postitada!

Vaata ka: Dieter Rams ja hea disaini kümme reeglit



Rick Davis
Rick Davis
Rick Davis on kogenud graafiline disainer ja visuaalkunstnik, kellel on selles valdkonnas üle 10-aastane kogemus. Ta on töötanud erinevate klientidega alates väikestest alustavatest ettevõtetest kuni suurte korporatsioonideni, aidates neil saavutada oma disainieesmärke ja tõsta oma kaubamärki tõhusate ja mõjuvate visuaalide kaudu.New Yorgi visuaalsete kunstide kooli lõpetanud Rick on kirglik uute disainisuundade ja -tehnoloogiate uurimise vastu ning nihutab pidevalt selle valdkonna piire. Tal on sügavad teadmised graafilise disaini tarkvara vallas ning ta soovib alati oma teadmisi ja teadmisi teistega jagada.Lisaks disaineritööle on Rick ka pühendunud blogija ning pühendunud graafilise disaini tarkvara maailma uusimate trendide ja arengute kajastamisele. Ta usub, et teabe ja ideede jagamine on tugeva ja elujõulise disainikogukonna edendamisel võtmetähtsusega ning soovib alati teiste disainerite ja loovisikutega võrgus ühendust võtta.Olenemata sellest, kas ta kujundab kliendile uut logo, katsetab oma stuudios uusimaid tööriistu ja tehnikaid või kirjutab informatiivseid ja kaasahaaravaid ajaveebipostitusi, on Rick alati pühendunud parima võimaliku töö tegemisele ja teistel oma disainieesmärkide saavutamisele aitamisele.