I'm going to kind of teach two things here, one how to make an invisible name over a background so that you can only see it when the animation goes over it and the second this is how to do the animation. If you don't want the invisible text just skip the first 3 steps.

**Advantage to invisible text: Hidden until animation goes over it; Disadvantage: Can't move it around without a hassle and can't do special blending effects like bevel emboss to it without it becomming visible**

Step 1
Find a background, duplicate the layer and select the top layer. Now select the Type Tool and set it to 'Create a Mask or Selection'(dotted T) which is next to the font type(Refer to Screenshot below)



Step 2
Find an area on the top layer where you want your hidden text to be and type in the text, the background should create an opaced red layer while you're typing your text. Make sure you get your text in the right area before clicking the Check Mark because if you move it around afterwards, it won't appear invisible.



Step 3
Click the checkbox when you have it in a good spot. You should see a selection appear around your text. Go to Select->Inverse(Shift+Ctrl+I) then hit delete. After you've deleted all but the text area hit Ctrl+D to get rid of the selection dotted line.



Step 4
Now for the animation. Remember this works on normal text too if you don't want that invisible text like I just showed in the first 3 steps. Create a new layer above your first two and select the gradient tool. Have the settings in the screenshot below and create a slanted line or line going in whichever direction you choose.



Step 5
First off in the previous step if you have a darker background you might want to hit Ctrl+I after you create the gradient so that it's white instead of black, or you can change this to any other color you might want it to be. With the gradient layer still selected, hit Ctrl+G so that a little arrow goes from that layer to the text(invisible or not) below it. If it's the invisible text that I taught it will appear as a normal layer not a text layer.



Step 6
Create a new layer over the gradient layer and do the same steps as 4-5 but Have the line slanting the opposite way, if you did a vertical line then just make a duplicate, if you had made a horizontal line then make 1 of the slanted or vertical ones. Make sure after you make the gradient you hit Ctrl+G again so that the arrow is pointing down. If your text has any black or whatever color you made your gradient shining through the text don't worry about it.



Step 7
Once again do the same process but have a horizontal gradient, if you have one horizontal and one slanted/vertical from previously then just create another slanted/vertical. Make sure you create a new layer above the rest and hit Ctrl+G when done.



Step 8
Save this as a photoshop file and open it up in Image Ready. Select the Move tool and on the first gradient you made and put it on the far left of the text just so that you can't see it over the text. On the second gradient you made put it to the far right of the text just so you can't see it on the text, and on the third gradient you made put it above the text just so it isn't showing any. Make sure all of these will beable to go over all of the text when moving from left to right, right to left, or from up to down.




Step 9
Now duplicate the current frame(on bottom of animation box 3 to the right of the play button). On this frame move the first gradient all the way to the RIGHT of the text just so it's not showing, the second gradient to the LEFT of the text just so it's not showing, and the third gradients all the way UNDER the text just so it's now showing. Basically the opposite sides for frame 2 with the gradients.



Step 10(Final Step)
Now Select the First animation frame again. Go to tween(the little circles refer to screenshot below) and make about 50 frames and then hit enter. Go back to the first frame and hit play, it should work. When you save it make sure you go to File->SAVE OPTIMIZED AS-> and then whatever you want it to be but make sure it's in .gif format.



Here's what I got:



If you need any help just PM: Aversa

All creds for this tutorial go to Aversa.
-------------------------------------------------------------------------------------
*** If you like this tutorial, and want more of the same, register!***
-------------------------------------------------------------------------------------

Thx for transfering that over man!

-- Hope you guys enjoy the tutorial.

And be sure to register! :)

yep good one and i registered ~! hh :)
( sorry for my english :X )

Please register when posting I like to know if I still am talking to the same person next time someone named 'guest' posts lol but it was http://dafont.com/en/font.php?file=barbecue

well, how can i get custom backgrounds? can help me? this my first time learning sig!

edit: how to make animate? i dont know...

Animate messing around in Image Ready, should be in same folder as Photoshop. You make custom backgrounds by messing around or following a tutorial at http://www.good-tutorials.com

Alright, I registered, sorry :P
I was the one that posted as a guest. Also thanks for the link, and this tut kicks butt!

can help me make sig? im really dont understand... u didt put how to make animate... go where?

edit: and the custom background link is down!

Hello great tut heres waht i got :D

damn... nice!! im the one who noob!!

edit: how can i make the black line?

register before you post :P
He might get confused [No offense :)]

can anyone help me? please!


here's the animate sig i've made but the text appear doesnt look good... and i want it invisible!

"Now for the animation. Remember this works on normal text too if you don't want that invisible text like I just showed in the first 3 steps. Create a new layer above your first two and select the gradient tool. Have the settings in the screenshot below and create a slanted line or line going in whichever direction you choose."

If you don't know where the gradient tool is, it's on the same button as paint bucket, just hold the button down a second and select the gradient tool under the paint bucket

Well, i get this:



it's not good... why it's not behind the background?

Make sure the shine(red line) is right above your text then click on the shine layer, hold Ctrl and hit G, then it will only be visible on the text

well, about the invisible text... if i press ctrl + g it will be blank... nothing happen when i put animate...

nice one avera --"maverick" from factor gfx
:)

Hey guys i am new to the forum and i like this Tut but can u guys help me out...were do u guys get these pics???and i loof forward to future tuts b/c i have limited PS skills as u can see by my sig

Yeah where did u find ur "bakground" I really like "Aversas" angels they are sweeeet

did i do something wrong, bcuz the result is so weird...

change the "red line" layer mode to "lighten" and dont worry after saving the sig in gif format u will see the "RED LINE" ( lol ) ...
And truexh be sure that you fallow all the steps right and lil tip amm make the lins biger... they are too smole and tiny...
BTW PPL PLEASE JOIN OUR FORUM ^_^

where did u get that font that is cool

R3dn3ck89, Aversa gave the link for that font previously.....

Please register when posting I like to know if I still am talking to the same person next time someone named 'guest' posts lol but it was http://dafont.com/en/font.php?file=barbecue

I cannot find the dotted T icon anywhere :( All I can see is the following icons....

Hey, Im tryin to figure out how to use this tutuorial on PS:CS2 and its ya...ive had it for one day...



This is the picture im trying to do the text (Squallion) on...i tried to do it on the top left corner and all i get is the picture moving several times....If you can do it, think you could like PMl me exactly what you did, cause im doing something wrong...Cause all i get when i do this, is the picture moving in a few different layers at the same time, and you can see all of them...think you can see if you can do it?

Heres what i got i was just testing it (btw good tut)

and this is only 20 frames so its shorter

Yer ya just hav to mess around with the gradient tool

Cool Tutorial!

exactly, I also give it 10 points, this is the best tut on all the GT :D
it even made me register (it's unusual for me), that idea is super original, it opens tons of new possibilities for me to make super cool banners and such
soon i will show u guys how i did that animation as soon as i find good images
(sry for the mistakes, if i have any,i'm from Bulgaria :) )

Thank you for the compliments :) I also use a similiar technique to blend my text into signatures, here's a good example of one:



You can see the background colors as well as some of the brushing through the text.

All I do is the first part where I delete the outsides of the text, then I bevel, stroke, ect the actualy letters that take on the background and it blends nicely.

i need some help with this tut can some one plz im me? xxholla06xx

Nice tut. very easy and effective :)