Adobe Animaten Motion Tween -animaatio soveltuu parhaiten kaareviin liikeratoihin, joissa animoidaan erikseen useita ominaisuuksia. Se on Adobe Animaten tweeneistä monipuolisin, mutta myös vaikein oppia.
Yllä näkyvän yksinkertaisen raketin liikkeen voi toteuttaa Motion Tween-animaationa alla kuvatulla tavalla. Sitä varten on ensin luotu uusi HTML5-animaatio, jonka stagen leveys ja korkeus on 500 px. Tämän jälkeen stagelle on tuotu taustan avaruuden kuva ja etualalla liikkuva avaruusalus omille layereilleen. Sen jälkeen animaation voi tehdä seuraavissa vaiheissa:
- Lisää 25 framea Timelinelle klikkamalla paneelin yläosaa ja painamalla sen jälkeen F5-painiketta pitkään. Mikäli frameja tulee liikaa, voit poistaa ylimääräiset painamalla Shift+F5.
- Tee avaruualuksesta symboli klikkaamalla sitä hiiren kakkospainikkeella ja valitsemalla Convert to Symbol esiin tulevasta valikosta.
- Valitse symbolin tyypiksi Graphic ja anna symbolille kuvaava nimi.
- Siirrä Timelinen lukupää animaation alkuun framelle 1.
- Siirrä symboli siihen paikkaan, mistä liike alkaa.
- Lisää Motion Tween animoitavalle symbolille hiiren kakkospainikkeen klikkauksella esiin tulevasta valikosta.
- Siirrä timelinen lukupää animaation viimeiseen frameen. Tässä esimerkissä se on frame 25.
- Siirrä symboli siihen paikkaan, mihin animoitava liike pysähtyy. Animate tekee keyframen kyseiseen frameen automaattisesti.
- Vie hiiri animaation liikkeen kuvaan viivan päälle. Näet kaaren hiiten kursorin alapuolella.
- Paina hiiren painike alas ja vedä samalla viiva alas päin kaarevaksi.
- Raahaa timelinen lukupää animaation alkuun ja soita animaatio timelinen Play-painikkeella
- Siirrä lukupää animaation puoleen väliin ja lisää symbolin kaikkia ominaisuuksia muuttava keyframe.
- Suurenna symbolin kokoa hieman Free Transform Toolilla, jolloin raketti näyttää tulevan hieman lähemmäksi
- Muuta vielä Free Transform Toolilla raketin asentoa animaation lopussa ja alussa.
- Voit katsoa animaation Timelinen Play-painikkeella, Control-valikon Test-komennolla tai näppäinkomennolla Ctrl+Enter.
Muista tallentaa animaatiosi File/Save-komennolla (Ctrl+S) Animaten fla- tai xfl- tiedostomuotoon. Voit muuntaa animaatiosi johonkin laajemmin tuettuun muotoon valitsemalla File/Publish tai File/Export.