Little sunshine animation

23.8.2007, 20:52
Submited in: Flash | Total Views: 49266

See how to create little sunshine animation in flash using a special picture, flash 8 filters and some special flash tricks. You don't have to use Action Script code to make this lesson. Let's go!

Step 1

First of all, downalod my picture to make this lesson.

Step 2

Create a new flash document. Choose File > Import > Import to Stage (Shortcut key:Ctrl+R). Then, Import my picture on flash stage.

Step 3

Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 450 pixels and the height to 381 pixels. Select any color as background color and set your Flash movie's frame rate to 36 fps. Then, click ok.

Step 4

Select the image and 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 you have aligned the picture with the background.

Step 5

Double click on layer 1 to rename its name in picture. After that, click on frame 30 and press F5 key.

Step 6

Create a new layer and name it sunshine effect.

Step 7

Lock layer picture, select layer sunshine effect and take the Oval Tool (O). On the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose #FBF8E9 color and draw a "circle" over the sun on the picture about 74x74px. See the picture below.

Step 8

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

Step 9

Click on frame 15 and after that on frame 30 of layer sunshine effect and press F6 key. See the picture below.

Step 10

Go back on frame 15, take the Selection Tool (V) and click once on the circle to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage and click on Filters tab. After that, click on the plus icon and select Adjust Color filter. Then, make the adjustements as follows:

1.Brightness: 84
2.Contrast : 37

After that, click on Blur filter and make the adjustments as follows:

Step 11

Go back on the first frame and take again the Selection Tool (V) and click again once on the circle to select it. After that go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Step 12

Choose right-click anywhere on the gray area between the frame 1 and 15 and frame 15 and 30 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.

We're done!


Download example

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

Browse by category

Most popular tutorials