Illustrator vinkit – Assettien valmistelu animaatiota varten
Tässä postauksessa näemme, miten voimme käyttää Adobe Illustratoria 2D-hahmojen kehittämiseen, jotka voidaan viedä After Effectsin kaltaiseen ohjelmaan, jotta ne voidaan herättää eloon- pro illustrator vinkit!
Ensimmäinen esimerkki, jossa demonstroidaan tätä, on Shippo video. Ennen kuin animaattori voi tehdä työnsä, hän tarvitsee jotain, jonka kanssa työskennellä, joten rakennamme omaisuuserät Illustratorissa.
Yksi hahmon kehittämisen tärkeimmistä näkökohdista animaatiossa on ottaa huomioon, että työskentelemme kerroksissa ja että jokainen asia, jonka animoimme, on omalla yksittäisellä kerroksellaan, yksinkertaisesti sanottuna hahmon kävelemiseen tarvitaan kaksi jalkaa, nuo kaksi jalkaa voidaan kääntää Illustratorin termein kahtena erillisenä kerroksena, joten luodessamme nuo jalat meidän on oltava hyvin tarkkoja nimetessämme nuo kerrokset VASEMPI, ja OIKEAMPI, koska meillä on vasemmanpuoleinen jalka, ja toisaalta oikea jalka. Meidän on tärkeää luoda johdonmukainen tasorakenne, jotta kun luovutamme työmme animaattorille tai jollekin, jolla on kokemusta Adobe After Effects -ohjelmalla työskentelystä, hän tietää tarkalleen, mitä tehdä niiden kanssa, ja voi työskennellä tehokkaammin.
Tässä ovat vaiheet, jotka sinun on otettava, kun suunnittelet hahmojasi animaatiota varten.
Kokonaishahmo Illustratorissa kerrospaneelissa nähtynä koostuu yksittäisistä elementeistä, jotka kaikki on luotu ohjelmassa ja sitten sijoitettu huolellisesti niin, että hahmolla on muoto,
Kerrosten järjestys on erittäin tärkeä, sillä niiden järjestys vaikuttaa siihen, miten hahmo nähdään. Jotta esimerkiksi silmät näkyisivät, niiden on oltava tasolla, joka on pään yläpuolella. Yllä olevaa kuvaa tarkasteltaessa ylimmät kerrokset ovat siis silmät ja suu, koska ne ovat keskeisiä animoitavia piirteitä. Kädet ja jalat on luotu erillisille kerroksille ja ne on nimetty vasemmalle ja oikealle, jotta ne erottuisivat toisistaan.
Vartalon osien luominen ja nimeäminen.
Pää ja hiukset voidaan yhdistää yhdeksi kerrokseksi.
Tasot-paneelissa voit kutsua tätä nimellä HEAD.
Silmät & Suu
Silmät ovat kaksi yksinkertaista ympyrää, jotka on luotu ellipsi-työkalulla
Tässä tapauksessa luomme silmät peräkkäin ja nimeämme ne oikeaksi silmäksi ja vasemmaksi silmäksi.Silmiä ei saa sulauttaa yhteen yhdeksi kerrokseksi, vaan niiden on oltava erillään.
Kun olet luonut silmät, sinun on nimettävä ne oikeaksi ja vasemmaksi. Jos olet luonut monimutkaisemman hahmon silmät sarveiskalvoineen, käyttäisit myös samaa viitettä ollen vasen ja oikea.
Hahmon suu on melko yksinkertainen. Luodaksemme suun meidän täytyy käyttää kynätyökalua luodaksemme käyrän. Käyrä voi muistuttaa hymyä tai otsa kurtussa riippuen siitä, mihin suuntaan se menee.
Jos tunnet Adobe Illustratorin kynätyökalun, tietäisit, että käyrien piirtäminen tapahtuu pitämällä hiiren näppäintä alhaalla, jotta saat halutun käyrän ja sitten piirtämällä pisteen, josta haluat käyrän päättyvän.
Käyrän tekeminen on hyvin yksinkertaista. Yllä meillä on kaksi pistettä A ja B käyrä on viiva, joka yhdistää pisteen A ja B.
Valitse kynätyökalu Illustratorissa.
Kynätyökalun ollessa pisteessä A napsauta ja siirrä hiirtä suorassa linjassa pisteeseen B. Kun suora viiva on muodostunut napsauta hiiren napsautusta ja pidä hiiren napsautusta alhaalla ja pidä hiiren napsautusta painettuna ja siirrä hiiren näppäintä haluttuun suuntaan, että haluat käyrän menevän Tässä tapauksessa, kun siirrät käyrää alaspäin, saat hymyn aikaan hymyyn ja kun siirrät hiiren ylhäältä ylöspäin saat aikaan surullisen kulmakarvan. Lopputuloksen pitäisi näyttää tältä. Älä unohda kytkeä täyttöasetuksia pois päältä ja anna viivalle paino, mieluiten raskas paino 2-4pts riippuen siitä kuinka paksun viivan haluat.
Lopputuloksen pitäisi näyttää jotakuinkin tältä.
Tässä on aiemmin tekemäni suu, joka toimii hyvin hahmojen kanssa.
Kun yhdistämme suun ja silmät saamme jotakuinkin tällaista.
Nämä kaikki ovat erillisillä yksittäisillä kerroksilla, ja ne sijoittuvat pään kerroksen yläpuolelle.
Kerrokset on merkitty väreillä
Sininen kerros – Vasen silmä
Vihreä kerros – Oikea silmä
Vihreä kerros – Oikea silmä
Vihreä kerros – Pää ja hiukset (HEAD)
Punainen kerros – Suu
Jos katsot kerrospaneelia, meillä on jokainen hahmon elementti tasolla, jota edustaa väri. Kuten edellä mainittiin suu
sisältää punaisen kerroksen, sinun pitäisi nähdä värillinen viiva kerroksen vieressä ja aivan oikealla puolella kerrosta näet värillisen neliön. Suun alapuolella oikea silmä istuu vihreällä kerroksella, vasen silmä tummansinisellä kerroksella ja pää, joka sisältää hiukset, istuu myös violetilla kerroksella.
Kerroksia voi järjestää uudelleen milloin tahansa, joten jos kerroksesi ovat sotkuisia, älä huolehdi, kunhan muistat järjestää kerrokset työn edetessä, helpotat itseäsi.
Pään pitäisi näyttää tältä.
Tämä on kooste kerroksista, jotka on järjestetty siten, että niistä saadaan hahmon kasvot. Kuvaa katsomalla on helppo sanoa, että alin kerros on pää ja silmät ja suu ovat pään yläpuolella.
Hahmon muu osa on suunniteltu samoilla periaatteilla kuin pää.
Meillä on kaksi kättä, jalat ja kaksi jalkaa. Ja vartalo. Jos olisimme luomassa monimutkaisempia vartalon liikkeitä, meidän täytyisi luoda nivelet, jotka toimisivat nivelinä käsivarsille ne olisivat
kyynärpäät ja jaloille ne olisivat polvet. Jos joskus haluaisit hahmollesi luonnollisia inhimillisiä liikkeitä kuten kävelyä niin silloin niitä tarvittaisiin.
Jos käsivarret liikkuisivat erikseen niin ne täytyisi laittaa erillisille kerroksille ja antaa niille nimet vasen ja oikea.
Kerrospaneelin mukaan oikea käsivarsi on syaaninvärisellä kerroksella ja vasen harmaalla.
Vartalo on valkoinen/harmaa t-paita. sitä edustaa keltainen merkki kerrospaneelissa. Kun se on valittuna
artworkissa siinä on keltaiset valintamerkit.
Loppujen lopuksi meillä pitäisi olla jotain tällaista.
Tämän hahmon jalat eivät liiku, mutta kuten edellä mainittiin, jos luomme kävelyn ne tarvitsisivat nivelet polville .
Jalat ovat kuitenkin kerroksittain vasemmalla ja oikealla.
Katsomalla kerroskoostumuksia näet, että kaikki kerrokset on värikoodattu ja järjestetty niin, että ne eivät törmää toisiinsa.
Tässä ovat kaikki tämän hahmon kerrokset. Näet, että tietyt kerrokset on nimetty oikealle ja vasemmalle, nämä ovat silmät, kädet ja jalat.
Kun tätä hahmoa aletaan animoida, koska tiedosto on järjestetty, animaattorille olisi hyvin johdonmukaista, mitä elementtejä voidaan animoida. Ensisijaisesti vaikka jalkoja ei ole suunniteltu liikettä silmällä pitäen on paljon efektejä joilla tämä animaatio saadaan toimimaan.