Animoinnin alkeet

Timeline on animoinnin perustyökalu. Siinä visuaalisesti nähdään kuinka animaatio etenee ruutu ruudun jälkeen. Ns. liikkuvaa kuvaahan ei ole olemassa, vaan kyseessä on nopeassa rytmissä esitetty sarja kuvia jotka luovat harhan että kuva todellisuudessa liikkuisi. Riittävän nopea rytmi jolla tuo illuusio voidaan luoda, on 12 ruutua sekunnissa, mutta elokuvat toimivat 25 ruudun sekuntivauhdilla.

Tässä Flash MX:n timeline ikkunassa on esillä kaikki tarvittava perusanimaatiota varten. Ikkunan ylälaidassa näkyvät numerot kertovat monesko ruutu on kyseessä ja alalaidassa näkyvät lukemat puolestaan kertovat että kuinka nopea rytmi kyseisessä animaatiossa on ja kuinka monta sekuntia on tähän mennessä kulunut.

Ruutu ja Avainruutu

Animoinnin kahta keskeistä termiä ovat ruutu ja avainruutu. Ruutu selitettiinkin jo nopeasti, mutta kertauksena vielä - ruutu pysähtynyt kuva joka on osa liikettä. Kyseistä kuvaa näytetään vain sen hetken mitä tarvitaan jotta saadaan luotua illuusio liikkuvasta kuvasta. Flashissa ruutu ei ole yhtään mitään muuta kuin tuo yksittäinen hetki tapahtumaketjussa.

Avainruutu puolestaan on on tietyn tapahtuman aloitus- tai lopetushetki. Avainruudussa aina tapahtuu jotain ja siitä alkaa tai loppuu tapahtumaketju joka tulkitaan liikkeeksi. Ajanjaksoa kahden avainruudun välissä kutsutaan nimellä "tween", joka on lyhennys sanasta "between" - välissä.

Animointitavat

Keyframing: Yksinkertaisin, mutta samalla myös hankalin animoinnin muoto. Yksinkertainen siinä mielessä että jokaista avainruutua varten on yksi tapahtuma ja asia on erittäin helppo ymmärtää. Jokainen ruutu on avainruutu (Keyframe - F6) ja siihen tehdään haluttu muutos. Ja sitten seuraava avainruutu jne.

Motion Tween: Saattaa kuullostaa helpolta, mutta todellisuudessa hyvän motion tweenin luominen on tuskaisaa puuhaa. Luodaan ensimmäiseen avainruutuun objekti ja ryhmitetään se. Luodaan avainruutu johon mennessä liikkeen tulee olla tapahtunut ja siirretään objekti sinne missä sen tulisi tuolloin olla. Mennään takaisin ensimmäiseen avainruutuun, aktivoidaan objekti ja valitaan properties-ikkunasta Tween -> Motion

Shape Tween: Myös tämä tuntuu aluksi helpolta. Ensimmäiseen avainruutuun luodaan objekti ja seuraavaan avainruutuun toisen muotoinen objekti. Huom: Kulmio ja ympyrä reunuksilla ovat vähintään kaksi objektia ja eivät siten välttämättä toimi.

Tässä animointitavat lyhykäisyydessään, mutta jos kaikki olisi tosiaan näin helppoa, jokainen meistä olisi animoija. Joten katsotaanpa kuinka animointi ihan oikeasti tapahtuu.