Toxiclab.org

Christmas Gift Animation

10.11.2009, 20:43
Submited in: Flash | Total Views: 10548

Read this thoroughly explained, detailed flash lesson and see how to create Christmas gift 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 web banner or for some simple presentation. Using this lesson, you will also learn how to import any photo into a flash stage, how to apply flash filters on it, how to create Motion Tween and much more. Let's start!

Example:



Step 1

First, save the photo 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 dimensions of your document as the dimensions of photo (300x362px). Select any color as background color. Set your Flash movie's frame rate to 34 and click ok.



Step 3

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

Step 4

Choose now File > Import > Import to stage (Ctrl+R) and import a photo that you just saved into a flash stage. 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 5

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



Step 6

Click now on frame 10 and 20 and hit F6 key.

Step 7

While you're still on frame 20, select the Free Transfrom Tool (Q) and enlarge a photo like it is shown on the picture below.



Step 8

After that, 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 right, you will see the Color menu. Select Advanced in it, click on Settings button and make the adjustments as follow:



Step 9

Go back on the first frame, select again the Free Transform Tool (Q) and decrease a photo like it is shown on the picture below.



Step 10

Repeat step 8.

Step 11

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



That's it!

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