1. First of all after you finish animating go: File > Save for Web & Devices
like so in the screenshot:



2.Next you select the Forever option on the right hand side as shown:



3. Click save in the top right hand corner and then do the usual, select the place where to save and then name but dont change the format:



4. There you go!!!


EDIT

I just notice that the middle picture is too big for this forum, so just scroll(its not like i cutted off a piece)

oh wish i could hug you or kiss u right now

im sooooooo happy now that i got my animation to work

Thanks a millions bro

EDIT :

Check my avataar.. i know its dedicated to userbars.. but i used the total idea of this and made my avataar.. first ever animated avataar by me
Please comment on this

not bad but try to use the userbar font which is VISITOR
and try making it go back forth like this one that i made for someone:



just an example but i think it looks better!

oh thats a nice challenge for me.. so wt i do now with this is move the gradient layer first frame to left, second from to right, make a tween, then i select the last frame, duplicate it and then again on the last duplicated frame move gradient layer to left again and tween again..

Am i right? please guide me and yea which fonts are the best for these to be displayed at its best?

can this be done in cs4?

Yes, It should be the same method.

please can someone post this as noob version i have tried it liek 15 times today and just cant get the gradient tool down
i open my sig
i put type in
i merge them
then i get stuck
am i suppose to have multipel frames
and how do i move the bar on each pic i get nothing???

please help
my yahoo is
daddydan_13@yahoo.com
pleace im me for help

finally got it lol but i dotn got the gradient completly down its liek it covers my letters up??? theyre suppose to be grey

dont know why but i must be the biggest retard here i dont know how to make a gradient to my liking??
can anyone post tutorial on making this gradient
i do a line in the middle of the image and it just goes white after tryin it like 2 times??
any help please

the gradient is above and below the writing in the animation how do i change it

i got this :'(

please help me from my last post

I don't understan it, can someone explaine it very easy for me? My msn is kim.heimsvik@hotmail.com please help.
Or someone can make a easy video..PLease help!
And how to do this: switch the blending mode to screen and move the gradinet layer using move tool over the text from the left to the right. And...step six and step seven.

---Edit---

I think i know it know
Is this right?

I made it for a friend, hope he will be happy.

right click on the gradient layer and select "Create Clipping Mask"
that should it and dont overpost!

anyone know how i reset my gradients???
everytime i make my gradient it shows like 2 black lines lol

Thank you very much, this is my first try (it's a sig for my forum)



Edit:
I have just one issue: my first try was on a rounded template, but when i upload my signature (on a black background for example) i noticed the the new layer i created (following your tut) is no more rounded but squared. It may seems a newbie question (yeah, it is ), but how can i fix this? I tried to create a clipping mask between the new layers done for the lights over text and my previous sig but it doesn't work.

Thank you in advance, and grats for your tutorial.

<WOOT>

I done it! Look!

The tuturial doesnt shows :C

tnx...this TuT is amazing