Flash Text Banner
Read this article and experiment yourself because you will learn how to create a flash text banner. You could use it for any website as advertisement, some presentation etc.
Step 1
Open a new flash document.
Step 2
Select Modify > Document (Ctrl+J ). Set the width of your document to 315 pixels and the height to 60 pixels. Select white as background color and set your Flash movie’s frame rate to 28 fps.
I put an image for the background. Open the wanted image in AdobePhotoshop, hit Ctrl+A and then hit Ctrl+C and paste the image (Ctrl+V) in your work area in Macromedia Flash. Use Selection Tool (V) to put the image on the blank sheet.
Step 3
Select Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the options represented in the image below:
Then, type any text on the stage. For this example I have typed “assistprogramming.com”.
Step 4
While the text is still selected, go to the Align Panel (Ctrl+K) and align horizontal center and align vertical center like in the image:
Having these settings we have aligned the text with the background.
Step 5
While the text is still selected, press F8 key (Convert to Symbol), to convert this text into a Movie Clip Symbol.
Step 6
Click on frame 10 and 50 and press F6 key. After that, go back on the first frame and take the Free Transform Tool (Q). Then, select the text, press and hold down Shift key and enlarge the text.
Step 7
After that, take the Selection Tool (V) and click once on the text to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. Go to Color menu and select Alpha in it and put it down to 0%.
Step 8
Take the Selection Tool (V) and in the Properties Panel On the Left side for Tween drop down menu choose Motion, for Ease set 0 and for Rotate choose CW. See the picture below:
Step 9
Go back on frame 50 and press F6 key ten times and then click on every second frame press delete key on the keyboard. You should have something similar with:
Click on frame 65 and press F6 key.
Step 10
While you’re still on frame 65, move the text on the left side, out of stage using the mouse or by arrows key.
Step 11
After that, take the Selection Tool (V) and click once on the text to select it. Then, go again 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 12
Right-click anywhere on the gray area between the frame 60 and frame 65 on the timeline and choose Create Motion Tween.
Step 13
Create a new layer above the layer text1 and name it text2.
Step 14
Click on frame 66 of layer text2 and press F6 key.
Step 15
Being still on frame 66 of layer text2, take again the Selection Tool (A) and type some text. Align the text with the background as we done earlier for text1 (hit Ctrl+k).
Step 16
Now press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol. Be careful to have the text selected.
Step 17
Click on frame 70 of layer text2 and press F6 key. Then, go back on frame 66 and move the text on the right side out of stage.
Step 18
Take the Selection Tool (V) and click once on the text to select it. Then, go again 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 frame 66 and frame 70 on the timeline and choose Create Motion Tween from the menu that appears.
Step 20
Click on frame 110 and frame 115 and press F6 key. While you’re still on frame 115, take the Free Transform Tool (Q) and decrease the text a lot.
Step 21
While you’re still on frame 115, take the Selection Tool (V) and click once on the text to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. t On the right, you will see the Color menu. Select Alpha in it and put it down again to 0%.
Step 22
After that, take the Selection Tool (V) again and click select the frame 66. After that, in the Properties Panel On the Left side for Tween drop down menu choose Motion, for Ease set 0 and for Rotate choose CW. See the picture below.
You can repeat these step for adding more text.
This is the result:
You can download the source (.fla) here.
Post a comment
RSS/XML