Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Summary:

Bounce and Jump in Flash

    ●   Introduction to Movie Clips and Frame by Frame Animation.


Learn About:

Movie Clips Keyframes Free Transform Tool

• This tutorial is part of the Aesop's Fables Project.

Other People's Work:

Here are examples of work inspired by this tutorial.

Step #1: Open Your Project in Flash ~

Open YOUR PROJECT in Flash

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

 

Step #2: Find an Image you can make Jump ~

Find an object you can animate (probably one of your main characters), and click the layer (which selects everything on that layer) …


… OR, if your character is spread across multiple layers,
select them by Shift (⌘) + Clicking each one:


You know the object is selected when you see the little dots:


Step #3: Movie Clip ~

With the object fully selected hit f8(or Right-Click and select: ) and make a Movie Clip.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


You may already have made your image into a movie clip - if so, skip to the next step:



Step #4: Open the Movie Clip ~

Double-Click on the text with the Selection Tool.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 


Now you are working INSIDE the Movie Clip.
movie within a movie

Remember: A Movie Clip is a movie WITHIN a movie.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #5: Go out about 15 Frames ~

Go out about 15 frames, and Right-Click on Frame 15 approximately a "Insert Keyframe" …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… or you can just hit F6

Step #6: Drag the Image ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… and move the image up a little.


Step #7: Copy Frame 1 ~

Go back to Frame 1, Right-Click and select "Copy Frames"…

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… go out to approximately Frame 20, Right-Click and hit "Paste Frames."

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Paste Frame~

Now go out to approximately Frame 25, and hit F6 to insert another keyframe …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and adjust the image AGAIN!

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #9: Rotate the Image ~

Get the Free Transform Tool or hit the keyboard shortcut letter (Q) …

… and rotate the image slightly.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #10: Export your Work ~

Go to: File > Export > Export Movie or hit Cmd () + Enter cmd enter keys and see if it works!


Last Step: Save and Attach your work ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.


  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.