Sunshine flash animation

20.12.2007, 1:0
Submited in: Flash | Total Views: 72217

Using this tutorial, you will see how to create on a very simple way with no action script code cool and practical sunshine flash animation in flash.

Step 1

First of all, download my picture that we will use for this animation.

Step 2

Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 350 pixels and the height to 231 pixels. Select white color as background color.Set your Flash movie's frame rate to 36 and click ok. See the picture below.

Step 3

Choose File > Import > Import to Stage (Ctrl+R) and import my picture into a flash.

Step 4

While the picture is still selected, go to the Align Panel (Ctrl+K) and set the following options:

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.

Now we have aligned a picture with the background.

Step 5

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

Step 6

Click on frame 3,6,9,12 and 14 and press F6 key.

Step 7

Go back on the first frame, take the Selection Tool (V) and click once on the picture to select it. After that, go again 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 follows:

Repeat this process also for frame 6.

Step 8

Select frame 9, take the Free Transform Tool (Q), select the picture and rotate it a little on the right side. See the picture below.

Step 9

Do this also for frame 12. After that, while you're still on frame 12, and while you're rotate a picture again, select it again with Selection Tool (V) Then, repeat step 7.

Step 10

Select frame 14, take again the Free Transform Tool (Q) and rotate the picture again, but for this time, on the left side. See the picture below.

Step 11

Take again the Selection Tool (V) and select layer 1. After that, go to the Properties Panel (Ctrl+F3) again. On the left side, you will see Tween drop down menu. Select Motion on it.See the picture below.

Test your animation, we' re done! Have a nice day!

Download example

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

Browse by category

Most popular tutorials