Ako navrhovať pozadia

Možno si to neuvedomujete, ale kreslenie pozadia je jednou z najdôležitejších častí každej ilustrácie postavy.

Vaše postavy by sa nemali vznášať na bielom pozadí. Patria do vlastného, jedinečného vesmíru, ktorý definoval spôsob, akým sa vaše postavy vyvíjali až do momentu, keď ste ich nakreslili.

V tomto výukovom článku preskúmame, ako umelkyňa Maddy Zoli vytvára pozadie. Sledujte ju vo Vectornator a naučte sa, ako to urobiť aj vy!

Dizajn postavy

Ak ste si prečítali našu prvú lekciu o dizajne postavy, viete, že príbeh postavy je základom každej kresby.

Musíte svoje postavy uzemniť hlbším príbehom, než sa na prvý pohľad zdá; od toho, kedy sa narodili, cez to, kde žijú, akú majú prácu, až po to, aké je ich obľúbené jedlo. Znie to prehnane? Nám to znie skôr ako zábava!

Bez toho, aby ste upadli do hlbokej králičej nory, premýšľajte o všetkých týchto detailoch o minulosti, prítomnosti a budúcnosti vašej postavy a zhmotnite ich v jej prostredí. Inými slovami, premietnite príbeh, ktorý máte v mysli, do prostredia postavy. Vďaka takémuto používaniu vizuálneho rozprávania príbehu budú vaše postavy a svety pôsobiť oveľa bohatšie a reálnejšie.

Umelec

Tento návod vznikol v spolupráci s úžasnou Maddy Zoliovou. Na našom kanáli YouTube spolu vytvárame celú sériu postáv a je nielen radosť s ňou spolupracovať, ale má aj super znalosti o tejto téme. Na tomto návode krok za krokom sme nemohli spolupracovať s nikým lepším.

Všimnite si, že každý krok, ktorý spomenieme v tomto návode, nezachádza do najmenších detailov. To znamená, že nebudeme spomínať krok pri každom vytvorení novej vrstvy alebo nakreslení nového tvaru. Namiesto toho zhustíme každý štrukturálny doplnok do procesu návrhu ako jeden zastrešujúci krok.

- iPad

- Apple Pencil

- Procreate (alebo iný softvér na skicovanie)

- Najnovšia verzia Vectornator Čo sa naučíte:

- Ako skicovať

- Ako pripraviť plátno a pozadie

- Ako pridávať a spravovať vrstvy

- Pokročilé používanie nástrojov Pero, Ceruzka, Štetec, Uzol a Tvar

- Pokročilé používanie nástroja na výber farieb a editora gradientov

- Ako pridať svetlo, tiene a pohyb

- Ako používať funkciu duplikovania na uľahčenie práce

- Ako vytvoriť ručne kreslené písmo

- Ako vytvárať zložité tvary

Spojili sme tu prax a teóriu, takže sa pripútajte!

Zistite si správne referencie

V tomto kroku je potrebné nájsť správnu inšpiráciu pre typ pozadia, ktoré chcete navrhnúť.

Uhádnete, odkiaľ pochádzajú Maddyine odkazy? Jej inšpiráciou sú pastelové mestské krajiny s neónovými svetlami z anime 80. a 90. rokov, ako napríklad Sailor Moon a Cardcaptor Sakura. Ich estetiku sa chystá zakomponovať do svojho dizajnu pozadia.

Sú už nastavené tak, aby mali zaujímavé osvetlenie, akciu a dobrú kompozíciu. Môžete však ísť aj von a kresliť krajiny alebo mestské scény, ktoré vidíte okolo seba.

Najdôležitejšie je dať všetkému zmysel. O svojej postave a jej pozadí by ste nemali premýšľať ako o oddelených veciach, ale ako o jednom celku. Nekreslíte len pozadie pre svoju postavu, kreslíte scénu, v ktorej sa náhodou nachádza vaša postava.

Nakreslite si základné tvary

Obľúbeným štýlom skicovania je urobiť niekoľko malých, päťminútových štúdií "gest" z referencií, v ktorých jednoducho vyčleníte hlavné hodnoty.

Potom si vyberte jednu alebo dve štúdie, ktoré rozpracujete do podrobnejších náčrtov, ktorých tvorbe venujete približne 30 minút, podobne ako náčrtu, ktorý Maddy dokončí v programe Procreate.

Takéto myslenie vám pomôže lepšie a zaujímavejšie integrovať všetky prvky. Váš divák ma totiž viac investovať do prostredia, ako keby to bola len dekoratívna kulisa.

V našom prípade teda už vieme, že Jokasta je dospievajúce dievča so superschopnosťami. Ale Maddy ako tvorca vie, že žije v budúcnosti, v rušnom meste, kde musí každý večer čakať na verejnú dopravu, aby sa mohla vrátiť domov.

Môžete to zistiť podľa tohto malého pútavého prvku - značka autobusovej zastávky je v skutočnosti raketoplán.

Odoslanie náčrtu do programu Vectornator

Z programu Procreate jednoducho exportujte svoju skicu ako jpeg/png a importujte ju do programu Vectornator. Môžete to urobiť pretiahnutím z karty Galéria.

Umiestnite svoju postavu

Maddy umiestnila Jokastu na scénu podľa pravidla tretín.

Existuje mnoho spôsobov, ako vytvoriť skvelú kompozíciu pomocou rôznych osvedčených pravidiel (ako napríklad pravidlo tretín), ktoré vám pomôžu dosiahnuť vyváženú estetiku. Ak sa o tom chcete dozvedieť viac, pozrite si náš videonávod na vytváranie skvelých kompozícií, ktorý natočil ďalší úžasný ilustrátor - Soodabeh Damavandi.

Usporiadanie vrstiev

Je dôležité, aby ste si udržiavali poriadok a organizáciu vo vrstvách - úsilie, ktoré vynaložíte na tento krok, vám pri postupe pri ilustrovaní pomôže desaťnásobne.

Takže po umiestnení postavy skryte vrstvu s postavou. Potom uzamknite vrstvu náčrtu po znížení jej krytia.

Toto je tiež vhodný čas na rozhovor o technike!

Existujú dva spôsoby, ako navrhnúť pozadie: pomocou perspektívy alebo vrstvením krajiny. Dnes sa zameriame na techniku vrstvenia. Ak chcete, aby sme sa teóriou perspektívy zaoberali v inom videu, komentujte to nižšie.

Ak teda krajinu rozdelíme, máme celkovo päť vrstiev. Od prednej po zadnú, teda od najbližšej po najvzdialenejšiu, sú to tieto vrstvy:

• Jokasta a duch.
• Autobusová zastávka a železnica.
• Prvý rad budov.
• Druhý rad budov.
• Nakoniec obloha, mesiac a oblaky.

Od tohto momentu jednoducho nezabudnite vždy vytvoriť novú vrstvu pre každý nový dizajnový prvok vašej ilustrácie - napríklad autobusová zastávka je v samostatnej vrstve, rovnako aj druhý rad budov, mesiac a hviezdy atď. Chápete to.

Rozprávajte príbeh pomocou farieb

Farba je ďalším mimoriadne dôležitým aspektom, ktorý môže vypovedať o príbehu vašej postavy.

Takže si to zhrňme: tento svet sa nachádza v budúcnosti, je plný mágie a je tiež inšpirovaný Sailor Moon. Nie je šokujúce, že Maddy zvolila výrazné farby, ako sú neónové, pastelové, ružové a zelené. Všetko, len nie nudné!

Tu sú všetky hexadecimálne kódy, ktoré potrebujete na vytvorenie Maddyinho diela:

Tmavo fialová - 7125D0

Oranžová - EFB09F

Stredne modrá - 869FEF

Tmavomodrá - 3E6AED

Tmavšia modrá - 4265D2

Teal - 2885C7

Žltá - FEF66F

Ružová - F9A3D8

Svetlo ružová - F9DCEE

V konečnom dôsledku musíte zabezpečiť, aby ste použili dostatočne kontrastnú farebnú kombináciu, ktorá však zároveň zostane harmonická s vašou postavou. Preto Maddy zvolila veľmi podobné odtiene, aké použila pre Jokastu.

Všimnite si, že odtiene, ktoré si Maddy vybrala, budú použité a opätovne použité v širokej škále dizajnových prvkov v celej jej kompozícii. Výber rôznorodej, ale obmedzenej palety farieb vám pomôže v tvorivom procese, ale zároveň urobí vaše dielo súdržnejším a identifikovateľnejším.

Nastavenie nálady podľa dennej doby

Držte sa ďalej od jednoliatej farby pozadia a použite dennú dobu ako spôsob nastavenia nálady. Pre túto scénu Maddy zvolila podvečer.

Hodí sa to k tomu, ako sa Jokasta aj jej priateľ duch práve cítia. Jokasta vyzerá, akoby to už mala za sebou, ale keďže duchovia sa zjavujú v noci, on sa práve chystá začať svoj deň!

Na dosiahnutie tohto vzhľadu Maddy vytvorí fialový štvorec, ktorý vyplní celé plátno (C18FF0). Potom použije tmavomodrý (3E6AED) lineárny gradient začínajúci v pravom hornom rohu.

Maddy potom zduplikuje štvorec, otočí ho tak, aby sa gradient nachádzal v opačnom rohu, a zmení farbu gradientu na nádhernú oranžovú (EFB09F). Povedal niekto, že vibrácie západu slnka?

Vytvorenie druhého radu budov

Začneme druhou najvzdialenejšou vrstvou objektov (najvzdialenejšia je obloha).

Toto konkrétne poradie nie je až také dôležité. Ak však máte zhluk vrstiev, ktoré sa navzájom prekrývajú, napríklad budovy, vlakovú stanicu a podobne, je najlepšie začať od najvzdialenejšej, aby ste pochopili, ako umiestniť objekty v popredí, s akým množstvom negatívneho priestoru sa môžete pohrať a aké farby najlepšie kontrastujú.

Maddy vezme nástroj Tvar a začne vytvárať geometrické tvary na definovanie čelného pohľadu na budovy. Odtieň modrej, ktorý použije, je 869FEF.

Kreslenie perspektívy

Na vykreslenie bokov zvolila tmavší odtieň - 957AE1.

Nielen to, ale používa aj nástroj Uzol, aby zmenila uhol hornej strany obdĺžnika tak, aby sa zarovnali s miznúcim bodom kompozície.

Pridať podrobnosti

Maddy pridáva transparent na budovy, ktoré sú bližšie k perspektíve diváka.

Hoci tieto budovy sú technicky stále v druhom rade, sú najbližšie z najvzdialenejších budov. Takže pridanie akýchkoľvek detailov tu len vytvorí realistickejšie prostredie.

Nakreslite prvý rad budov

Rovnako ako predtým, zober nástroj Tvar a nakresli obdĺžniky, aby si vyplnila mesto. Maddy si opäť vybrala 957AE1 a 4265D2 pre strany.

Vytvorenie atmosféry

Ak chcete pozadiu dodať ešte väčšiu hĺbku, zvážte zahrnutie detailov, ako je mestská hmla.

Jednoducho nakreslite obdĺžnik pomocou nástroja Shape Tool a dajte mu zábavný lineárny gradient, ktorý sa zmenšuje zdola nahor. Ľavá farba (v našom prípade spodná farba) je krásna teal (2885C7) a ľavá farba (v našom prípade horná) je biela (FFFFFF) s krytím 0. To dosiahnete tak, že kanál A nastavíte na nulu.

Pridať viac informácií

Majte na pamäti, že čím bližšie sa dostanete, tým tmavšie a detailnejšie budú vaše objekty. Zatiaľ čo predchádzajúci rad budov zostane zhlukom minimálnych obdĺžnikov a pevných blokov s veľmi malým počtom okien.

V budovách, ktoré sú najbližšie k postave, teda nezabudnite pridať všetky druhy detailov, ako sú okná, svetlá alebo reklamné tabule. Ako napríklad tento nápis "Coola", ktorý Maddy vytvorila voľnými ťahmi štetca pomocou druhej predvoľby z nášho panela výberu štetcov.

Tip na pridanie viacerých okien do budov v popredí je vybrať viacero objektov pomocou nástroja Výber a postupne ich duplikovať.

Nakreslite autobusovú zastávku

Pomocou nástroja Obdĺžnik obkreslite všetky hlavné tvary, ktoré tvoria autobusovú zastávku.

Rovnako ako predtým použite nástroj Uzol na zmenu všetkých uhlov, ktoré musia viesť k miznúcemu bodu vašej perspektívy. Tu používa fialovú farbu pre plot (7125D0), bielu (FFFFF) a žltú (FEF66F) pre kryt a ďalší odtieň modrej (957AE1) pre nápis.

Pridať viac rozmerov

Súčasťou scény západu slnka sú aj prvky autobusovej zastávky.

Aby sme to evokovali, urobíme niečo s týmito jednofarebnými plochami. Zduplikujte teda horný obdĺžnik, ktorý ste použili na vytvorenie plota, zúžte ho, umiestnite naň a dajte mu gradient, ktorý zobrazuje odrazené svetlo západu slnka.

Maddy zvolí lineárny gradient (gradient v strede) a zmení pravú aj ľavú farbu na svetlooranžovú (EFB09F). Potom ľavú farbu úplne sprehľadní zmenou kanála A na nulu.

Rovnaký efekt aplikujte rovnakým spôsobom na každú jednotlivú koľajnicu.

Pridanie prvkov na oblohu

Nakoniec prejdeme k detailom na oblohe, kde pridáme niekoľko mrakov, hviezd a mesiac.

Na vytvorenie oblakov vezmite do ruky nástroj Štetec a pohrajte sa s tlakom, ktorý na plátno aplikujete, aby ste vytvorili tvar, ktorý začína malým a postupne sa zväčšuje. Zmenou prítlaku sa môže línia jedným ťahom zmeniť z veľmi tenkej na veľmi hrubú. Na dosiahnutie tohto efektu Maddy používa štvrtý štetec z našich predvolieb so zapnutou citlivosťou na prítlak.

Po nakreslení mrakov použite nástroj Uzol na prípadné úpravy ich tvaru.

Keďže oblaky budú prirodzene odrážať svetlo západu slnka, vytvorte im gradient, ktorý prechádza z oranžového odtieňa (F92CEE, vľavo) do svetloružového (F9DCEE, vpravo).

Čo sa týka mesiaca, vytvorte dva kruhy a pomocou funkcie Subtract Boolean (Odčítať booleovskú funkciu) vyrežte dokonalý polmesiac. Nezabudnite podržať jeden prst na plátne, aby ste zachovali pomer strán.

Nakoniec pridajte hviezdy pomocou nástroja Tvar. Maddy sa rozhodla pre hviezdu s 12 bodmi. Počet bodov môžete upraviť pomocou posuvníka na ľavej strane a ich tvar môžete zmeniť podržaním jedného prsta a zároveň ťahaním ceruzky po plátne.

Pridajte niekoľko chladných detailov

Aj vy patríte k ľuďom, ktorí si nechávajú to najlepšie na koniec? Je čas pridať jeden z posledných a najúžasnejších grafických prvkov do tohto diela.

Vytvorte vesmírny raketoplán s minimálnym úsilím pomocou funkcie Iconator. Jednoducho klepnite na poslednú kartu v aplikácii Inspector, čím získate prístup k aplikácii Iconator, a pomocou vyhľadávacieho panela vyhľadajte, čo potrebujete.

Maddy si vyberie raketoplán, ktorý sa jej najviac páči, zmení jeho veľkosť, zafarbí ho na bielo a vycentruje do stredu nápisu. Jednoduché!

Pridanie svetelných efektov

Pre väčší šmrnc na záver pridajte niekoľko svetelných kruhov, aby ste dosiahli trblietavý efekt vzdialeného mesta. Na kruhy použite, samozrejme, nástroj Tvar a potom sa pohrajte s funkciou gradientu na karte Štýl, aby ste dosiahli krajší efekt.

Maddy sa rozhodla pre lineárny gradient s ružovou farbou (F9A3D8) na ľavej strane, zatiaľ čo pravá strana zostala 100 % priehľadná.

Potom prejdite na položku Režimy prelínania a vyberte položku Prekrytie.

Pridať pohyb

Aby bol režim ilustrácie dynamický, pridajte poslednú vrstvu časticových svetiel, ktoré prechádzajú cez scénu. Na tento účel si Maddy ponechá rovnaký štetec ako predtým (štvrtý z našich predvolieb), aby vytvorila veľmi jemné ťahy vyplnené rovnakým gradientom z kroku 15. A potom opäť nastavte režim prelínania na Prekrývanie.

Moment, na ktorý sme čakali: Po všetkých týchto krokoch je ilustrácia hotová!

Prečo je dôležité kresliť pozadie

Nech je pozadie kresby akékoľvek, má obrovský vplyv na výsledné dielo - či už je dobré alebo zlé!

Keď sa naučíte kresliť objekty a postavy v dynamických pózach, pozadie je posledným kúskom skladačky, ktorý všetko spája.

Vaše pozadie pôsobí ako jin k jangu vašej postavy. Ak ste svoju postavu vytvorili pomocou zaoblených tvarov, použite hranaté tvary, ktoré budú musieť predstavovať pozadie. Ak je vaša postava tmavá, použite svetlé farby pozadia atď. Kľúčom je kontrast s vašou postavou, ktorý jej pomôže vyniknúť.

Vaše pozadie má zvýrazniť vašu postavu a jej príbeh na technickej a koncepčnej úrovni. Ak sa teda pýtate, či je navrhovanie pozadia dôležité, sme presvedčení, že je skutočne nevyhnutné.

Dúfame, že vám tento návod pomohol. Ak ste si ho ešte nestiahli, určite si stiahnite Vectornator, aby ste si mohli navrhnúť vlastné úžasné pozadia, aké vytvorila Maddy.

Ak ste v našom nástroji noví, pozrite si naše vzdelávacie centrum alebo kanál YouTube, kde nájdete návody na grafický dizajn a čerstvú inšpiráciu, a vyberte si pripravenú šablónu, aby ste mohli vytvárať návrhy v priebehu niekoľkých minút.

Nezabudnite nás vždy označiť na sociálnych sieťach, aby sme mohli vašu prácu zverejniť!