Toxiclab.org

Blur photo banner with sound

17.4.2009, 15:17
Submited in: Flash | Total Views: 19273

Using this thoroughly explained, detailed flash lesson, you will see how to create trendy and advanced blur photo banner with sound. You don't have to use action script code to make this banner. This banner, you can use for any presentation or flash animation. Using this lesson, you will also learn how to import any photos into a flash library, how to move any photo from the flash library on the flash stage using the Selection Tool (V) and drag and drop technique, how to convert any photo into a flash stage, how to apply blur filter on it and much much more!

Example:



Step 1

First, download photos that we will use for this photo banner.



Step 2


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



Step 3

Call the current layer photo 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 five photos and Shift-click to select them all. Then click open. If you now open your flash library (Ctrl+L key) you will see five photos that you just imported.



Step 5

Select the Selection Tool (V) and using the drag and drop technique, move the first photo from the Library on the stage!

Step 6

While the photo 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 7

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



Step 8

Click now on frame 10,50 and 60 and hit F6 key on the keyboard.

Step 9

While you're still on frame 60, place photo on the position like it is shown on the picture below!



Step 10

After that, select the Selection Tool (V) and click once on the photo to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. After that, select FIlters tab on the left side, click on plus icon and choose Blur. Then, choose the following options:



Step 11

Go back now on the first frame, and place the photo on the position like it is shown on the picture below!



Then, repeat step 10.

Step 12

Right-click anywhere on the gray area between frame 1 and 10 and frame 50 and 60 on the timeline and choose Create Motion Tween from the menu that appears.



Step 13

It's time for sound, so create a new layer above the layer photo 1 and name it sound 1!

Step 14

Download now my example file (fla) at the end of tutorial and open it into a flash. After that, open my flash library (Ctrl+L), find my sound file, select it and press Ctrl+C key (Copy). After that, go back on the flash stage of lesson, select library and press Ctrl+V key (Paste). See the picture below!



Step 15

Select the first frame of layer sound 1 and move sound file from the flash library on the flash stage using the Selection Tool (V) and drag and drop technique.

Step 16

After that, select frame 50 of layer sound 1 and hit F6 key again. Then, move again sound file from the flash library on the flash stage. See the picture below!



Step 17

Create now a new layer above the layer sound 1 and name it photo 2.

Step 18

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

Step 19

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



Step 20

Click now on frame 70, 110 and 120 and press F6 key.

Step 21

While you're still on frame 120, repeat steps 9 and 10.

Step 22

Go back now on frame 60 and repeat steps 11 and 10.

Step 23

Right-click anywhere on the gray area between frame 60 and 70 and frame 110 and 120 on the timeline and choose Create Motion Tween from the menu that appears.

Step 24

Create a new layer above the layer photo 2 and name it sound 2. After that, click on frame 60 of layer sound 2 and hit F6 key. While you're still on frame 60, move the sound file from the Flash Library on the flash stage again.

Step 25

Click now on frame 110 and hit F6 key. While you're still on frame 110, repeat the previos step.

We're done now with the first two photos.

Repeat this process also for every other photos

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


Resources Worth visiting


Friends