+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: [Tutorial]How to make an animated Shiny Signature (/showthread.php?tid=2323258)
Pages: Pages
1
2
[Tutorial]How to make an animated Shiny Signature - Tricktix - Mar 20, 2012
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.
Here you can see what you should have at the end
Spoiler (Click to View)
* - bad - Mar 21, 2012
Thanks A lot for the TUT bro !! I am a fan of U !! Keep gng !! U can go much ahead ;)
* - Zalg0 - Mar 21, 2012
I'm not very proud of it! But here's what i made from your tutorial in 10 minutes!
Thanks for explaining everything!.
Wich font did you use?
* - Tricktix - Mar 21, 2012
It's still really good for your first signature, continue :P
The font is : Slant
* - robot96 - Apr 2, 2012
😉 hey how can i get my name & other image like dis http://img141.imageshack.us/img141/5089/projet2b.png
plz pm me..
* - Atillou77 - Apr 2, 2012
Tutorial is good, signature is good, all is good and i hope you be better
* - Tricktix - Apr 2, 2012
It's a style i use. I'll make a tutorial to make some layer style.
* - SIM-947411 - Apr 3, 2012
i think i'll make 1 like this i love shiny things
* - xRebel - Apr 3, 2012
Woow this is mad cool
Dam wish I could do shit like this do easy
* - BastiKing - Apr 4, 2012
Very helpful tut. Thanks a lot. Need only 46 more posts to add my sig ;)
* - ▁▂▃▄▅▆M1kep▆▅▄▃▂▁ - Apr 4, 2012
Great tutorial!
Also I made that menu in english if anybody wants it.
Spoiler (Click to View)
Also made the second screen for those who would like that one as well.
Spoiler (Click to View)
* - Tricktix - Apr 4, 2012
(Apr 4, 2012 07:51 AM)╔═╝PixieDixie╔═╝ Wrote: Great tutorial!
Also I made that menu in english if anybody wants it.
Spoiler (Click to View)
Also made the second screen for those who would like that one as well.
Spoiler (Click to View)
thank you for the translated version :) Im sure it's going to help alot of people.
* - Liberty Reserve© - Apr 4, 2012
Amazing tutorial, easy to follow
Thanks for this bro helped me alot:D
* - Tricktix - Apr 4, 2012
(Apr 4, 2012 03:06 PM)conor2011 Wrote: Amazing tutorial, easy to follow
Thanks for this bro helped me alot:D
your welcome, im happy it helped you :)
* - Cold Ice - Apr 6, 2012
There are hundreds of tutorials like this. Great u posted it again. But try something new.