Photo text effect

Date: 26.8.2009, 18:13    Total views: 37115

Read this thoroughly explained, detailed flash lesson and see how to create photo text effect using some special flash tips and tricks and mask. You can use this effect for some flash text banner, for some presentation or animation. Using this lesson, you will also learn how to import any photo into a flash stage, convert any text into a Movie Clip Symbol, how to convert any layer into a mask and much more!


Step 1

First, find any photo which you like to use for this lesson.

Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as the dimensions of photo. Select any color as background color. Set your Flash movie's frame rate to 33 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 any photo into a flash stage.

Step 5

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 6

Click now on frame 100 of layer photo and click F5 key.

Step 7

Create a new layer above the layer photo and name it mask text.

Step 8

Select mask text layer, take the Text Tool (T), select a big, bold font (I chose Arial Black). Put the fontís size at something like 300. Then, write some text on the flash stage and place it on the position like it is shown on the picture below!

Step 9

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

Step 10

Click now on frame 55 and 100 and hit F6 key. Go back now on frame 55 and place the text on the position like it is shown on the picture below!

Step 11

Right-click anywhere on the gray area between frame 1 and 55 and frame 55 and 100 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.

Step 12

Select now mask text layer and convert it to a mask by right-clicking on the mask text layer and selecting Mask. See the picture below.

We're done now!

Test your Movie (Ctrl+Enter) and enjoy!

Download source file (.fla)

  Digg it! Add this tutorial to! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!