[Tricktix]

So, i saw alot of people wondering how to make an animated signature. I decided to make a quick tutorial to show you how, it's really simple.

: You make your signature dimension, im gonna do 650x200 (the largest signature you can have on HF)
Spoiler (Click to View)

[img]http://img339.imageshack.us/img339/7553/projet1c.png[/img]

Sorry for the french, im french :P

2: Once your on your signature template, do what you want, im gonna do something simple just for the turorial. Note A gif need a background or else, everything's going to be shitty so just put the color you want or if you want to do something like a transparent background, put the Hackforums one. The color is : #33
3: Write your text with the font and layer style you want.
Spoiler (Click to View)

[img]http://img141.imageshack.us/img141/5089/projet2b.png[/img]

4: Duplicate your text layer and on the new one, uncheck the drop shadow effect and outer glow (If applicable)
Then right click your second text layer and do "Convert to Smart Object".
5: Create 2 or 3 rectangle over your second text layer like the picture.
Spoiler (Click to View)

[img]http://img850.imageshack.us/img850/8963/projet3j.png[/img]

6: Select all your rectangle in your layer tab, right click and merge layer.
7: Press CTRL+ALT+ T on your keyboard and rotate your rectangle of something like 15 degree.
Spoiler (Click to View)

[img]http://img213.imageshack.us/img213/8818/projet4.png[/img]

8: With your rectangle selected in the layer tab, press CTRL+ALT+G to create a clipping mask. Your gonna see your rectangle IN your text.
Spoiler (Click to View)

[img]http://img585.imageshack.us/img585/9144/projet5p.png[/img]

9: You can put some effect to your "shiny" effect or just reduce the opacity. Im gonna put a layer style on it.
10: Now, with SHIFT pressed, bring your rectangle at the left so you wont see them on your text.
11: At the bottom of your photoshop, you should see the animation tab, if you dont, go to Window>Animation and now, you should see it.
12: While pressing SHIFT, your gonna press the right arrow on your keyboard ONCE and then, click [img]http://img19.imageshack.us/img19/7729/projet6b.png[/img] then you press SHIFT+right arrow ONCE and then [img]http://img19.imageshack.us/img19/7729/projet6b.png[/img] until your rectangle passed over your whole text. After that, if you press, [img]http://img690.imageshack.us/img690/6280/projet7o.png[/img] you should see your animation.
13: Go to File and click save for web and devices. You should see that:
Spoiler (Click to View)

[img]http://img846.imageshack.us/img846/5259/projet8d.png[/img]

14: Press the save button, write the name you want for your picture and your done.

Here you can see what you should have at the end

Spoiler (Click to View)

[img]http://img163.imageshack.us/img163/8452/hftutsignature.gif[/img]

[Tricktix]

It's still really good for your first signature, continue :P
The font is : Slant

[robot96]

😉 hey how can i get my name & other image like dis http://img141.imageshack.us/img141/5089/projet2b.png

plz pm me..

[Atillou77]

Tutorial is good, signature is good, all is good and i hope you be better

[Tricktix]

It's a style i use. I'll make a tutorial to make some layer style.

[xRebel]

Woow this is mad cool
Dam wish I could do shit like this do easy

[BastiKing]

Very helpful tut. Thanks a lot. Need only 46 more posts to add my sig ;)

[Tricktix]

Great tutorial!

Also I made that menu in english if anybody wants it.
Spoiler (Click to View)
[IMG]http://i1132.photobucket.com/albums/m576/M1kep/Screen.jpg[/IMG]

---

Also made the second screen for those who would like that one as well.
Spoiler (Click to View)
[IMG]http://i1132.photobucket.com/albums/m576/M1kep/Screen2.jpg[/IMG]

thank you for the translated version :) Im sure it's going to help alot of people.

[Liberty Reserve©]

Amazing tutorial, easy to follow
Thanks for this bro helped me alot:D

[Tricktix]

Amazing tutorial, easy to follow
Thanks for this bro helped me alot:D

your welcome, im happy it helped you :)

[allesgut66]

ah thanks, seems really cool! :D will try it as soon as possible

[deadlyicedragon]

i would do this,but i dont have the program you use,could you please give me the link to it? or could you do it to my signature?

thanks in advance

[The Master™]

It doesent play for me. That button makes Tons and Tons of Layers but nothing after that

[Tricktix]

It doesent play for me. That button makes Tons and Tons of Layers but nothing after that

talk to me on skype when you can, i'll help you.

[Ghost.]

nice tutorial and end result, but you need to step away from the font 'slanted'. in all the work of yours i've seen that's the only font you use. mix it up bro.