Toxiclab.org

Spiral Text Banner

20.4.2010, 14:40
Submited in: Flash | Total Views: 10871

Read this thoroughly explained flash lesson and see how to create spiral text banner using the adobe after effects and flash. You don't have to use action script code to make this lesson. You can use this banner for any web site or for some presentation. Using this lesson, you will also learn how to apply spiral effect on any text using the adobe after effects, how to import spiral effect into a flash stage and much more!

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 30 fps. 



Step 2


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



Step 3

Select the text and go to the Character Panel (Ctrl+6). Then, for text color choose #9B0004 and for text Font set Futura Bk BT. See the picture below!



Step 4

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

Step 5

In the Effects&Presets Panel choose Animation Presets > Text >  Animate In > Center Spiral. See the picture below!



Step 6

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

Step 7

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



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 Black color as background color and set the Frame Rate to 30 fps.

Step 10

Call the current layer spiral text.

Step 11

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

Step 12

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



Step 13

Click now on frame 19 (Last keyframe of animation) and hit F6 key.

We're done!

Test your animation and enjoy!

Download example

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

Browse by category


Most popular tutorials