You are here

Flash Circuit Text Animation Tutorial

Today, I’m going to show you how to create circuit text animation using some special adobe after effects tips and tricks and flash. You don't have to use action script code to make this lesson. This animation can be used for any text presentation or for some web banner. 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 42 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 > Circuit Board. See the picture below!

Step 5

Using the Selection Tool (V) and drag and drop technique, move the Circuit Board 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

Double click on the text and change it name and size as you like.

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

Step 11

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

Step 12

Call the current layer circuit text.

Step 13

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

Step 14

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 animation and enjoy!

 

Source :- tutorialized.com

Forums: