Taustojen suunnittelu

Et ehkä tajua sitä, mutta taustan piirtäminen on yksi hahmokuvituksen tärkeimmistä osista.

Hahmojesi ei pitäisi leijua valkoisella taustalla. He kuuluvat omaan, ainutlaatuiseen universumiinsa, joka määritteli hahmojesi kehityksen siihen asti, kun piirsit heidät.

Tässä opetusartikkelissa tarkastelemme, miten taiteilija Maddy Zoli luo taustan. Seuraa mukana Vectornatorissa ja opi tekemään se itse!

Hahmosuunnittelu

Jos olet lukenut ensimmäisen oppitunnin hahmosuunnittelusta, tiedät, että hahmon taustatarina on jokaisen piirtämäsi viivan selkäranka.

Hahmojesi tarina on oltava syvällisempi kuin mitä silmämääräisesti näyttää; aina siitä, milloin he ovat syntyneet, missä he asuvat, mitä työtä heillä on ja mikä on heidän lempiruokansa. Kuulostaa turhalta? Meistä se kuulostaa enemmänkin hauskalta!

Joutumatta syvälle kaninkoloon, mieti kaikkia näitä hahmosi menneisyyden, nykyisyyden ja tulevaisuuden yksityiskohtia ja ilmentäkää ne hahmosi ympäristössä. Toisin sanoen, heijasta mielessäsi oleva tarina hahmosi taustaan. Käyttämällä tällaista visuaalista tarinankerrontaa saat hahmosi ja maailmasi tuntumaan paljon rikkaammilta ja todellisemmilta.

Taiteilija

Tämä opetusohjelma on tehty yhteistyössä upean Maddy Zolin kanssa. Luomme yhdessä koko hahmosarjaa YouTube-kanavallemme, ja hänen kanssaan on ilo tehdä yhteistyötä, mutta hän on myös erittäin asiantunteva tästä aiheesta. Emme olisi voineet työskennellä kenenkään paremman kanssa tämän vaiheittaisen oppaan parissa.

Huomaat varmasti, että jokainen vaihe, jonka mainitsemme tässä ohjeessa, ei mene kaikkein pienimpiin yksityiskohtiin. Se tarkoittaa, että emme mainitse vaihetta joka kerta, kun luodaan uusi kerros tai piirretään uusi muoto. Sen sijaan tiivistämme jokaisen rakenteellisen lisäyksen suunnitteluprosessiin yhdeksi yleiseksi vaiheeksi.

- iPad

- Apple Pencil

- Procreate (tai jokin muu luonnosteluohjelma)

- Vectornatorin uusin versio Mitä opit:

- Miten luonnostella

- Kankaan ja taustan valmistelu

- Kerrosten lisääminen ja hallinta

- Kynä-, lyijykynä-, sivellintyökalujen, solmu- ja muototyökalujen edistynyt käyttö.

- Värinvalitsimen ja Gradient Editorin edistynyt käyttö

- Valon, varjojen ja liikkeen lisääminen

- Kuinka voit käyttää kopiointitoimintoa työtaakkaasi helpottamaan?

- Miten luoda käsin piirrettyjä kirjaimia

- Miten luoda monimutkaisia muotoja

Olemme yhdistäneet käytännön ja teorian, joten kiinnittäkää turvavyöt!

Hanki referenssit oikein

Tässä vaiheessa on kyse oikean inspiraation löytämisestä taustatyypille, jonka haluat suunnitella.

Osaatko arvata, mistä Maddy on saanut inspiraationsa? Hän on inspiroitunut 80- ja 90-luvun animen, kuten Sailor Moonin ja Cardcaptor Sakuran, pastellisista kaupunkimaisemista, joissa on neonvaloja. Hän aikoo sisällyttää niiden estetiikan taustasuunnitteluunsa.

Niissä on jo valmiiksi mielenkiintoinen valaistus, toiminta ja hyvä sommittelu, mutta voit myös vain mennä ulos ja piirtää maisemia tai kaupunkikuvia, joita näet ympärilläsi.

Tärkeintä on antaa kaikelle merkitys. Sinun ei pidä ajatella hahmoa ja taustaa erillisinä asioina vaan yhtenä kokonaisuutena. Et piirrä vain hahmosi taustaa, vaan piirrät kohtauksen, jossa hahmosi sattuu olemaan.

Luonnostele perusmuodot

Suosittu luonnostelutyyli on tehdä muutama pieni, viiden minuutin mittainen "ele"-luonnos referenssikuvista, joissa yksinkertaisesti rajataan tärkeimmät arvot pois.

Valitse sitten yksi tai kaksi tutkimusta, joita kehität yksityiskohtaisemmiksi luonnoksiksi, joiden luomiseen käytät noin 30 minuuttia, aivan kuten Maddyn Procreatessa tekemä luonnos.

Näin ajattelemalla voit integroida kaikki elementit paremmin ja mielenkiintoisemmin. Koska katsojasi saa minut panostamaan ympäristöön enemmän kuin jos se olisi vain koristeellinen tausta.

Tapauksessamme tiedämme siis jo, että Jocasta on teinityttö, jolla on supervoimia, mutta luoja Maddy tietää, että Jocasta asuu tulevaisuudessa, kiireisessä kaupungissa, jossa hänen on joka ilta odotettava julkista liikennettä päästäkseen kotiin.

Tämän pienen silmäänpistävän elementin huomaa siitä, että bussipysäkkikyltti on itse asiassa avaruussukkula.

Lataa luonnos Vectornatoriin

Vie luonnoksesi Procreatesta jpeg/png-muodossa ja tuo se Vectornatoriin. Voit tehdä sen vetämällä ja pudottamalla sen Galleria-välilehdeltä.

Aseta hahmosi asemaan

Maddy sijoitti Jocastan kuvaan kolmanneksen säännön mukaisesti.

On monia tapoja luoda upea sommitelma käyttämällä erilaisia hyväksi havaittuja ja testattuja sääntöjä (kuten kolmanneksen sääntöä), jotka auttavat sinua saavuttamaan tasapainoisen estetiikan. Jos haluat oppia lisää, katso video-opetusohjelma upeiden sommitelmien luomisesta, jonka on kuvannut toinen upea kuvittaja, Soodabeh Damavandi.

Järjestä kerroksesi

On tärkeää, että pysyt kerroksissa siistinä ja järjestyksessä - tähän vaiheeseen panostettu ylimääräinen vaivannäkö auttaa sinua kymmenkertaisesti, kun etenet kuvituksen kanssa.

Kun olet sijoittanut hahmosi, piilota hahmokerros ja lukitse luonnostaso, kun olet vähentänyt sen peittävyyttä.

Tämä on myös hyvä hetki puhua tekniikasta!

Taustan voi suunnitella kahdella tavalla: käyttämällä perspektiiviä tai kerrostamalla maisemaa. Tänään keskitymme kerrostamistekniikkaan. Jos haluat, että käsittelemme perspektiiviteoriaa toisella videolla, kommentoi alle.

Jos siis jaamme maiseman, meillä on yhteensä viisi kerrosta. Edestä taaksepäin, eli lähimmästä kaukaisimpaan, kerrokset ovat seuraavat:

• Jocasta ja aave.
• Bussipysäkki ja rautatie.
• Ensimmäinen rakennusrivi.
• Toinen rakennusrivi.
• Lopuksi taivas, kuu ja pilvet.

Muista tästä eteenpäin luoda aina uusi taso kuvituksen jokaiselle uudelle suunnitteluelementille - esimerkiksi bussipysäkki on erillisellä tasolla, samoin toinen rakennusrivi, kuu ja tähdet ja niin edelleen. Ymmärrät kyllä.

Kerro tarina väreillä

Väri on toinen erittäin tärkeä seikka, joka voi kertoa enemmän hahmosi tarinasta.

Kerrataanpa vielä kerran: tämä maailma on tulevaisuudessa, se on täynnä taikuutta, ja se on saanut inspiraationsa Sailor Moonista. Ei ole mikään yllätys, että Maddy on valinnut rohkeita värejä, kuten neonvärejä, pastellivärejä, pinkkejä ja vihreitä. Kaikkea muuta kuin tylsää!

Tässä ovat kaikki heksakoodit, joita tarvitset Maddyn kappaleen luomiseen:

Tumman violetti - 7125D0

Oranssi - EFB09F

Keskikokoinen sininen - 869FEF

Tummansininen - 3E6AED

Tummempi sininen - 4265D2

Teal - 2885C7

Keltainen - FEF66F

Vaaleanpunainen - F9A3D8

Vaaleanpunainen - F9DCEE

Viime kädessä sinun on varmistettava, että käytät väriyhdistelmää, joka on tarpeeksi kontrastinen mutta samalla harmoninen hahmosi kanssa. Siksi Maddy valitsi hyvin samankaltaisia sävyjä kuin Jocastan värissä.

Huomaat, että Maddyn valitsemia sävyjä käytetään ja käytetään uudelleen monissa eri suunnitteluelementeissä hänen sommittelussaan. Monipuolisen, mutta rajatun väripaletin valitseminen auttaa sinua luovassa prosessissa, mutta tekee myös teoksestasi yhtenäisemmän ja tunnistettavamman.

Aseta tunnelma vuorokaudenajalla

Pysy kaukana yksivärisestä taustaväristä ja käytä vuorokauden aikaa tunnelman luomiseksi. Tähän kohtaukseen Maddy valitsi alkuillan.

Se sopii siihen, miltä sekä Jocasta että hänen aaveystävänsä nyt tuntuvat. Jocasta näyttää siltä, että hän on jo päässyt asian yli, mutta koska aaveet ilmestyvät yöllä, Jocasta on juuri aloittamassa päivänsä!

Tämän ulkoasun saavuttamiseksi Maddy luo violetin neliön, joka täyttää koko kankaan (C18FF0), ja soveltaa sitten tummansinistä (3E6AED) lineaarista gradienttia, joka alkaa oikeasta yläkulmasta.

Sitten Maddy kopioi neliön, kääntää sitä niin, että kaltevuus on vastakkaisessa kulmassa, ja muuttaa kaltevuuden värin kauniiksi oranssiksi (EFB09F). Sanoiko joku auringonlaskun tunnelma?

Luo toinen rakennusrivi

Aloitamme toiseksi kaukaisimmasta objektikerroksesta (kaukaisin on taivas).

Tämä järjestys ei ole kovin tärkeä, mutta jos sinulla on useita päällekkäisiä kerroksia, kuten rakennukset, juna-asema ja niin edelleen, on parasta aloittaa kauimmaisesta, jotta ymmärrät, miten objektit sijoitetaan etualalle, kuinka paljon negatiivista tilaa sinulla on leikiteltäväksi ja mitkä värit muodostavat parhaan kontrastin.

Maddy ottaa Shape Tool -työkalun ja alkaa luoda geometrisia muotoja rakennusten julkisivunäkymän rajaamiseksi. Hän käyttää sinistä sävyä 869FEF.

Piirrä perspektiivi

Sivut hän piirtää tummemmalla sävyllä - 977AE1.

Sen lisäksi hän käyttää Node-työkalua muuttaakseen suorakulmion yläpuolen kulmaa niin, että se on linjassa sommittelun katoamispisteen kanssa.

Lisää yksityiskohtia

Maddy lisää bannerin rakennuksiin, jotka ovat lähempänä katsojan näkökulmaa.

Vaikka nämä rakennukset ovat teknisesti vielä toisella rivillä, ne ovat lähimpänä kauimpana olevista rakennuksista, joten yksityiskohtien lisääminen tähän luo vain realistisemman ympäristön.

Piirrä ensimmäinen rakennusrivi

Ota Shape Tool -työkalu ja piirrä suorakulmioita täyttämään kaupunki. Maddy valitsi taas 957AE1 ja sivuiksi 4265D2.

Luo tunnelma

Jos haluat lisätä taustaan vielä enemmän syvyyttä, harkitse yksityiskohtien, kuten kaupungin sumun, sisällyttämistä kuvaan.

Piirrä yksinkertaisesti suorakulmio Shape Toolilla ja anna sille hauska lineaarinen gradientti, joka häipyy alhaalta ylöspäin. Vasen väri (meidän tapauksessamme alin väri) on kaunis teal (2885C7) ja vasen väri (meidän tapauksessamme ylhäällä) on valkoinen (FFFFFF), jonka peittävyys on 0. Tämän saat aikaan tuomalla A-kanavan nollaan.

Lisää lisätietoja

Muista, että mitä lähemmäs pääset, sitä tummempia ja yksityiskohtaisempia esineistä tulee. Edellinen rakennusrivi jää kuitenkin vain minimaalisten suorakulmioiden ja massiivisten palikoiden muodostamaksi ryppääksi, jossa on hyvin vähän ikkunoita.

Varmista siis, että hahmoa lähimpänä oleviin rakennuksiin lisätään kaikenlaisia yksityiskohtia, kuten ikkunoita, valoja tai mainostauluja. Kuten tämä "Coola"-kyltti, jonka Maddy luo vapaalla siveltimellä käyttäen toista esiasetusta Brush Selection Pane -valintaikkunasta.

Voit lisätä useita ikkunoita etualalla oleviin rakennuksiin valitsemalla useita kohteita Valitse-työkalulla ja monistamalla ne peräkkäin.

Piirrä bussipysäkki

Jäljennä suorakulmio-työkalulla kaikki bussipysäkin päämuodot.

Kuten ennenkin, käytä Node-työkalua muuttaaksesi kulmia, joiden on johdettava perspektiivisi katoamispisteeseen. Tässä hän käyttää aidan värinä violettia (7125D0), kannen värinä valkoista (FFFFF) ja keltaista (FEF66F) sekä kyltin värinä sinistä (957AE1).

Lisää ulottuvuutta

Myös bussipysäkin elementit ovat osa auringonlaskun maisemaa.

Sen herättämiseksi teemme jotain näille yksivärisille väreille. Kopioi siis ylin suorakulmio, jota käytit aidan luomiseen, tee siitä kapeampi, aseta se päälle ja anna sille kaltevuus, joka näyttää auringonlaskun heijastuneen valon.

Maddy käyttää lineaarista gradienttia (gradientti keskellä) ja muuttaa sekä oikean että vasemman värin vaalean oranssiksi (EFB09F). Sitten hän tekee vasemmasta väristä täysin läpinäkyvän muuttamalla A-kanavan nollaksi.

Sovella samaa vaikutusta samalla tavalla jokaiseen yksittäiseen kiskoon.

Lisää elementtejä taivaalle

Lopuksi siirrymme taivaan yksityiskohtiin, joihin lisäämme muutamia pilviä, tähtiä ja kuun.

Ota pilviä varten esiin Brush Tool -työkalu ja leikittele kankaaseen kohdistuvalla paineella, jotta voit luoda muodon, joka alkaa pienestä ja kasvaa vähitellen. Paineita muuttamalla viiva voi muuttua hyvin ohuesta hyvin paksuksi yhdellä vedolla. Tämän efektin aikaansaamiseksi Maddy käyttää esiasetuksiemme 4. sivellintä, jonka Pressure Sensitivity on päällä.

Kun olet piirtänyt pilvet, käytä Node-työkalua niiden muodon mukauttamiseen.

Koska pilvet heijastavat luonnollisesti auringonlaskun valoa, anna niille sävyaste, joka vaihtelee oranssista (F92CEE, vasemmalla) vaaleanpunaiseen (F9DCEE, oikealla).

Luo kuun osalta kaksi ympyrää ja käytä Subtract Boolean -toimintoa leikataksesi täydellisen puolipyöreän kuun. Älä unohda pitää yhtä sormea kankaalla, jotta kuvasuhde säilyy.

Lisää lopuksi tähtiä Shape Tool -työkalulla. Maddy päättää 12-pisteisestä tähdestä. Voit muokata pisteiden määrää vasemmalla olevalla liukusäätimellä ja muuttaa niiden muotoa pitämällä yhtä sormea alhaalla samalla kun vedät kynääsi kankaalla.

Lisää hienoja yksityiskohtia

Kuulutko sinäkin niihin ihmisiin, jotka säästävät parasta viimeiseksi? On aika lisätä yksi viimeisistä ja siisteimmistä graafisista elementeistä tähän kappaleeseen.

Luo avaruussukkula vähällä vaivalla Iconator-toiminnolla. Napauta yksinkertaisesti Inspectorin viimeistä välilehteä päästäksesi Iconatoriin ja käytä hakupalkkia löytääksesi tarvitsemasi.

Maddy valitsee itselleen mieluisimman avaruussukkulan, muuttaa sen kokoa, värjää sen valkoiseksi ja keskittää sen keskelle kylttiä. Helppo homma!

Lisää valotehosteita

Lisää viimeistelyä lisäämällä muutama valoympyrä, jotta kaukaisesta kaupungista saadaan kimalteleva. Käytä ympyröiden muotoiluun tietysti Shape Tool -työkalua, ja leiki sitten Style-välilehden Gradient-toiminnolla saadaksesi siitä hienomman vaikutelman.

Maddy käytti lineaarista gradienttia, jossa vaaleanpunainen (F9A3D8) on vasemmalla puolella, kun taas oikea puoli jätetään 100-prosenttisesti läpinäkyväksi.

Valitse sitten Blend Modes ja valitse Overlay.

Lisää liikettä

Jotta kuvitustilasta tulisi dynaaminen, lisää vielä viimeinen kerros kohtauksen poikki kulkevia hiukkasvaloja. Tätä varten Maddy käyttää samaa sivellintä kuin aiemmin (neljäs esiasetuksistamme) luodakseen hyvin hienoja viivoja, jotka on täytetty samalla gradientilla kuin vaiheessa 15. Ja aseta sitten sekoitustilaksi jälleen Overlay.

Odottamamme hetki: Kaikkien näiden vaiheiden jälkeen kuvitus on nyt valmis!

Miksi taustojen piirtäminen on tärkeää

Oli piirustuksen tausta mikä tahansa, sillä on valtava vaikutus lopulliseen taideteokseen - oli se sitten hyvä tai huono!

Kun olet oppinut piirtämään esineitä ja hahmoja dynaamisissa asennoissa, tausta on viimeinen palapelin pala, joka yhdistää kaiken yhteen.

Taustasi toimii yininä hahmosi yangille. Jos olet luonut hahmosi käyttäen pyöreitä muotoja, käytä kulmikkaita muotoja taustan esittämiseen. Jos hahmosi on tumma, käytä vaaleita taustavärejä ja niin edelleen. Tärkeintä on luoda kontrasti hahmosi kanssa, jotta hän erottuu.

Taustan on tarkoitus korostaa hahmoa ja sen tarinaa teknisellä ja käsitteellisellä tasolla. Jos siis kysyt itseltäsi, onko taustan suunnittelu tärkeää, uskomme, että se on itse asiassa elintärkeää.

Toivottavasti tästä ohjeesta oli sinulle apua. Jos et ole vielä ladannut, lataa Vectornator, jotta voit suunnitella omia upeita taustoja, kuten Maddyn luoma tausta.

Jos työkalumme on sinulle uusi, tutustu Learning Hubiin tai YouTube-kanavaan, josta löydät graafisen suunnittelun opetusohjelmia ja tuoretta inspiraatiota, ja valitse valmis malli, jonka avulla voit luoda malleja muutamassa minuutissa.

Muista aina merkitä meidät sosiaalisessa mediassa, jotta voimme julkaista työsi uudelleen!