Zoom in Zoom out Frog Text Effect

26.5.2010, 14:10
Submited in: Flash | Total Views: 14611

Today, Iím going to show you how to create Zoom in Zoom out frog text effect. This effect can be used for some text banner or for some presentation. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to zoom in any text using the Free Transform Tool (Q) in flash, how to create motion tween and much much more.


Step 1

Create a new after effects composition. Set the Width of Your composition to 300 and Height to 200 px. For Preset set Custom, for Pixel Aspect Ratio set Square Pixels and set the Frame Rate to 40 fps.

Step 2

Select the Horizontal Type Tool (Ctrl+T) and type any text on the Stage.

Step 3

Choose Window > Effects&Presets (Ctrl+5).

Step 4

In the Effects&Presets Panel choose Animation Presets > Text >  Organic > Leapfrog. See the picture below!

Step 5

Using the Selection Tool (V) and drag and drop technique, move the Leapfrog effect from Effects&Presets panel on the text on the stage.

Step 6

Go now to the Timeline and reduce the length of the film to the length of the animation.

Step 7

After that, choose Composition > Trim Comp To Work Area.

Step 8

Choose now File > Export > Adobe Flash (Swf).

Step 9

Create a new flash document. Set the Width of Your document to 300 and Height to 200 px. Set any color as background color and set the Frame Rate to 40 fps.

Step 10

Create a new Movie Clip (Ctrl+F8) and name it FrogText_mc.

Step 11

Call the current layer frog text.

Step 12

Choose now File > Import > Import to Stage (Ctrl+R) and Import a swf file that we just made in After Effects.

Step 13

Go back on the main stage (Scene 1). After that, drag the Text Movie Clip from the Flash Library on the Flash Stage using the Selection Tool (V) and drag and drop technique.

Step 14

Click now on frame 110 (last keyframe of animation) and hit F6 key.

Step 15

While you're still on frame 110, select the Free Transform Tool (Q) and enlarge text like it is shown on the picture below!

Step 16

Select the Selection Tool (V) and click once on the text that you just enlarged. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Go back on frame 40 and hit F6 key.

Step 17

Select now the first frame and repeat steps 15 and 16.

Step 18

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

We're done!

Please Enjoy!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category

Most popular tutorials