Toxiclab.org

Advanced photo effect

14.8.2009, 13:8
Submited in: Flash | Total Views: 10718

In this thoroughly explained, detailed flash lesson, I will show you how to create advanced photo effect using some special flash tips and tricks. You don't have to use action script code to make this lesson. This effect you can use as some flash banner, photo presentation, or for some animation. Using this lesson, you will also learn how to import any photo into a flash stage, how to convert it into a Movie Clip Symbol, how to animate it, apply flash filters on it and much more. Let's start!

Example:



Step 1

First, save the photo below 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 450 pixels and the height to 338 pixels. Select any color as background color. Set your Flash movie's frame rate to 38 and click ok.

Step 3

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

Step 4

Choose now File > Import > Import to stage (Ctrl+R) and import the photo that you just saved in step 1 into a flash stage. 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 5

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



Step 6

Click now on frame 80,90 and 120 and hit F6 key.

Step 7

Go back now on the first frame, select the Selection Tool (V) and click once on the photo to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage! Then, select Filters tab from the left side. Click after that on the plus icon and select the Blur filter. Make the adjustments as follows:



Click after that on the plus icon again and select the Adjust Color filter. Make the adjustments as follows:



Step 8

Select now frame 80 and go again to the Filters panel below the stage. Then, choose again Blur and make the adjustments as follows:



After that, select Adjust Color filter and make the adjustments as follows:



Step 9

Select now frame 80, take the Free Transform Tool (Q) and enlarge photo like it is shown on the picture below!



Step 10

Select the Selection Tool (V) and click once on the photo that you just enlarged, to select it. After that, select Adjust Color filter and make the adjustments as follows:



Step 11

Go back now on frame 80 and hit F6 key ten times. See the picture below!



Step 12

Right-click anywhere on the gray area between frame 1 and 80 and frame 90 and 120 on the timeline and choose Create Shape Tween from the menu that appears.

That's it!

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