In this tutorial I will explain how to make a no smoke advertisement in flash 8 with no Action Script. You will also learn:
1. How to import an image in Flash,
2. How to convert a bitmap image into a symbol,
3. How to apply a blur effect on the image
4. How to create fade in - fade out text effect and more.
Below is the live Flash example of what you are going to create in this tutorial.
Step 1
Create a new flash document.
Step 2
Choose Modify > Document (Ctrl+J) to open a Document Properties window. Set the movie's width to 324 and movie's height to 194. Set your Flash movie's frame rate to 28 and click ok.
Step 3
Download my image.
Step 4
Go back in Flash. Select File > Import > Import to Stage (shortcut key: Ctrl+R) and import my image.
Step 5
While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following in the Align Panel:
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.
Double click on layer 1 to rename its name in image.
Step 6
While the image is still selected, choose Modify > Convert to Symbol (shortcut key: F8 ) to convert this image into a Movie Clip Symbol. See the picture below.
Step 7
Click on frame 30 and after that on frame 60 and press F6 key.
Step 8
While you're still on frame 60, take the Selection Tool (V) and click once on the image (new made Movie Clip) to select. Then, go the Properties Panel (Ctrl+F3) below the stage.
Step 9
Click on the Filters tab in the Properties Panel Click on the plus icon and select the Blur filter. Make the adjustements as follows:
1. Blur X and Y : 8
2. Quality : Medium
Step 10
Right-click anywhere on the gray area between the frame 30 and frame 60 on the timeline and choose Create Motion Tween from the menu that appears.
Step 11
Click on frame 500 and press F6 key.
Step 12
Create a new layer above the image layer and name it shape.
Step 13
Click on frame 30 of shape layer and press F6 key.
Step 14
Take the rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose #17283A as color and draw a "rectangle" about 1x30px and place it on the position like it is shown on the picture below.
Step 15
While the rectangle is still selected,choose Modify > Convert to Symbol.In the dialog that appears, do the following:
1. Select Movie clip as Type.
2. Name it shape.
3. Select the middle right little square as the Registration point.
4. Click OK.
Step 16
Click on frame 60 and press F6 key.
Step 17
Take the Free Transform Tool (Q), select the rectangle (new made Movie Clip), press and hold down Alt key and do like it is shown on the picture below.
Step 18
Go back on frame 30, take the Selection Tool (V), click once on the rectangle (Movie Clip) to select it and go to the Properties Panel (Ctrl+F3) below the stage.On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.
Step 19
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.
Step 20
Click on frame 500 of layer shape and press F5.
Step 21
Create a new layer above the shape layer and name it text.See the picture below.
Step 22
Click on frame 60 of layer text and press F6 key.
Step 23
Take the Text Tool (T), go to the Properties Panel (Ctrl+F3) below the stage and choose the following options:
1. Select a Static Text field.
2. Select a Vedrana font.
3. Choose 14 as font size and bold it.
4. Select white as color.
5. As the rendering option, select Use device fonts.
Step 24
After that, type on the position like it is shown on the picture below, "DON'T SMOKE!".
Step 25
While the text is still selected, press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.
Step 26
Click on frame 65 and press F6 key. After that, go back on frame 60, take the Selection Tool (V), click once on the text to select it and go again in the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.
Step 27
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.
Step 28
Click on frame 120 of layer text and after that on frame 125 and press F6 key.
Step 29
While you're still on frame 125, take the Selction Tool (V) and using the mouse or by arrows key, move the text and place it on the position like it is shown on the picture below.
Step 30
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.
Step 31
Create a new layer above the text layer and name it text1.
Step 32
Click on frame 125 of layer text1 and press F6 key. After that, take again the Text Tool (T) and type this: "Smoking is dangerous to your oral health". See the picture below.
Step 33
While the text is still selected, press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.
Step 34
Click on frame 130 and press F6 key. After that, go back on frame 125, take the selection Tool (V) and click once on the text to select it.
Step 35
Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.
Step 36
Click on frame 185 and after that on frame 190 and press F6 key.
Step 37
While you're still on frame 190, take the Selection Tool (V) and place the text on the same position like we have placed the first text.
Step 38
Create a new layer above the text1 layer and name it text2.
Step 39
Click on frame 190 and press F6 key. Then, Take again the Text Tool (T) and type this text: " Did you know you can't see 85% of cigarette smoke?" After that, repeat the process like we have done for the first two texts.
Step 40
Create a new layer above the text 2 layer and name it text3.
Step 41
Click on frame 255 and press F6 key. Then, Take again the Text Tool (T) and type this text: " If you smoke, quit." After that, repeat the process like we have done for the first two texts.
Step 42
Create a new layer above the text 3 layer and name it text 4.
Step 43
Click on frame 320 and press F6 key. Then, Take again the Text Tool (T) and type this text: " And if you don't smoke, don't start." After that, repeat the process like we have done for the first two texts.
Step 44
Go back on layer shape, click on frame 385 and after that on frame 390 and press F6 key.
Step 45
While you're still on frame 390, take the Selection Tool (V), and using the mouse, place the shape on the position like it is shown on the picture below.
Step 46
Right-click anywhere on the gray area between frame 385 and frame 390 on the timeline and choose Create Motion Tween from the menu that appears.
Step 47
Go back on layer image, click on frame 390 and after that on frame 420 and press F6 key.
Step 48
While you're still on frame 420, take the Selection Tool (V), click once on the image to select it and go to the Properties Panel (Ctrl+F3).
Step 49
Choose Filters, click on the plus icon and select the Blur filter. Make the adjustements as follows:
1. Blur X and Y : 0 
Step 50
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.
Step 51
After that, click on frame 460 and 465 and press F6 key.
Step 52
While you're still on frame 465 take the Selection Tool (V), click once on the image to select it, go to the Properties Panel (Ctrl+F3) below the stage and repeat the step 9 and 10.
Step 53
Click on frame 520 and after that on frame 530 and press F6 key.
Step 54
While you're still on frame 530, take again the Selection Tool (V), click again once on the image to select it and go to the Properties Panel (Ctrl+F3) below the stage. Then, repeat step 49 and step 50.
Step 55
Create a new layer above the all layers and name it smoke board. See the picture below.
Step 56
Click on frame 460 of layer smoke board and press F6 key.
Step 57
Take the Rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose #CC0000 as color and draw a "rectangle" about 240x100px.
Step 58
While the rectangle (which will represent smoke board) is still selected, go to the Align Panel (Ctrl+K) and repeat step 5 to aligned it with the background. See the picture below.
Step 59
Take theText Tool (T) and go to the Properties Panel below the stage. Then, choose the following settings:
1. Select a Static Text field.
2. Select a Vedrana font.
3. Choose 14 as font size and bold it.
4. Select white as color.
5. As the rendering option, select Anti-alias for readability.
Then, type this: " Did you know? On average, each cigarette shortens a smoker's life by around 11 minutes". See the picture below.
Step 60
Take the Selection Tool (V) and select the smoke board including the text and press F8 key (Convert to Symbol) to convert this smoke board into the Movie Clip Symbol. See the picture below.
Step 61
Take the Free Transform Tool (Q), select the smoke board and do like it is shown on the picture below.
Step 62
Click on frame 465 and press F6 key.
Step 63
Then, go back on the frame 460, take the Free Transform Tool (Q) again and do like it is shown on the picture below.
Step 64
Take the Selection Tool (V), select frame 460 and go to the Properties Panel below the stage. Select Motion from the Tween menu. For Rotate set Cw and for Ease choose 100%. See the picture below.
Step 65
While you're still on frame 460, take again the Selection Tool (V) and click once on the smoke board to select it. Then, go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.
Step 66
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.
Step 67
Click on frame 520 and after that on frame 525 and press F6 key.
Step 68
While you're still on frame 525, take the Free Transform Tool (Q) and increase the smoke board a lot. See the picture below.
Step 69
Go back on frame 520 and repeat step 64.
Step 70
Select frame 525, take the Selection Tool (V) and repeat step 65.
Test your Movie (Ctrl+Enter)
Good luck!
Download source file (.fla)
discuss this topic to forum
