Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Summer Text Banner

23.6.2010, 22:59    Total views: 25289

Today, Iím going to show you how to create cool and very practical summer text banner using the adobe after effects and flash. To create this banner, you don't have to use action script code. This banner can be usde for any web site or for some presentation. Let's start!

Example:



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 35 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 >  Paths > Tchotchke. See the picture below!



Step 5

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

Step 6

Double click on the text and change its name, site and color.

Step 7

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

Step 8

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

Step 9

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

Step 10

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 11

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



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.

We're done!

Test your banner and enjoy!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310287

2. High-tech city animation
Total views: 272904

3. Water effect
Total views: 237059

4. Photo slide show
Total views: 220388

5. Special Picture Effect
Total views: 190723



Related links