Rotating letter effect in text

See this tutorial and learn how to rotate letters in series using some special flash tricks. You don't have to use action script code to make this lesson.This tutorail is very simple to create but in the same time, you can use it for some text effect, banner, text animation...

Step 1

Create a new flash document.

Step 2

Press Ctrl+J key on the keyboard (Document Properties) and set your dimensions as whatever you like. Select any color as background color.Set your Flash movie's frame rate to 28 and click ok.



Step 3

Take the Text Tool (A) and type any text on the stage. For this example I have typed "flashfridge".



Step 4

While the text is still selected, press Ctrl+B key (Break Apart) to break apart it. See the picture below.



After that, choose Modify > Timeline > Distribute to Layers (Ctrl+Shift+D). Now you get this:



Step 5

Take the Selection Tool (V) and click on frame 5 of layer of the first letter and press F6 key. In my example that is letter "f". See the picture below.



Step 6

Take the Selection Tool (V) again and click once on the first frame.Then, go to the Properties Panel (Ctrl+F3). 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 7

Click on frame 3 of layer of the second letter, in my example that is letter "l", and press F6 key. After that, click on frame 8 and press again F6 key.



Step 8

Go back on the frame 3, and go again to the Properties Panel (Ctrl+F3).Then, repeat step 6. See the picture below.



Step 9

Click on frame 8 of layer of the first letter and press F5 key.



We're done with the first two letters. Repeat this process also for every other letters in text. Finally you have to get this:



Have a nice day!

Download source file (.fla)

Copyright by : FlashFridge

Continue Reading...

Text dancing animation

Using this tutorial, you will see how to create advanced and very modern letters animation. This animation looks like letters dancing and that's the reason why I have called this animation that. ;) You don't have to use action script code to make it. You just have to use some special flash tips and tricks to make it. This tutorial is so easy for create, but in the same time very attractive. You can use this animation as some text banner, presentation... Let's go!

Step 1

Open a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 400 pixels and the height to 70 pixels. Select #153347 color as background color.Set your Flash movie's frame rate to 28 and click ok. See the picture below.



Step 2

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

1. Select a Static Text field,
2. Select Tahoma as font and bold it.
3. Choose 16px as font size.
4. Select whitecolor as font color,
5. As the rendering option, select Use Anti-alias for readability.
6. As letter spacing choose 1.



Then, type any text on the stage. For this example, I have typed "Flashfridge.com":)



Step 3

While the text is still selected, press Ctrl+B key (Break Apart) to break apart this text. See the picture below.



Step 4

While the text is still selected, press Ctrl+C key (Copy). After that, press Ctrl+Shift+V key (Paste in Place). Then, place the new copide text on the position like it is shown on the picture below, using the Selection and Free Transform Tool (Q).



That text will represent shadow. If you don't understand how I've got that shadow text, see the aniamtion below!



Step 5

Select now the first text and choose Modify - Timeline - Distribute to Layers (Ctrl+Shift+D). Now, you have placed every letter in separated layer. See the picture below.



Step 6

After that, select layer 1 layer and delete it, becouse it is unneedless for now. Repeat this process also for shadow text.

Step 7

Take the Selection Tool (V) and select the first letter. In my example that is letter "F".Then, press F8 key (Convert to Symbol) to convert this letter into a Movie Clip Symbol.



Do that now, for every other letters.

Step 8

Click on frame 5 and 10 of layer of the first letter (in my example letter "F") and press F6 key. After that, go back on frame 5 and move this letter a little up using the arrows key, or by mouse.

Step 9

Then, go back on the first frame and go to the Properties Panel (shortcut key: Ctrl+F3) below the stage. After that, for Tween choose Motion, for Rotate CW and for Ease 100. See the picture below.



Step 10

Repeat the previouse step also for frame 5, but for this time, for Rotate choose CCW.

Step 11

Select now the first letter of shadow text and press F8 key (Convert to Symbol) to convert this letter also into a Movie Clip Symbol, like we have done for the first letter of text.



Step 12

Take the Selection Tool (V) and click once on that letter. 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 33%.



Repeat now step 8,9 and 10 and apply it on this letter.

We're done!

Enjoy!

Download source file (.fla)

Copyright by : FlashFridge

Continue Reading...

Advanced text effect without action script code

In this easy lesson made for Flash I will show you how to create advanced text effect. To make this lesson, you have to use Advanced color Settings options and flash filters (Blur, Bevel, Glow). You can use this text effect for any web site, for some presentation, animation, flash header, banner... You don't have to use action script code to make this lesson. Let's start!

Example:

Step 1

Create a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 300 pixels and the height to 200 pixels. Select #352210 as background color and set your Flash movie's frame rate to 40 fps. Then, click ok.



Step 2

Select the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Static Text field,
2. Select Times New Roman as font.
3. Choose 25 as font size and bold it,
4. Select white as color,
5. As the rendering option, select Use Anti-alias for readability.



After that, write any text on the flash stage.



Step 3

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



Step 4

While the new made Movie Clip (text) 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 5

Call the current layer text. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name.

Step 6

Click now on frame 30 and press F6 key.

Step 7

Go back now on the first frame, select the Selection Tool (V) and click once on the Movie Clip (text) to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced on it, click on Settings button and choose the following options:



Step 8

After that, while you're still on frame 1, select FIlters tab on the left side, click on plus icon and choose Blur. Then, choose the following options:



Step 9

Then, click again on plus icon and choose Bevel filter. Then, choose the following options:



Step 10

Select now Glow filter and choose the following options:



Step 11

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appear.



That's it!

Test your movie and enjoy!

Download source file (.fla)

Copyright by : FlashFridge

Continue Reading...

Flying letters effect

Read this thoroughly explained, detailed tutorial and see how to create advanced flying letters animation, which you can use for any flash banner or some presentation. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to break apart any text, how to convert every letter into a Movie Clip Symbol, how to animate it and much more!

Step 1

Open a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as whatever you like. Select any color as background color. Set your Flash movie's frame rate to 30 and click ok.



Step 2

Select the Text Tool (A) and type any text.

Step 3

While the text is still selected, press Ctrl+B key on the keyboard (Break apart) to break apart it. See the picture below!



Step 4

Press now Ctrl+Shift+D key to place each letter in a separate layer. See the picture below!



Step 5

Set now the letters all around the flash scene. See the picture below!



Step 6

Select now only the first letter and press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



Step 7

Click now on frame 10 and press F6 key. While you're still on frame 10, place the letter on this position.



Step 8

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appear.



Step 9

Click now on frame 20 and press F5 key.

Step 10

Select now the second letter and press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



Step 11

After that, using the Selection Tool (V) and "drag and drop" technique, move the first frame of second letter on frame ten. See the picture below!



Step 12

Click now on frame 15 and 20 and press again F6 key. While you're still on frame 20, place the second letter on the position like it is shown on the picture below!



Step 13

Go back now on frame 15 and place the letter on this position:



Step 14

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



We're done with the first two letters. Repeat this process also for every other letters!

Test your movie and enjoy!

Download source file (.fla)

Copyright by FlashFridge

Continue Reading...

Advanced text effect

In this thoroughly explained, detailed flash lesson, I will show you how to create advanced text effect. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to break apart any text, how to convert every letter into a Movie Clip Symbol, how to animate every letter, how to enlarge every letter using a Free Transform Tool (Q), how to apply Alpha effect on every letter and much much more! You can use this text effect for any flash banner, animation or some presentation.

Example:

Step 1

Create a new flash document and set your Flash movie's frame rate to 30 and click ok.



Step 2

Select the Text Tool (A), choose any font, any size and type some text.



Step 3

While the text is still selected, choose Modify > Break Apart (Ctrl+B) to break apart this text.




Step 4

Choose now Modify > Timeline > Distribute to Layers (Ctrl+Shift+D).



Step 5

Now, you're place every latter in a separate layer. See the picture below!



Step 6

Select now just first letter and hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol. See the picture below!



Step 7

Click now on frame 7 and hit F6 key. Go back now on the first frame, select the Free Transform Tool (Q), press and hold down Shift key and enlarge the first letter like it is show on the picture below!



Step 8

After that, select the Selection Tool (V) and click once on the letter to select it. 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 9

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 10

Select now the Selection Tool (V) and using the drag and drop technique, move the second letter on frame 5. See the picture below!



Step 11

While the letter is still selected, hit again F8 key (Convert to Symbol) to convert the second letter into a Movie Clip Symbol.



Step 12

Click now on frame 12 and hit F6 key.

Step 13

Go back now on frame 5 and repeat steps 7 and 8.

Step 14

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 15

Click now on frame 12 of layer of the first letter and hit F5 key. See the picture below!



We're done now with the first two letters. Repeat this process also for every other letters.

Have a nice day!

Download source file (.fla)

Copyright by : FlashFridge

Continue Reading...