Miraz Tutorials

This tutorial will teach you how to create a eye catching text effect in Flash Professional CS3 using motion tweens, the timeline, filters, key frames, movie clips and more. This tutorial requires you have a basic to intermediate understanding of the Flash Pro platform. this tutorial can also be done in lower versions of Flash down to Flash mx 2004.

 

 

Firstly open a new file in Flash and set with the following this is to get us a canvas set up to work on from using a general size of how big you thing the display of the swf file may be ( but can always be adjusted later). The frame rate is set specifically for this tutorial as it displays the text adaquetly as it shows up onto the screen. you should always be thinking to adjust fps speeds with each project you do as they may all require different speeds of frame rate depending on what type of project it is.

 

Now using the Oval tool from the left tool bar draw out a shape along the lines of the one below. This will later go on to be the base of our text that will look like floating stage when a few filters are added to it.

convert this shape into a movie clip by pressing F8. This is so we can add filters at a later point an it makes an object easier to handle and adjust

Add a new layer above the background layer name it Text and type onto the stage any text of your choice in this example the name of this site was used

now press F8 on the key board and convert this to a movie clip type name as text

 

Double click on the stage to enter into the movie clip like so. you know your inside when you can see the name of the movie clip displayed next to scene1 under the timeline.

 

rightclick your mouse and then click break apart to break each individual letter up as shown

Then right click again scroll down to distribute to layers just under break apart. The will place each individual letter on its own layer with its own name.

you can now delete the top layer named layer 1 as that is no longer needed.

Now high light all frames downwards from 5 frames along the time line. hold down left click and shift  on the keyboard

now press F6 to create a keyframe in each of the layers at once

 

then highlight all the layers only in the first frame

click on menu>window>transform or ctrl+T  on the key board. This opens the transform options as a panel on the right side of your workspace

 

keep only the 1st frame of all the layers highlighted set the Transform options for the layers to 0 so that the text on the stage looks like so. This is to create the effect of the text appearing onto the screen from behind the rest.

now highlight all the of the layers in the just the first frame downwards and add a motion tween from the properties panel

 

Then start highlighting the 5 frames on each layer and moving them out by 5 then 10, then 15  and so on as shown below

until you have moved all of them out like so. what this does is makes the effect of each letter coming out turn by turn 5 frames after one another

 

 

now highlight all the end frame of the text tweens and press F5 to add frames, this is so the text stays displayed until the last letter you can add further frames further down the timeline as i have down it to about 160 with the final swf this will keep the whole text on screen for longer.

It will then look like so

now when you go back to the main scene your stage will look like this as the text is not being displayed for another 5 frames you will be able to see the text appear when you hit ctrl+ENTER  on your keyboard

 

I added the following filters to the background movie clip

 

and a drop shadow to the text for a nice effect

 

and here is the final piece

 

 

 

 

 

 

 

Similar Posts:

• Flash animation tutorial how to animate a butterfly
• Easy Animated stick man Flash CS3 tutorial
• Photoshop Glass picture frame Tutorial
• How to call and instantiate a library item using AS3 in Flash CS3
• Imitate a dice roll using Actionscript 3 classes in flash cs3