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

Get Adobe Flash player


Summary:

Butterfly Following a Motion Guide in Flash

    ●   This is one of 3 tutorials which end with the butterfly flapping it's wings, flying around in a circle or any path you choose.


Learn About:

Brush Tool Smoothing Color Gradients Free Transform Tool

  •   This tutorial is part of the Aesop's Fables and Drag and Drop Projects.


1 - Butterfly    2 - Flapping Wings    3 - Fly Along a Path

Other People's Work:

Here are examples of work inspired by this tutorial.

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player

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

Get Adobe Flash player


Step #1: Open your Project in Flash ~

Open the Butterfly you created from this tutorial


Select your butterfly movie clip …

…and hit the keyboard shortcut: F8

… or go to: Insert > New Symbol

… or Right-Click and select:

 

… either way, set the Registration point: top-center


Step #2: Double-Click to Open the New Movie Clip ~

Double-Click on your movie clip to open it …

Now Should Now Be Working INSIDE the Movie Clip.
movie within a movie

 

Right-Click on your movie clip and select Create Motion Tween.


Step #3: Motion Tween ~

Grab the end of the Motion Tween and give yourself about 80 or 90 frames worth of time …

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

Get Adobe Flash player

Now you can move the Movie Clip across the screen - it doesn't matter where right now, you can adjust the position later.

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

Get Adobe Flash player


Now you have a simple Motion Tween.

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

Get Adobe Flash player


Step #4: Adjust the Path ~

Now, get the Selection Tool and you can bend the path.

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

Get Adobe Flash player


Step #5: Subselection Tool ~

Using the Subselection Tool

subselection tool

… and grab the Bezier curves to adjust the anchor points.

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

Get Adobe Flash player


Step #6: Minor adjustments ~

Switch back to the Selection Tool selection tool and zoom in on the path to make precise adjustments …

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

Get Adobe Flash player


Step #7: Orient to Path ~

Click somewhere on the Motion Tween

click motion tween

In the Properties panel, select "Orient to Path"

orient to path


Last Step: Save and Attach ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

Attach it!

  •   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.


Attach both your .fla and .swf files.


Other Resources: