Jump Text Banner

n this quick but effective tutorial, you will learn how to create jump text banner. You can use this banner for any web site. To create this banner, You have to use adobe after effects and flash. Let's start!

Step 1

Create a new after effects composition. Set the Width of Your composition to 400 and Height to 300 px. For Preset set Custom, for Pixel Aspect Ratio set Square Pixels and set the Frame Rate to 30 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 >  Miscellaneous  > Sequential Jump. See the picture below!



Step 5

Using the Selection Tool (V) and drag and drop technique, move the Sequential Jump 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 400 and Height to 300 px. Set any color as background color and set the Frame Rate to 30 fps.

Step 10

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



Step 11

Call the current layer jump 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 75 (last keyframe of animation) and hit F5 key.

That's it!

Test Your banner and enjoy!

Downlaod source file (.fla)