Flash tutorial - Motion tween

Der er to former for tweening i Flash, shape og motion, her vil jeg beskrive hvilke egenskaber motion tweeningen har, og hvordan man laver en sådan tweening.

Med Motion tweening er det muligt at få objekter til bevæge sig. Motion tweening virker dog kun på symboler, dvs. Movie Clip, Buttons og Graphic, samt tekst.

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. I dit Library i højre side klikker du på New Symbol. Hvis du ikke har dit Library så tryk Ctrl+L.
   
   Giv dit nye symbol navnet "bold" og vælg Graphic og klik OK.
   
   
3. Som du kan se blev arbejdsområdet helt hvidt. Det er fordi vi ikke længere er på vores scene men inde i vores symbol.
   
   Du kan altid se i Timeline hvor henne du befinder dig.
   
   
   
   
4. Vælg Oval Tool(O) og tegn en cirkel, og klik derefter på Scene 1 oppe i Timeline.
   
   
5. Vi er nu tilbage på scene 1 og som du kan se er den stadig tom. Tilgengæld har vi nu vores symbol liggende i Library som vi kan trække ind på vores stage i så mange eksemplarer som vi ønsker.
   
   Tip: Lige gyldigt hvor mange eksemplarer af et symbol fra Library man trækker ind på sin stage bliver filstørrelsen ikke størrere. Dette er en vigtig ting som er med til at holde filstørrelsen nede.
   
   
6. Træk så et eksemplar af vores symbol ind nederst på vores stage, og vælg Free Transform Tool(Q). Hold så Shift nede og træk i et af hjørnerne og find en passende størrelse, mens propertionerne bliver holdt.
   
   
7. Klik så i frame 24 og tryk F6 eller højre klik og vælg Insert Keyframe.
   
   
8. klik så i frame 12 og indsæt igen en Keyframe, og flyt derefter bolden op i toppen af scnene.
   
   
9. Nu mangler vi bare at lave vores tweens. Klik et sted i Timeline mellem frame 1 og 12 og sæt nede i Properties Tween til Motion. Lav så også en Motion tween mellem frame 12 og 24. Dette kan også gøres ved at højre klikke mellem de to frames og vælge Ctreate Motion Tween.
   
   
   
   Gem så dokumentet, og tryk bagefter på Ctrl+Enter for at lave en SWF fil med animationen.
   
   
   

Ved at lave lidt ændringer og pytte lidt effekter på kan vi få vores bold til at se mere realistisk ud når den hopper.

1. Følg trinene som vist ovenover, men i frame 1 og 24 flytter du bolden lidt længere ned så ca en fjerdedel af bolden ligger under din stage.
   
   
2. Lav så en Keyframe i frame 2 og 23.
   
   
   
   
3. Vælg så frame 1 og vælg Free Transform Tool(Q). Hold Alt nede og træk så den nederste sorte firkant i midten op så den flugter med din stage. Gør det samme i frame 24.
   
   
4. Så mangler vi kun en ting. Klik mellem frame 2 og 12 i Timeline og sæt Ease til 100 nede i Properties. Mellem frame 12 og 23 sætter du Ease til -100, dette gør at bolden accelererer gennem vores tweens.
   
   
   
   Gem så dokumentet, og tryk bagefter på Ctrl+Enter for at lave en SWF fil med animationen.
   
   Så er vi færdige
   
   

Tilbage

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber