Motion tween-animasjon

Da var dette en ekstra oppgave vi fikk i timen hvis vi var ferdig med alt annet, og denne gangen var det å lage en fotball som begynte bak i bilde og bevegde seg framover, sprat i baken og forsvant ut av bilde.

dette er hvordan jeg laget den:

1. Før larger du et flash-dokument.

2. Så går jeg i properties-panelet og sjekk at bildehastigheten (frame rate) er på 12 fps.

3. Forandre navnet på Layer 1 til ball, og så tegner du en ball.

4. Siden vi lager motion tween-animasjon, bør vi bruke symbolinstanser. Vi konverterer derf0r fotballen til et symbol. Velg all grafikken og høyreklikk på den. Velg konvert til symbol i menyen. Angi Movie clip som type, ball som navn, og så klikk ok.

5. Høyreklikk på bilde nr. 11 og velg insert keyframe i menyen, og flytt ballen litt mot høyre.

6. Ønsker nå å lage motion tween slik at vi får en jevn bevegelse på ballen mellom bilde nr. 1 og 11. Klikk på et sted imellom de to nøkkelbildene og velg Motion under Tween i properties-panelet.

7. Test animasjonen og se at den går jevnt.

8. Meningen er at ballen skal sprette mot bakken. Lag et nytt lag som du kaller Bakke, og lag en strek et stykke under ballen på dette laget.

9. Gå til bilde nr. 6 ved å dra en strek på spillhodet. Bruk selection Tool og dra ballen rett ned mot bakken. Legg merke til at det automatisk blir lagd et nøkkelbilde.

10. Trykk ned Onion Skin-knappen under tidslinja og dra ut håndtakene for å sjekke hvordan animasjonen foregår.

11. Legg merke til at det er lik avstand mellom bildene. Dette betyr at ballen har konstant hastighet. Vi ønsker at ballen skal øke farten inn mot spretten og minske farten ut av spretten.

12. Velg nøkkelbilde i nr. 1 på ball-laget og sett Ease til 80 i properties-panelet. Dette gjør at ballen minsker farten fra bilde nr. 6.

13. Vi ønsker å få ballen til å rotere samtidig som den spretter. Velg det første nøkkelbilde på ball-laget og pass på at det står på Auto ved rotate i properties-panelet. Dette gjør at det blir lagd tweening av rotasjon mellom nøkkelbilder. Velg bilde nr. 6 på ball-laget og roter ballen litt med klokka i free transform tool.

14. Vi skal få ballen til å bli større slik at det virker som den kommer nærmere seeren. Velg bilde br. 1 på ball-laget og pass på at det er krysset av for Scale i properties-panelet. Dette gjør at det bli lagd tweening av skalering mellom nøkkelbilder. Skaler ballen slik at den blir nokså liten ved å bruke free transform tool.
Velg bilde nr. 6 og skaler ballen slik at den blir større. Velg til slutt bilde nr. 11 og skaler ballen enda større.

15. Nå skal man forandre timingen slik at ballen går saktere til å begynne med og fortere på slutten. Det gjør man ved å flytte nøkkelbildene på ball-laget. Velg nøkkelbilde i nr. 6 og dra det til bilde nr. 9. Velg nøkkelbilde i nr 11 og dra det til nr. 13.

16. Nå skal vi forandrebildehastigheten, men likevel beholde samme hastighet på ballen. Bruk selection tool og klikk på et tomt sted i visningsområdet. Innstillingene for dokumentet vil nå vises i properties-panelet. Sett hastigheten på 24 fps.

17. For å beholde den gamle hastigheten på ballen må vi fordoble lengden på animasjonen. Flytt nøkkelbilde i nr. 13 til bilde nr. 26, og flytt nøkkelbilde nr. 9 til bilde nr. 18.

18. Så tester du animasjonen og lagrer flash dokumentet som Ballsprett.fla