Jak navrhovat pozadí

Možná si to neuvědomujete, ale kresba pozadí je jednou z nejdůležitějších součástí ilustrace postavy.

Vaše postavy by se neměly vznášet na bílém pozadí. Patří do vlastního, jedinečného vesmíru, který určoval způsob, jakým se vaše postavy vyvíjely až do okamžiku, kdy jste je nakreslili.

V tomto výukovém článku prozkoumáme, jak umělkyně Maddy Zoliová vytváří pozadí. Sledujte ji ve Vectornatoru a naučte se, jak to udělat sami!

Návrh postavy

Pokud jste četli naši první lekci o tvorbě postavy, víte, že příběh postavy je základem každé kresby.

Své postavy musíte zakotvit v hlubším příběhu, než se na první pohled zdá; od toho, kdy se narodily, přes to, kde žijí, jakou mají práci, až po to, jaké je jejich oblíbené jídlo. Zní to přehnaně? Nám to zní spíš jako zábava!

Aniž byste upadli do hluboké králičí nory, promyslete si všechny tyto detaily o minulosti, přítomnosti a budoucnosti vaší postavy a zhmotněte je v jejím prostředí. Jinými slovy, promítněte příběh, který máte v hlavě, do pozadí postavy. Díky takovému použití vizuálního vyprávění budou vaše postavy a světy působit mnohem bohatěji a reálněji.

Umělec

Tento návod vznikl ve spolupráci s úžasnou Maddy Zoliovou. Vytváříme spolu celou sérii postaviček na našem kanálu YouTube a je nejen radost s ní spolupracovat, ale má o tomto tématu super znalosti. Na tomto návodu krok za krokem jsme nemohli spolupracovat s nikým lepším.

Všimněte si, že každý krok, který v tomto návodu zmíníme, nezabíhá do nejmenších podrobností. To znamená, že se nebudeme zmiňovat o kroku při každém vytvoření nové vrstvy nebo nakreslení nového tvaru. Místo toho každý strukturální doplněk procesu návrhu zkondenzujeme jako jeden zastřešující krok.

- iPad

- Apple Pencil

- Procreate (nebo jiný software pro skicování)

- Nejnovější verze Vectornator Co se dozvíte:

- Jak skicovat

- Jak připravit plátno a pozadí

- Jak přidávat a spravovat vrstvy

- Pokročilé používání nástrojů Pero, Tužka, Štětec, Uzel a Tvar.

- Pokročilé používání nástroje pro výběr barev a editoru gradientů

- Jak přidat světlo, stíny a pohyb

- Jak používat funkci duplikování, abyste si ulehčili práci

- Jak vytvořit ručně kreslený nápis

- Jak vytvářet složité tvary

Spojili jsme zde praxi a teorii, takže se připoutejte!

Zjistěte si správně reference

V tomto kroku je třeba najít správnou inspiraci pro typ pozadí, které chcete navrhnout.

Dokážete uhodnout, odkud Maddy čerpá reference? Její inspirací jsou pastelové městské scenérie s neonovými světly z anime 80. a 90. let, jako jsou Sailor Moon a Cardcaptor Sakura. Jejich estetiku se chystá začlenit do svého designu pozadí.

Jsou již nastaveny tak, aby měly zajímavé osvětlení, akci a dobrou kompozici. Můžete ale také prostě jít ven a kreslit krajiny nebo městské scény, které vidíte kolem sebe.

Nejdůležitější je dát všemu smysl. Neměli byste o své postavě a jejím pozadí přemýšlet jako o oddělených věcech, ale jako o jednom celku. Nekreslíte jen pozadí pro svou postavu, kreslíte scénu, ve které se vaše postava náhodou vyskytuje.

Nakreslete si základní tvary

Oblíbeným stylem skicování je vytvořit několik malých, pětiminutových studií "gest" podle referencí, kde jednoduše vyčleníte hlavní hodnoty.

Pak si vyberte jednu nebo dvě studie, které rozpracujete do podrobnějších skic, jejichž tvorbou strávíte asi 30 minut, stejně jako u skic, které Maddy dokončuje v programu Procreate.

Takové myšlení vám pomůže lépe a zajímavěji integrovat všechny prvky. Protože váš divák mě do prostředí více investuje, než kdyby to byla jen dekorativní kulisa.

V našem případě už tedy víme, že Jocasta je dospívající dívka se superschopnostmi. Ale Maddy jako tvůrce ví, že žije v budoucnosti, v rušném městě, kde musí každý večer čekat na veřejnou dopravu, aby se mohla vrátit domů.

Poznáte to podle tohoto malého poutavého prvku - nápis na autobusové zastávce je ve skutečnosti raketoplán.

Nahrání náčrtu do aplikace Vectornator

Z programu Procreate jednoduše vyexportujte svůj náčrt jako jpeg/png a importujte jej do programu Vectornator. To můžete provést přetažením z karty Galerie.

Umístění postavy

Maddy umístila Jocastu na scénu podle pravidla třetin.

Existuje mnoho způsobů, jak vytvořit skvělou kompozici pomocí různých osvědčených pravidel (jako je pravidlo třetin), která vám pomohou dosáhnout vyvážené estetiky. Pokud se o tom chcete dozvědět více, podívejte se na náš videonávod na vytváření skvělých kompozic, který natočil jiný, úžasný ilustrátor - Soodabeh Damavandi.

Uspořádání vrstev

Je důležité, abyste si ve vrstvách udržovali pořádek a přehled - úsilí, které do tohoto kroku vložíte, vám při práci na ilustraci pomůže desetinásobně.

Po umístění postavy tedy vrstvu postavy skryjte. Poté vrstvu náčrtu uzamkněte poté, co snížíte její krytí.

To je také vhodná chvíle pro rozhovor o technice!

Existují dva způsoby, jak navrhnout pozadí: pomocí perspektivy nebo vrstvením krajiny. Dnes se zaměříme na techniku vrstvení. Pokud byste chtěli, abychom se teorii perspektivy věnovali v jiném videu, napište nám níže komentář.

Pokud tedy krajinu rozdělíme, máme celkem pět vrstev. Od přední části k zadní, tedy od nejbližší po nejvzdálenější, jsou to tyto vrstvy:

• Jocasta a duch.
• Autobusová zastávka a železnice.
• První řada budov.
• Druhá řada budov.
• A nakonec obloha, měsíc a mraky.

Od tohoto okamžiku jednoduše nezapomeňte vždy vytvořit novou vrstvu pro každý nový prvek návrhu ilustrace - například autobusová zastávka je v samostatné vrstvě, stejně tak druhá řada budov, měsíc a hvězdy atd. Chápete to.

Vyprávějte příběh pomocí barev

Barva je dalším velmi důležitým aspektem, který může vypovídat o příběhu vaší postavy.

Takže si to shrňme: tento svět se nachází v budoucnosti, je plný magie a je také inspirován Sailor Moon. Není žádným šokem, že Maddy zvolila výrazné barvy, jako jsou neonové, pastelové, růžové a zelené. Všechno, jen ne nudné!

Zde jsou všechny hexadecimální kódy, které potřebujete k vytvoření Maddyina díla:

Tmavě fialová - 7125D0

Oranžová - EFB09F

Středně modrá - 869FEF

Tmavě modrá - 3E6AED

Tmavší modrá - 4265D2

Teal - 2885C7

Žlutá - FEF66F

Růžová - F9A3D8

Světle růžová - F9DCEE

Nakonec musíte zajistit, abyste použili dostatečně kontrastní barevnou kombinaci, která však zároveň zůstane v souladu s vaší postavou. Proto Maddy zvolila velmi podobné odstíny, jaké použila pro Jocastu.

Všimněte si, že odstíny, které Maddy zvolila, budou použity a opakovaně použity v široké škále designových prvků v celé její kompozici. Výběr rozmanité, ale omezené palety barev vám pomůže v tvůrčím procesu, ale také učiní vaše dílo soudržnějším a identifikovatelnějším.

Nastavení nálady podle denní doby

Nepoužívejte jednotnou barvu pozadí a využijte denní dobu k navození atmosféry. Pro tuto scénu Maddy zvolila podvečer.

To odpovídá tomu, jak se teď cítí Jokasta i její přítel duch. Jokasta vypadá, že už to má za sebou, ale protože se duchové zjevují v noci, on se právě chystá začít svůj den!

Pro dosažení tohoto vzhledu vytvoří Maddy fialový čtverec, který vyplní celé plátno (C18FF0). Poté použije tmavě modrý (3E6AED) lineární gradient začínající v pravém horním rohu.

Maddy pak čtverec zduplikuje, otočí ho tak, aby se gradient nacházel v opačném rohu, a změní barvu gradientu na krásnou oranžovou (EFB09F). Říkal někdo západ slunce?

Vytvoření druhé řady budov

Začneme druhou nejvzdálenější vrstvou objektů (nejvzdálenější je obloha).

Toto konkrétní pořadí není až tak důležité. Pokud však máte shluk vrstev, které se navzájem překrývají, jako jsou budovy, nádraží atd., je nejlepší začít od té nejvzdálenější, abyste pochopili, jak umístit objekty v popředí, s jakým množstvím negativního prostoru si můžete pohrát a jaké barvy nejlépe kontrastují.

Maddy vezme nástroj Tvar a začne vytvářet geometrické tvary, aby definovala čelní pohled na budovy. Odstín modré, který použije, je 869FEF.

Kreslení perspektivy

Pro vykreslení boků zvolila tmavší odstín - 957AE1.

Nejen to, ale také používá nástroj Uzel, aby změnila úhel horní strany obdélníku tak, aby se zarovnal s bodem zmizení kompozice.

Přidat podrobnosti

Maddy přidává banner k budovám, které jsou blíže k perspektivě diváka.

Ačkoli jsou tyto budovy technicky stále ve druhé řadě, jsou nejblíže z nejvzdálenějších budov. Přidáním jakýchkoli detailů zde tedy pouze vytvoříte realističtější prostředí.

Nakreslete první řadu budov

Stejně jako předtím vezměte nástroj Tvar a nakreslete obdélníky, abyste vyplnili město. Maddy opět vybrala 957AE1 a 4265D2 pro strany.

Vytvoření atmosféry

Chcete-li pozadí dodat ještě větší hloubku, zvažte zahrnutí detailů, jako je městská mlha.

Jednoduše nakreslete obdélník nástrojem Tvar a dejte mu zábavný lineární gradient, který mizí odspodu nahoru. Levá barva (v našem případě spodní barva) je krásná teal (2885C7) a levá barva (v našem případě horní) je bílá (FFFFFF) s krytím 0. Toho dosáhnete tak, že kanál A nastavíte na nulu.

Přidat další podrobnosti

Mějte na paměti, že čím blíže se dostanete, tím tmavší a detailnější budou vaše objekty. Zatímco předchozí řada budov zůstane shlukem minimálních obdélníků a plných kvádrů s několika málo okny.

V budovách, které jsou postavě nejblíže, proto nezapomeňte přidat nejrůznější detaily, jako jsou okna, světla nebo billboardy. Jako například tento nápis "Coola", který Maddy vytvořila volnými tahy štětce pomocí druhé předvolby z našeho panelu výběru štětců.

Tip pro přidání více oken k budovám v popředí je vybrat více objektů nástrojem Výběr a postupně je duplikovat.

Nakreslete autobusovou zastávku

Pomocí nástroje Obdélník obkreslete všechny hlavní tvary, které tvoří autobusovou zastávku.

Stejně jako předtím použijte nástroj Uzel a změňte všechny úhly, které musí vést k bodu zmizení perspektivy. Zde používá fialovou barvu pro plot (7125D0), bílou (FFFFF) a žlutou (FEF66F) pro kryt a další odstín modré (957AE1) pro nápis.

Přidat další rozměr

Součástí scény západu slunce jsou také prvky autobusové zastávky.

Abychom to evokovali, uděláme něco s těmito plnými barvami. Zduplikujte tedy horní obdélník, který jste použili k vytvoření plotu, zúžte ho, umístěte ho nahoru a dejte mu gradient, který zobrazuje odražené světlo západu slunce.

Maddy zvolí lineární gradient (gradient uprostřed) a změní pravou i levou barvu na světle oranžovou (EFB09F). Poté levou barvu zcela zprůhlední změnou kanálu A na nulu.

Stejný efekt aplikujte stejným způsobem na každou jednotlivou kolejnici.

Přidání prvků na oblohu

Nakonec přejdeme k detailům na obloze, kde přidáme několik mraků, hvězd a měsíc.

Pro vytvoření mraků vezměte nástroj Štětec a pohrajte si s přítlakem, který na plátno aplikujete, abyste vytvořili tvar, který začíná malým a postupně se zvětšuje. Změnou přítlaku může linie přejít z velmi tenké do velmi husté jediným tahem. K dosažení tohoto efektu Maddy používá čtvrtý štětec z našich předvoleb se zapnutou citlivostí na přítlak.

Po nakreslení mraků upravte jejich tvar pomocí nástroje Uzel.

Protože mraky budou přirozeně odrážet světlo západu slunce, dodejte jim gradient, který přechází z oranžového odstínu (F92CEE, vlevo) do světle růžového (F9DCEE, vpravo).

Pokud jde o měsíc, vytvořte dva kruhy a pomocí funkce Subtract Boolean vyřízněte dokonalý polokresbu. Nezapomeňte držet jeden prst na plátně, abyste zachovali poměr stran.

Nakonec přidejte hvězdy pomocí nástroje Tvar. Maddy se rozhodne pro hvězdu s 12 body. Počet bodů můžete upravovat pomocí posuvníku vlevo a jejich tvar můžete měnit podržením jednoho prstu a zároveň tažením tužky po plátně.

Přidejte několik zajímavých detailů

Také patříte k těm, kteří si nechávají to nejlepší na konec? Je čas přidat do tohoto dílu jeden z posledních a nejúžasnějších grafických prvků.

Vytvořte raketoplán s minimálním úsilím pomocí funkce Iconator. Jednoduše klepněte na poslední kartu v Inspektorovi pro přístup k Iconatoru a použijte vyhledávací panel pro nalezení toho, co potřebujete.

Maddy si vybere raketoplán, který se jí nejvíce líbí, změní jeho velikost, obarví ho na bílo a vycentruje doprostřed nápisu. Snadné!

Přidání světelných efektů

Pro větší efekt na závěr přidejte několik světelných kruhů, které dodají vzdálenému městu třpytivý efekt. Pro kruhy samozřejmě použijte nástroj Tvar a poté si pohrajte s funkcí gradientu na kartě Styl, abyste dosáhli hezčího efektu.

Maddy zvolila lineární gradient s růžovou barvou (F9A3D8) na levé straně, zatímco pravá strana zůstala 100% průhledná.

Poté přejděte na položku Režimy prolnutí a vyberte možnost Překrýt.

Přidat pohyb

Aby byl režim ilustrace dynamický, přidejte závěrečnou vrstvu částicových světel, která křižují scénu. K tomu si Maddy ponechá stejný štětec jako předtím (čtvrtý z našich předvoleb) a vytvoří velmi jemné tahy vyplněné stejným gradientem z kroku 15. A pak opět nastaví režim prolnutí na Překrýt.

Okamžik, na který jsme čekali: Po všech těchto krocích je ilustrace dokončena!

Proč je důležité kreslit pozadí

Ať už je pozadí kresby jakékoliv, má na výsledné dílo obrovský vliv - ať už je dobré, nebo špatné!

Jakmile se naučíte kreslit objekty a postavy v dynamických pózách, je pozadí posledním dílkem skládačky, který vše spojuje.

Pozadí funguje jako jin k jangu vaší postavy. Pokud jste vytvořili svou postavu pomocí oblých tvarů, použijte hranaté tvary, které budou muset představovat pozadí. Pokud je vaše postava tmavá, použijte světlé barvy pozadí atd. Klíčem je kontrast s vaší postavou, abyste jí pomohli vyniknout.

Pozadí má podtrhnout vaši postavu a její příběh na technické a koncepční úrovni. Pokud se tedy ptáte, zda je návrh pozadí důležitý, věříme, že je skutečně zásadní.

Doufáme, že vám tento návod pomohl. Pokud jste tak ještě neučinili, nezapomeňte si stáhnout Vectornator, abyste si mohli navrhnout vlastní úžasná pozadí, jako vytvořila Maddy.

Pokud s naším nástrojem začínáte, podívejte se do našeho vzdělávacího centra nebo na kanál YouTube, kde najdete výukové programy pro grafický design a čerstvou inspiraci, a vyberte si připravenou šablonu a vytvořte návrhy během několika minut.

Nezapomeňte nás vždy označit na sociálních sítích, abychom mohli vaši práci znovu zveřejnit!