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)
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)
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)
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)
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)
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)
14: Press the save button, write the name you want for your picture and your done.
Spoiler (Click to View)
: You make your signature dimension, im gonna do 650x200 (the largest signature you can have on HF)
Spoiler (Click to View)
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)
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)
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)
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)
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)
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)
![[Image: YPuZXzZ.png]](https://i.imgur.com/YPuZXzZ.png)