Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Line Text Banner

7.6.2010, 16:38    Total views: 25920

Today, I’m going to show you how to create line text banner using some special flash and adobe after effects tips and tricks. This banner can be used for any web site. Let's start!

Example:



Step 1

Create a new after effects composition. Set the Width of Your composition to 300 and Height to 200 px. For Preset set Custom, for Pixel Aspect Ratio set Square Pixels and set the Frame Rate to 55 fps.



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 >  Organic > Loose Line. See the picture below!



Step 5

Using the Selection Tool (V) and drag and drop technique, move the Loose Line effect from Effects&Presets panel on the text on the stage.

Step 6

Go now to the Timeline and reduce the length of the film to the length of the animation.

Step 7

After that, choose Composition > Trim Comp To Work Area.

Step 8

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

Step 9

Create a new flash document. Set the Width of Your document to 300 and Height to 200 px. Set any color as background color and set the Frame Rate to 55 fps.

Step 10

Create a new Movie Clip (Ctrl+F8) and name it LineText_mc.



Step 11

Call the current layer line text.

Step 12

Choose now File > Import > Import to Stage (Ctrl+R) and Import a swf file that we just made in After Effects.

Step 13

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 14

Click now on frame 220 (last keyframe of animation) and hit F5 key.

We're done!

Enjoy!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310977

2. High-tech city animation
Total views: 274205

3. Water effect
Total views: 237451

4. Photo slide show
Total views: 221126

5. Special Picture Effect
Total views: 190885



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF