Smoke text effect

Date: 26.5.2007, 0:41    Total views: 104251

Using this tutorial, you will learn how to create a text that is appear and disappear as cigarette smoke. You don't have to use Action Script code to create this tutorial. It is so simple to create and in the same time, so effective. In this tutorial you will be also learn how to apply flash filters on text, how to convert it into a Movie Clip Symbol and more.



Step 1

First of all, download my picture to make this effect more attractive.



Step 2

Open a new flash document.

Step 3

Choose Modify > Document (Shortcut key: Ctrl+J) and set the width of your document to 350 pixels and the height to 236 pixels. Set the background colour as whatever you like. Set your Flash movie's frame rate to 24 and click ok.



Step 4

Choose File > Import > Import to Stage (Ctrl+R) and import my picture into a flash.

Step 5

While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 6

Double click on layer 1 to rename its name in picture. Then, click on frame 45 and press F5 key.

Step 7

Create a new layer above the picture layer and name it text.

Step 8

Take the Text Tool (A), go to the Properties Panel (Ctrl+F3) below the stage and do the following:

1. Select a Static Text field,
2. Select a MGI Archon as font.
3. Choose 21 as font size,
4. Select white as color,
5. As the rendering option, select Use Anti-alias for readability.



After that, type on the right bottom side "Don't Smoke!" See the picture below.



Step 9

While the text is still selected, press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.



Step 10

Click on frame 10, 35 and 45 and press F6 key.

Step 11

Go back on the first frame, take the Selection Tool (V), click once on the text to select it and go to the Properties Panel (Ctrl+F3) below the stage. Click on the Filters tab.Click on the plus icon and select the Blur filter. Make the adjustments as follows:

1. Blur X and Y : 47
2. Quality : Low



After that, click on Properties Tab.On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 12

Right-click anywhere on the gray area between the frame 1 and frame 10 on the timeline and choose Create Motion Tween from the menu that appears.



Step 13

Click on frame 45 and place the text on the position like it is shown on the picture below.



Step 14

Take the Selection Tool (V), and click once on the text to select it. After that, go again to the Properties Panel (Ctrl+F3) below the stage. Click on the Filters tab.Click on the plus icon and select the Blur filter. Make the adjustments as follows:

1. Blur X and Y : 35
2. Quality : Low



After that, click on Properties Tab.On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 15

Right-click anywhere on the gray area between the frame 1 and frame 10 on the timeline and choose Create Motion Tween from the menu that appears.

Test your movie (Ctrl+Enter).

Have a nice day!

Download source file (.fla)

  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar