Toxiclab.org

Background moving

17.4.2008, 2:2
Submited in: Flash | Total Views: 59944

This tutorial will show you how to create simple and very attractive background animation with no action script code. You can use this animation as some flash header, banner. This tuts is so easy for create so let's go.



Step 1

Firs of all, find any picture on internet or somewhere which you like to use for this tutorial. You can also if you like saved my picture.





Step 2


Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width and the height of your document as the dimension of picture ( In my example 300x200px). Select any color as background color.Set your Flash movie's frame rate to 29 and click ok. See the picture below.



Step 3

After that, choose File > Import > Import to Stage (Ctrl+R) and Import any picture into a flash stage. 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.



Step 4

After that, duplicate that picture once time and place it on the position like it is shown on the picture below.





Step 5

Double click on layer 1 to rename its name into a pictures. After that, click on frame 100 and 200 and press F6 key.

Step 6

Go back on frame 100 and move the pictures on the postion like it is shown on the picture below.



Step 7

Right-click anywhere on the gray area between frame 1 and 100 and frame 100 and 200 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 8

Create a new layer above the layer pictures and name it object. After that, find any object without background or just save my... :)



Step 9

Go back again in flash, select the object layer, press Ctrl+R key (Import to Stage) and import this object into a flash.

Step 10

After that, just place it on the position like it is shown on the picture below and 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