Harmonic image animation without action script

8.9.2009, 16:42
Submited in: Flash | Total Views: 10626

In this thoroughly explained, detailed flash lesson, I will explain to you how to create harmonic image animation using some special flash tips and tricks. You don't have to use action script code to make this lesson. You can use this animation for some flash banner, presentation or for some other flash components. Using this lesson, you will also learn how to import any image into a flash stage, how to use Free Transform Tool (Q), how to create shape tween, break apart any image and much much more!


Step 1

First, save the image below that we will use for this lesson.

Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 440 pixels and the height to 330 pixels. Select any color as background color. Set your Flash movie's frame rate to 42 and click ok.

Step 3

Call the current layer image. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

Choose File > Import > Import to stage (Ctrl+R) and import the image that you just saved in step 1 into a flash stage. While the image is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.

Step 5

While the image is still selected, hit Ctrl+B key on the keyboard (Break Apart), to break apart it!

Step 6

Select now frame 40,100 and 140 and hit F6 key.

Step 7

Go back now on frame 40, select the Free Transform Tool (Q) and do like it is shown on the picture below!

Step 8

Repeat the previous step also for frame 100.

Step 9

Right-click anywhere on the gray area between frame 1 and 40 and frame 100 and 140 on the timeline and choose Create Shape Tween from the menu that appears. See the picture below.

We're done!

Test your movie and enjoy!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category

Most popular tutorials