Flash Tutorial – Avatar photo effect

Read this thoroughly explained, detailed flash lesson and see how to create Avatar photo effect using some special flash tips and tricks. You don’t have to use action script code to make this effect. 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 apply flash filters on it and much much more. You can use this photo effect for some web banner or for some presentation. Let’s start!

Example:

Step 1

First, save the avatar 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 400 pixels and the height to 250 pixels. Select white color as background color. Set your Flash movie’s frame rate to 30 and click ok.

Step 3

Call the current layer avatar. 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 (Shortcut key: Ctrl+R) and import a photo that you just saved in step 1 into a flash stage.

Step 5

Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import a photo that you just saved in step 1 into a flash 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

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

Step 8

Click on frame 70 and hit F6 key.

Step 9

Go back on the first frame. take 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 from the left side. Click on the plus icon and select the Blur filter. Make the adjustments as follows:

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

Step 10

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

Step 11

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

We’re done!

Please Enjoy!

Source: flashvault.net

you may also like:

• Creating Flash Menu
  Though website design is a prerogative of professionals, still there is a lot that anyone could do only if he knew how to. Making a menu for a flash website is one of these things. To make one you nee...
• Flash Tutorial – Create an Advanced Image Gallery
  In this tutorial we will learn how to make an Flash Image Gallery using Action Script 2.0 with Smooth Transitions and Description for your images. This will be an Advanced Flash Gallery, but very easy...
• Flash Tutorial – Beautiful Advanced Preloader with Reflection
  In this tutorial we will create an advanced blue preloader with beautiful reflection effect and a big easing text. This requires a little knowledge about animations and action scripting. Step 1 ...
• Flash Tutorial – Learn How to Create Horizontal Image Transition Effect
  In this tutorial, you will learn how to create a horizontal blind image transition effect effect which will slowly reveal your picture from top to bottom in horizontal stripes. Each strip will also ha...
• Flash Tutorial – Create an Apple Inspired Flash Preloader
  Step 1: Brief Overview We’re going to create a preloader MovieClip using Flash tools such as the Rectangle Primitive Tool and something very important to get the correct alignment: the Snap To Object...

One Response to “Flash Tutorial – Avatar photo effect”

1. Shutterstock says:

   April 26, 2010 at 17:10

   thank you for article. your information would be quite useful for me