Simple Valentine animation with sound

Date: 12.2.2008, 23:47    Total views: 38699

Valentine's day comming soon and it's time for a little valentine animation. You will learn how to design valentine animation and after that how to animate it. To make this lesson, you don't have to use action script code. You will also learn how to Import some picture into a flash, how to convert it into a Movie Clip Symbol, how to use Free Transform Tool (Q) and much more...



Step 1

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





Step 2


Save the picture below. That picture we will use for this animation.


Step 3

Choose File > Import > Import to Stage (Shortcut key: Ctrl+R) and Import my picture into a flash stage.

Step 4

While the picture 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.



After that, while the picture is still selected, press F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 5

Click on frame 4,7,9 and 11 and press F6 key.

Step 6

Go back on frame 4, take the Free Transform Tool (Q), press and hold down Shift key and enlarge the picture a little.



Step 7

Select frame 9, take again the Free Transform Tool (Q) press and hold down again Shift key and enlarge the picture a little more than you have done for the previous step.

Step 8

Double click on layer 1 to rename its name into a picture. After that, take the Selection Tool (V) and select picture layer. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the left, You will see Tween drop down menu. Choose Motion on it. See the picture below.



Step 9

Create a new layer above the layer 1 and name it text.

Step 10

Take the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Static Text field,
2. Select a BeyondControl as font and bold it.
3. Choose 22 as font size.
4. Select #820000 as color,
5. As the rendering option, select Use Anti-alias for readability.



Then, type " Happy Valentine's day" like it is shown on the picture below.



Step 11

Click on frame 25 of layer text and picture and press F5 key.

Step 12

It's time for sound, so first download my example of sound. After that, choose in flash File > Import > Import to Library (Ctrl+Shift+O) and import my sound into a flash.

Step 13

Then, create a new layer above the text and name it sound. Select it and move the sound file from the Library on the stage. See the picture below.



We're done!

Test your animation!

Enjoy!

Download source file

  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar