How to fade Text in and out - Flash Tutorials
 
  Buy Ebooks, Video Games, DVDs, Electronics and more !
Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads Make Money Online Blog . Free Image and Photo Sharing and Hosting

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Free image hosting
   Web Design Pakistan
   Swish Templates
   SWiSH Climax
   Talkfreelance Community
   Template Desire
   Lite boards
   Script Sector
   GimpTalk
   13dots
   Idea Designs
   PHP Cafe
   Sposatoettore
   Free swishmax templates
   Swishzone

Manage your site with Flax Article Content Management System
How to fade Text in and out
Category : Flash | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

This easy tutorial will show you how to fade text in and out.
_________________________________

Open Flash MX and make a new movie.

1. Insert your text.

2. Right click on your text and select 'Convert to Symbol'.

A little box should pop-up:

user posted image

Select 'Movie Clip' and give it a name of your choice, eg. Fade In.

3. Now goto a frame of your choice along the timeline - this will be the duration of the effects, so the further along the timeline you go; the longer the effect will last.

We will use 50 as the example.

4. Right click over your desired frame, in our case 50, and select 'Insert Keyframe'.

user posted image

- Your timeline should now look something like this:

user posted image

5. Now go back to frame 1 on the timeline and click on the text you created.

You should get the following options in the 'properties' toolbox:

user posted image

- Notice the red circle I made, the name you gave your symbol should appear there; in my case 'fadein'.

But we are now looking at the place where I put the red cross.....the dropdown menu called 'color'.

6. Make sure your still at frame 1, and have the text selected.

Click on the dropdown menu called 'color' and select 'Alpha' (Alpha is another word for transparancey).

A little slider will now appear, allowing you to toggle the Alpha Value of your text:

user posted image

Slide it to 0%, so that your text is no longer visible.

7. Click anywhere on your timeline and you will see that the text is completley transparents, apart from frame 50, where we added the keyframe - that is still 100%.

Now we need to get these to 'merge' together.

8. Now goto roughly the middle of your timeline, in my case frame 25 would suffice.

You should see this in your properties toolbox:

user posted image

All you need to do is change the 'Tween' (The area surrounded by a red circle), to 'Motion' Using the drop down menu.

Now, as you are half way along your timeline, you text should appear semi-transparent, and the timeline should appear a blue kind of color:

user posted image


All you need to do now is move the mouse along the timeline and see your text fade in!

*9. To make the text fade out, instead of in, simply:

Set the Alpha value of the text on the keyframe (frame 50) to 0%
and the Alpha on frame 1 to 100%.

Have fun!

-rob :)


© 2002-2005 Flaxweb Network | Article Manager | Gimp Tutorials Library | RAD C++ Library | Free C/C++ Sourcecode |
Sites of interest : Web Design Blog | Swish Templates | Swishmax Ebook | Photoshop Templates | Gimp Tutorials | Text Forum | Make Money Online