Bollande gubbe
Enkel animation i Flash
Grundprincipen för att animera i Flash är att
1. Varje del som ska röra sig måste konverteras till Symbol; Grafik
2. Varje del som ska röra sig måste också vara ensamt i ett eget lager.
3. Man gör nyckelbildrutor där objekten kan ändras
En nyckelbildruta är en bildruta med en svart punkt i (bildruta 1 på bilden nedan)
Allt som bara är grått är bildrutor (bildruta 2-4 på bilden nedan).
En bildruta med en vit ring i är en tom nyckelbildruta, dvs utan innehåll (bildruta 5 på bilden
nedan). Så fort man ritar något på scenen blir det en svart punkt i den.
Vi ska göra en gubbe som kastar en boll
Rita en gubbe på scenen. Rita inte armarna än.
Skapa ett nytt lager genom att klicka på ikonen
som ser ut som ett papper
Den finns här:
Nu har du fått ett till lager:
© Susanne Elfström 2009
sid 1 av 5
Se till att lagret är markerat (som ovan).
Rita en arm på gubben
Namnge också lagren genom att dubbelklicka på
”Lager 1” och ”lager 2”.
Lager 1 ska heta ”gubbe” och lager 2 ska heta
”arm”.
Nu ska armen kasta en boll
Gör ett nytt lager som du kallar ”boll”
Rita en boll i ”handen” på gubben
För att armen och bollen ska kunna animeras måste de konverteras till symboler.
Markera armen genom att klicka i den nyckelbildruta där armen ligger:
Välj Ändra/Konvertera till symbol uppe i menyn:
Välj Grafik, klicka OK.
Gör likadant med bollen: Klicka i den nyckelbildruta där bollen ligger. Ändra/Konvertera till
Symbol. Välj Grafik.
© Susanne Elfström 2009
sid 2 av 5
För att det ska kunna hända något ska vi välja Rörelseinterpolering.
Markera nyckelbildrutan där armen ligger igen (Se till att du är i lagret ”arm”).
Gå ned till fönstret nedanför scenen och välj Interpolering: Rörelse.
Gör likadant med bollen: Markera nyckelbildrutan där bollen finns (se till att du är i lagret ”boll”).
Välj Interpolering: Rörelse.
Nästa steg är att förlänga så att figurerna finns med under längre tid på tidslinjen.
Klicka i bildruta 10 i lagret ”gubbe”. Håll ned ctrl-tangenten samtidigt som du klickar så kommer
undermenyn fram. Välj ”Infoga nyckelbildruta”
Gör likadant, infoga nyckelbildruta i bildruta 10, i de andra lagren. När du är klar ska det se ut som
nedan:
Pilarna talar om att vi har en rörelseinterpolering i de lagren.
Men än så länge händer ingenting. Vi måste göra något med armen och bollen i den sista
nyckelbildrutan.
© Susanne Elfström 2009
sid 3 av 5
Klicka i den sista nyckelbildrutan i lager ”arm”
Välj verktyget ”Omforma fritt”
Klicka på armen med verktyget. När du har muspekaren vid hörnet (så cirkeln kommer fram) kan
du rotera armen,. Du kanske får flytta lite på armen så den fortfarande ”sitter fast” i axeln.
För att bollen ska fökja med armen måste du gå till lagret ”boll” och markera sista nyckelbildrutan.
Flytta bollen så den ligger i gubbens ”hand”.
Gå till Kontroll/Testa filmen i den övre menyn så ser du hur det blev.
Nu är det din utmaning att få bollen att flyga iväg, medan gubben sänker sin arm!
© Susanne Elfström 2009
sid 4 av 5
”FACIT” Bollande gubbe Enkel animation i Flash
Så här gjorde jag:
I nyckelbildruta 16 i lagret ”arm” har jag placerat armen tillbaka ned i startläget.
I nyckelbildruta 10 i lagret ”boll” har jag placerat bollen längre upp och åt höger mot kanten av
scenen. I nyckelbildruta 25 har jag placerat bollen i gubbens hand igen.
Eftersom Flash spelar filmen om och om igen, ser det nu ut som om gubben står och studsar bollen
mot väggen.
© Susanne Elfström 2009
sid 5 av 5