Toxiclab.org

Funny flash animation

3.12.2009, 20:50
Submited in: Flash | Total Views: 18843

Read this thoroughly explained, detailed flash lesson and see how to create funny flash animation using some special flash tricks. You can use this animation as flash banner, for some presentation or for some web site. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to import any photos into a flash library, how to convert any photo into a movie clip symbol, how to animate it, apply flash filters on it and much much more.

Example:



Step 1

First of all, download funny photos which we will use for this flash animation.



Step 2


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

Step 3

Call the current layer photo 1. 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 Library. In the file explorer window that appears, find three photos (1,2..) and Shift-click to select them all. Then click open. If you now open your flash library (Ctrl+L key) you will see three photos that you just imported. See the picture below!



Step 5

Select the Selection Tool (V) and using the drag and drop technique move the first photo from the flash library on the flash stage.

Step 6

While the photo 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 7

While the photo is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



Step 8

Click now on frame 20,60 and 80 and hit F6 key.

Step 9

While you're still on frame 80, select the Selection Tool (V) and click once on the photo to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the left side select the Filters tab. Then, click on the plus icon and select the Adjust Color filter. Make the adjustments as follows:



Step 10

Right-click anywhere on the gray area between frame 60 and 80 on the timeline and choose Create Motion Tween from the menu that appears.



Step 11

Click now on frame 66 and hit F6 key. While you're still on frame 66, hit again F6 key four times.

Step 12

Go back now on frame 66 and move photo a little up using the Selection Tool (V) or by arrows key on the keyboard.

Step 13

Select now frame 67 and move photo a little down. After that, select frame 68 and 69 and move photo a little right and left.

Step 14

Go back on the first frame and repeat step 9.

Step 15

Right-click anywhere on the gray area between frame 1 and 20 on the timeline and choose Create Motion Tween from the menu that appears.

Step 16

Select now frame 7 and hit F6 key. After that, while you're still on frame 7, hit F6 key again four times.

Step 17

Repeat now steps 11,12 and 13.

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