Motion Tween -animaation tekeminen

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: 

  1. 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.
  2. Tee avaruualuksesta symboli klikkaamalla sitä hiiren kakkospainikkeella ja valitsemalla Convert to Symbol esiin tulevasta valikosta.
  3. Valitse symbolin tyypiksi Graphic ja anna symbolille kuvaava nimi.
  4. Siirrä Timelinen lukupää animaation alkuun framelle 1.
  5. Siirrä symboli siihen paikkaan, mistä liike alkaa.
  6. Lisää Motion Tween animoitavalle symbolille hiiren kakkospainikkeen klikkauksella esiin tulevasta valikosta.
  7. Siirrä timelinen lukupää animaation viimeiseen frameen. Tässä esimerkissä se on frame 25.
  8. Siirrä symboli siihen paikkaan, mihin animoitava liike pysähtyy. Animate tekee keyframen kyseiseen frameen automaattisesti.
  9. Vie hiiri animaation liikkeen kuvaan viivan päälle. Näet kaaren hiiten kursorin alapuolella.
  10. Paina hiiren painike alas ja vedä samalla viiva alas päin kaarevaksi.
  11. Raahaa timelinen lukupää animaation alkuun ja soita animaatio timelinen Play-painikkeella
  12. Siirrä lukupää animaation puoleen väliin ja lisää symbolin kaikkia ominaisuuksia muuttava keyframe.
  13. Suurenna symbolin kokoa hieman Free Transform Toolilla, jolloin raketti näyttää tulevan hieman lähemmäksi
  14. Muuta vielä Free Transform Toolilla raketin asentoa animaation lopussa ja alussa.
  15. 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. 

Jaa kirjoitus muille

Leave a Comment