Text Fading In Effect??

Joined
Jun 17, 2007
Messages
37
Reaction score
0
Points
6
I'm wanting to have my text fade in one line at a time on the home page of my site. When you load the site, the first line fades in then a few seconds later the second and so on for about 4 different lines. How would you write the code for this? Thanks.
 
Joined
Jun 18, 2006
Messages
191
Reaction score
5
Points
18
Location
Minneapolis
Your Mac's Specs
MacBook Pro
You will need to create the animation with Flash which isn't the easiest to learn or write it in Java. The easiest way is to check into a program called "Swish" it has numerous built in effects for text and it outputs as a Flash file type. I believe you can download a trial version for free. You could also check out dynamicdrive.com for the java script.
 
OP
M
Joined
Jun 17, 2007
Messages
37
Reaction score
0
Points
6
Ok thanks alot for your help. I have flash as i got it as part of the web design premium pack from adobe, although i haven't even installed it yet. Do you think it would be real hard to do that one little thing since i already have the program? If it is then maybe it will be something i can learn after i get my site up and going. Thanks again.
 
Joined
Apr 23, 2007
Messages
377
Reaction score
4
Points
18
Location
Coatesville, PA
Your Mac's Specs
MBP 15", 2.33 GHz, 2Gb
I've also done something similar just using an animated graphic file (.GIF). I haven't tried with Flash, so that may be easier, but the GIF was the first time I had tried it and it wasn't too bad.
 
OP
M
Joined
Jun 17, 2007
Messages
37
Reaction score
0
Points
6
Is there a place online that would walk me through how to do it or some other resource? Thanks for all your help.
 
Joined
Jun 1, 2008
Messages
23
Reaction score
0
Points
1
Your Mac's Specs
iBook G4
Lifted the following from the net, as I was also having to create animated fading text also - managed to do so with the following:

Flash Text Effect - Fade

A Basic Flash tutorial on how to apply a fade to Flash text

Step1:
First we will add some text and set the properties of the text.
To do this click on the Text Tool in the Tools bar.
Then left click on your mouse in the work area where you want to put the text.

Step2:
To set the properties Right Click in the Text field, a small popup menu will appear. Now Select Properties.
The Properties window will appear below the work area. For our Fade effect set the font to Arial and the size to 30, and select any color except white.

Step3:
Now we will be creating the Flash Text fade in effect. To do this go to the timeline and right click on frame 20. A small popup menu will appear. From this popup menu select insert keyframe. After you have done this right calico on the keyframe again and select create motion tween. Now go to the first key frame, again right mouse click on it, and select create motion tween.

Step4:
Now we have arrived at the final step to create the basic fade in text effect. To finalize it all we need to do is to set the alpha channel of the first text to 0. To do this go to the workarea and click on top of the text you already entered in Step1. Below the work area the frame properties window will appear. In this window you can set several properties such as the color and alpha channel (fade) of the selected frame. To set the color of the text effect to transparent, go to the color drop down menu and select alpha. If needed set the alpha amount to 0 by dragging the slider downwards.

Step5:
To preview what we have created. Enter Ctrl Key and the Enter Key on your keyboard.

Good luck

^o^
 

Shop Amazon


Shop for your Apple, Mac, iPhone and other computer products on Amazon.
We are a participant in the Amazon Services LLC Associates Program, an affiliate program designed to provide a means for us to earn fees by linking to Amazon and affiliated sites.
Top