Animoi kynän ja musteen luonnokset

Muutama vuosi sitten aloitin läheisen yhteistyön vakiintuneen sarjakuvapiirtäjä Charles Peattien kanssa. Charles on luultavasti menestynein sarjakuvapiirtäjä, jonka kanssa työskentelen koskaan. Hän on saavuttanut mainetta pitkään juoksevan päivittäisen sarjakuvansa kautta Alex , kuten on esitetty Daily Telegraphin takasivulla. Hän on vanhan koulun sarjakuvapiirtäjä, joka työskentelee melkein yksinomaan paperilla yksityiskohtaisesti tarkalla kynällä ja musteella, ja halusi kehittää iPhonelle sovelluksen, joka opettaa lapsille aakkosia.

Suunnitelmana oli luoda siellä paras aakkossovellus, ja sinne tulin. Minun täytyi animoida Charlesin piirustukset modernilla tekniikalla, mutta samalla säilyttää käsin piirretty, perinteinen tunne, että hänen työnsä ansaitsee.



Tässä opetusohjelmassa tutkitaan erilaisia ​​valmistusmenetelmiä ja tekniikoita, jotka olen kehittänyt alkuperäisistä skannauksista valmiisiin värillisiin animaatioihin Flashin, Illustratorin ja Photoshopin avulla. Olen sisällyttänyt kaikki työskentelevät tiedostoni, jos eksyt, ja valmis sovellus on saatavana App Storesta nimellä Charles Peattie's Animal Aakkoset - ja kyllä, se on paras aakkossovellus.



Lataa tukitiedostot (55,1 Mt)

kuinka käärittää kuva objektin ympärille Photoshopissa

skannaa luonnos



skannaa luonnos

01 Ensimmäinen eläin, jonka animoin tässä projektissa, oli leijona. Charles lähetti alkuperäiset kuvat minulle, ja skannasin ne 600 dpi: ssä tulostimella, joka oli asetettu viivapiirrokselle (tai mustavalkoiseksi). Voit luonnostella tai hankkia oman - tai avata lion.psd: n tukitiedostoista. Charles toimitti tähän paljon kehyksiä, joten suuri osa animaatiotyöstä oli jo tehty.

huono skannaus harmaasävy

huono skannaus

02 Myöhempien eläinten osalta minulle lähetettiin joskus tiedostoja, jotka toimiston lämpötila oli skannannut huonosti. On tärkeää tietää, kuinka korjata tämä, joten avaa bad_lion.psd tukitiedostoissa, mikä näyttää huonosti skannatun leijonan. Tämän tiedoston järjestäminen on helppoa: varmista ensin, että tiedosto on mustavalkoinen valitsemalla Kuva> Tila> Harmaasävy.



tasot julistavat

tasot julistavat

03 Seuraavaksi avaa Tasot-ikkuna (Kuva> Säädöt> Tasot) ja pyrki saamaan kuva mahdollisimman lähelle mustaa ja kirkkaan valkoista. Jos vedät oikeanpuoleista nuolta hieman vasemmalle ja keskimmäistä nuolta oikealle, sen pitäisi poistaa paperin harmaa. Siirry nyt kohtaan Kuva> Säädöt> Juliste, aseta Tasot arvoon 2, ja leijonan tulisi muistuttaa täydellisesti skannattua kuvaa.

piilotetut kerrokset esineisiin

kerroksia esineisiin

04 Avaa lion.psd Illustratorissa ja varmista, että valitset Muunna Photoshop-tasot esineiksi ja Tuo piilotetut tasot. Haluamme muuntaa bittikarttakuvan vektorikuvaksi, mikä on yksinkertaista Live Trace -työkalun avulla. Muuta ensin jäljitysasetuksia siirtymällä kohtaan Objekti> Live-jäljitys> Jäljitysvaihtoehdot. Pidän yleensä oletusasetuksista, mutta varmista, että Ohita valkoinen -valintaruutu on valittuna, Täyttö-ruutu on valittuna ja tila on asetettu mustavalkoiseksi.

muuntaa kerroksia

muuntaa kerroksia

05 Valitse nyt kaikki leijonan kerrokset pitämällä Vaihto-näppäintä painettuna ja napsauttamalla Tasot-paneelin oikealla puolella olevaa ympyrää (valittujen tasojen tulisi näyttää värillinen neliö ympyrän vasemmalla puolella). Mene sitten kohdasta Objekti> Live Trace> Make, jos haluat muuntaa kerrokset. Saatat huomata, että koneesi hidastuu tässä hieman, joten yritä tehdä yksi kerros kerrallaan, jos muisti on ongelma.

flash-vektori

flash-vektori

06 Meillä on nyt vektorimuoto tiedostosta alkuperäisistä skannauksista ja olemme valmiita tuomaan tiedoston Flashiin. Tarkista, että tiedosto on RGB-tilassa (Tiedosto> Asiakirjan väritila> RGB) ja tallenna se nimellä lion.ai. Avaa Flash, valitse Tiedosto> Tuo> Tuo vaiheeseen ja valitse lion.ai. Varmista, että kaikki Illustrator-tiedoston tasot on valittu, aseta Muunna tasot -valikosta Avainkehykset ja valitse 'Aseta objektit alkuperäiseen sijaintiin'.

skaalaa useita kehyksiä

skaalaa useita

07 Jos selaat Charlesin kehyksiä aikajanalla, näet, että suuri osa animaatiosta on jo tehty. Leijona voi olla hieman pieni, riippuen siitä, mihin kokoonpanoon lavasi on asetettu, joten käytä aikajanan alapuolella olevaa Muokkaa useita kehyksiä -vaihtoehtoa ja laajenna leijona valitsemalla kaikki kehykset (laajenna lopun valintapisteet tarvittaessa ). Siirry sitten kohtaan Muokkaa> Muunna> Skaalaa ja vedä rajoitusruutu ulos.

taaksepäin kehykset

taaksepäin kehykset

08 Kehykset on tuotu päinvastaisessa järjestyksessä, joten muokkaa tätä valitsemalla kaikki aikajanan kehykset, Ctrl / hiiren kakkospainikkeella ja valitsemalla Käänteiset kehykset. Illustrator-tiedostot tuodaan aina ryhminä, joten on myös hyvä hajottaa nämä ryhmät toisistaan.

lassoo-kerrokset

Lassoo-kerrokset

09 Animaatio keskittyy pääasiassa päähän, joten on järkevää laittaa pää ja vartalo eri kerroksiin. Leikkaa leijonan runko Lasso-työkalulla (L) ja aseta se alla olevan kerroksen päälle (Muokkaa> Liitä paikalleen). Sitten erotellaan yleensä aikajanan näppäimet hieman animaation tahdin selvittämiseksi. Avaa levyltä L9.fla viitteeksi.

tuoda kuvittajakerroksia jälkivaikutuksiin

painovärilinjat

painovärilinjat

10 Voimme nyt yrittää kokeilla musteviivojen toistamista. Valitse Wacom-tabletilla Harja-työkalu, jonka käyttöpaine on painettuna (Työkalut-ikkunan alaosassa), ja aseta sitten Tasoitus-asetukseksi 40 Ominaisuudet-paletissa. Vedä mustalla musteella muutama testiviiva jäljittelemällä alkuperäisten luonnosten viivoja uuden kerroksen alkuperäisten merkkien rinnalla. Monet viivat ovat paksumpia keskellä kuin päissä, joten yritä luoda tämä uudelleen. Kokeile myös ristikkäisyyttä ja muita varjostustekniikoita - näet L10.fla-toiminnani.

sipulin ihon työkalu vilkkuu

sipuli ihon työkalu

yksitoista Kun olet luottavainen, voimme aloittaa animaation - aloitan yleensä jotain helppoa, kuten vilkkuminen, ja pidän Onion Skin -työkalua korvaamattomana tässä vaiheessa. Valitse silmät Lasso-työkalulla ja luo uusi kerros nimeltä 'silmät'. Luo nyt tyhjä avainkehys ja piirrä suljettujen silmien sijainti.

vilkkuvat kehykset löysästi

vilkkuvat kehykset

12 Inbetweens voi olla melko löysä suljetun asennon molemmin puolin, mikä pitää kiinni kahdesta kehyksestä, joista toinen on kummallakin puolella. Voit tarkistaa esimerkkini L12.fla, jos eksyt.

swish tail grafiikan symboli

miten asetan kuvani yksityisiksi Facebookissa
swish häntä

13 Seuraava on heiluva häntä. Haluamme yksinkertaisen silmukan tähän, joten luo uusi kerros hännälle ja muunna se grafiikkasymboliksi (F8). Luonnin yleensä karkean version sinisenä symbolin sisällä. Avaa L13.fla. Kun olet tyytyväinen liikkeeseen, voit siirtyä 'siivoukseen' tai piirtää valmiit 'puhtaat' kehykset. Huomaa, että et näe kuinka karkea osa sisävesistä on, kun animaatio toistetaan.

värileijonan tuonti

väri leijona

14 Leijonan värjäämistä varten Charles toimitti minulle värioppaan bittikartan, joka toimitetaan: lion_colourguide.jpg. Tuo tämä uuteen tasoon (Tiedosto> Tuo> Tuo tiedosto) ja luo Pipette- ja Siveltyökalujen avulla uusi värikerros aikajanan viivakerrosten alle - katso L14.fla.

kaunistaa animaatiota

kaunistaa animaatiota

viisitoista Voit nyt jatkaa, kunnes olet rakentanut koko animaation. Avaa Lion.fla valmiille versiolleni. Valitettavasti en voi käydä läpi kaikkia vaiheita täällä, mutta voit tutkia tiedostoa ja nähdä tarvittavan koristelun (joka sisälsi muutaman kehyksen piirtämisen) lopullisen animaation luomiseksi.


Tom Baker
Lontoossa asuva Tom on freelance-hahmoanimaattori ja kuvittaja, jonka asiakkaita ovat Sony, Cartoon Network, Nickelodeon, Green Thing, Channel 4 ja Paramount Comedy. Hänen työnsä ilmestyi televisiossa, tietokonepeleissä, elokuvissa ja Internetissä. www.bakeranimator.com