Toxiclab.org

Sharpen animation in flash

6.4.2009, 10:41
Submited in: Flash | Total Views: 13144

In this thoroughly explained, detailed flash lesson, I will show you how to create sharpen image animation which can be used for some flash banner, header or some image presentation. To create this lesson, you have to use PhotoShop filters and some special flash tips and tricks. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to import any photo into a flash stage, how to animate it, convert it into a Movie Clip Symbol and much much more! Let's start!

Example:



Step 1

First, save the image below!





Step 2


Create a new Photoshop document. Choose File > Open (Shortcut key: Ctrl+O) and open the image that you just saved in step 1!

Step 3

Choose now Filter > Sharpen > Smart Sharpen. In the Smart Sharpen Properties window choose the following options and click ok.





Step 4

Choose now in Photoshop File > Save > Save as (Shift+Ctrl+S) and save this image as SharpenImage. See the picture below!



Now, you have two images. sharpen and original.

Step 5

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



Step 6

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

Step 7

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



Step 8

Select the Selection Tool (V) and using the drag and drop technique, move the original image from the Library on the stage.

Step 9

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.



Step 10

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



Step 11

Click now on frame 15 and 30 and hit F6 key.

Step 12

Go back now on the first frame, select the Selection Tool (V) and click once on the image 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 again the Adjust Color filter. Make the adjustments as follows:



Step 13

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

Step 14

Create a new layer above the layer image and name it Sharpen image.

Step 15

Click now on frame 25 and press F6 key. While you're still on frame 25 of layer Sharpen image, move the Sharpen image from the library on the stage.

Step 16

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



Step 17

Click now on frame 40 and 60 and press F6 key. Go back now on frame 25 and repeat step 12.

Step 18

Right-click anywhere on the gray area between frame 25 and 40 on the timeline and choose Create Motion Tween from the menu that appears.



We're done now!

Test your Movie (Ctrl+Enter) and enjoy!

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