Using this thoroughly explained, detailed flash lesson, I will explain to you how to create very attractive boats flash banner using some special flash tips and tricks. Using this lesson, you will also learn how to import any images into a flash library, how to animate it, apply flash filters on it, create motion tween and much much more! You can use this banner for some web site, presentation or animation. Let's start!

 

Step 1

 

First, download boats pictures 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 width of your document to 400 pixels and the height to 300 pixels. Select any color as background color. Set your flash movie’s frame rate to 34 and click ok.

 


http://www.flashfridge.com/img/52123014_img1.gif

Step 3

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

Step 4

Choose File > Import > Import to Library. In the file explorer window that appears, find a four images and Shift-click to select them all. Then click open. If you now open your flash library (Ctrl+L key) you will see four images that you just imported. See the picture below!

http://www.flashfridge.com/img/1123015_img2.gif

Step 5

Using the Selection Tool (V) and drag and drop technique, move the first image from flash library on flash stage. After that, while the image 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.

http://www.flashfridge.com/img/41123013_img2.gif

Step 6

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

http://www.flashfridge.com/img/16123015_img4.gif

Step 7

Click now on frame 10,60 and 70 and hit F6 key.

Step 8

While you're still on frame 70, select the Free Transform Tool (Q) and do like it is shown on the picture below!

http://www.flashfridge.com/img/25123015_img5.gif

Step 9

After that, while you're still on frame 70, select the Selection Tool (V) and click once on the image. Then, go to the Properties Panel (Ctrl+F3) below the stage. After that, select Filters tab from the left side. Click on the plus icon and select the Blur filter. Make the adjustments as follows:

http://www.flashfridge.com/img/43123015_img6.gif

Step 10

Click now on the Properties Button. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

http://www.flashfridge.com/img/0123016_img7.gif

Step 11

Go back on the first frame and repeat the previous three steps!

Step 12

Select again the first frame and go again to the Properties Panel (Ctrl+F3) below the stage. Make the adjustments as follows:

http://www.flashfridge.com/img/23123016_img8.gif

Step 13

Select now frame 60 and repeat the previouse step.

Step 14

Create a new layer above the layer image 1 and name it image 2.

Step 15

Click on frame 65 of layer image 2 and hit F6 key. While you're still on frame 65, move the second image from the library on the flash stage.

Step 16

While the second image is still selected, repeat steps 5 and 6.

Step 17

Click now on frame 75,125 and 135 and hit F6 key.

Step 18

While you're still on frame 135, repeat steps 8,9 and 10. Do this also for frame 65!

Step 19

Select now frame 65 again and repeat step 12. Do this also for frame 125.

We're done!

Test your movie and enjoy!