Animations in Adobe Flash

Create Simple Animations in Adobe Flash

The following tutorials will show you how to create some simple animations in Adobe Flash using a variety of techniques. These tutorials are basic and are a great introduction to animating in Flash. They are a good starting block for students or teachers.

The tutorial cards were sourced from the Flash Classroom. 

TUTORIAL 1: Traditional Animation

Open JumpStart Card #1

This tutorial shows you how to use Adobe Flash to create a simple animation using the traditional method of sequencing frames.

Here is a sample animation created using this technique.

Here is a video tutorial to help you along.

This video helps you to publishing and exporting the videos in different formats.

TUTORIAL 2: Animate Objects Using Motion Tween

Open JumpStart Card #2

This tutorial will show you how to create a basic motion tween to animate an object (e.g. fish) across the stage.

Here is a sample animation created using this technique.

Here is a video tutorial to help you complete this activity.

TUTORIAL 3: Morphing Objects with Shape Tweens

Open JumpStart Card #3

This tutorial will show you how to morph objects from one shape into another by using a shape tween. It will also show you how you can morph shapes into text.

Here are some sample animations created using this technique.

TUTORIAL 4: Using the Bone Tool

Open JumpStart Card # 4

This tutorial will show you how to create a character and make it move using the bone tool.

Note, the bone tool is not available in the Creative Cloud version of Adobe Flash. I used Adobe Flash CS5 which has this tool.

Here is a sample animation created using this technique.

TUTORIAL 5: Make a Simple Drag and Drop Game

Open JumpStart Card #5

This tutorial will show you how to create a simple drag and drop game. NOTE: There is an error in the script.

You will need to correct the following line:

• event.target.startDrag(true);

You will need to remove the "true" from the brackets so that the script reads:

• event.target.startDrag();

Here is a sample of a drag and drop game created using this tutorial. Try it - click and drag a face part to a suitable location on the face and then let go.

Here is a tutorial for an even more challenging game.

• Make a drag and drop game with targets

TUTORIAL 6: Custom Buttons

Open JumpStart Card #6

This tutorial will show you how to create a custom interactive button.

Here is a sample interactive button created using this method.