Flash tutorial - Shape tween

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

Shape tweening har som navnet antyder noget med former at gøre. Med shape tweening er det muligt f.eks. at transformere en firkant ind til en cirkel, eller bare alt hvad man ønsker at skifte form på. Shape tweening virker dog kun på objekter at typen shape.

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. Vælg Rectangle Tool(R) og lav en firkant på din stage
   
   
3. Klik så på frame 24 i din Timeline og tryk på F7 eller højreklik og vælg Insert Blank Keyframe.
   
   
4. Vælg så Oval Tool(O) og tegn en cirkel i ca samme størrelse som firkanten.
   
   Du har nu firkanten som du starter med i frame 1 og cirklen som du slutter med i frame 24.
   
   Klik så på frame 1 igen og tryk Enter, som du kan se sker der ikke nogen før i sidste frame hvor cirklen ligger, vi skal derfor have lavet vores tween.
   
   
5. På din Timeline klikker du et sted mellem frame 1 og 24 og nede i Properties sætter du Tween til Shape.
   
   Din Timeline bliver nu grøn hvilket betyder og du har lavet en Shape Tweening, og der kommer en lang pil som fortæller at din tweening virker.
   
   
   
   
6. Gem så dokumentet, og tryk bagefter på Ctrl+Enter for at lave en SWF fil med animationen.
   
   

Shape tweening med tekst.

Som nævnt tidligere virker shape tweening kun med objekter af typen shape, her under vil jeg vise hvordan man kan lave en shape tweening med tekst.

1. Følg de første fire trin som vist ovenover, men i stedet for at lave en firkant og en cirkel, Så vælg text Tool(T) og lav et 1-tal og et 2-tal
   
   
2. Klik på frame 1 og vælg Selection Tool(V) og klik på 1-tallet.
   
   Som du kan se i Properties er dette en tekst og ikke en shape, men det kan vi gøre noget ved.
   
   
3. Højre klik på 1-tallet og vælg Break Apart. Som du kan se i Properties er det nu bliver til en shape. Gør det samme ved 2-tallet og lav din shape tweening færdig.
   
   
4. For at lade animationen køre lidt længere inden den starter forfra klikker du i frame 36 og trykker F6 eller højre klikker og vælger Insert Keyframe.
   Animationen kører nu 12 frames længere og som du kunne se blev indholdet fra sidste keyframe kopieret til den nye keyframe.
   
   
   
   Så er vi færdige

Tilbage

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