Advanced Blur Foggy Text Presentation

Using this thoroughly explained, detailed flash lesson, I will explain to you how to create advanced blur foggy text presentation using the Adobe After Effects and some special flash tricks. You don't have to use action script code to make this lesson. You can use this presentation for any web banner or for some text animation. Using this lesson, you will also learn how to apply blur animation on any text using the Adobe After Effects, how to after that Import that animation into a flash... Let's start!



Example:


Step 1

Create a new Composition document in Adobe After Effect. For Composition Name type BlurText, for Preset set Custom, for Pixel Aspect Ratio set Square Pixel, for Width set 300, for Height 200 px and for Frame Rate set 32 fps and click ok. See the picture below!




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 > Blurs > Foggy. See the picture below!



Step 5
Using the Selection Tool (V) and drag and drop technique, move Foggy Effect from Effects&Presets panel on the text on the stage.

Step 6
Go now to the Timeline and and reduce the length of the film to the length of the animation. See the picture below!



Step 7
After that, choose Composition > Trim Comp To Work Area. See the picture below!



Step 8
Select the Region of Interest button and crop just text. See the picture below!



After that choose Crop Comp to Region of Interest.

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

Step 10
Create a new flash document. Set the Width of Your document to 400 and Height to 250 px. Set Black color as background color and set the Frame Rate to 30 fps. See the picture below!



Step 11
Create a new Movie Clip (Ctrl+F8) and name it BlurText.



Step 12
Call the current layer blur 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
Select now the Last Keyframe and go to the AS panel (F9). Then, enter this code inside the actions panel:

stop();

Step 15
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 16
Click now on frame 66 (as the movie length) and hit F6 key. 

We're done now!

Test your text animation and enjoy!

Download source file (.fla)

Leave a Reply

Related Posts Plugin for WordPress, Blogger...

Trafik