Sig tutorial

[VipeR]

How to make a complete sig.

The Background-
1) Open up a new document. I'm going to be starting out with a 500*120 pixel size transparent document.
2) Filter > Render > Clouds (make sure your background color is white and your foreground color is black)
3) Push ctrl+f a few times until you're happy with it.
4) Filter > Render > difference clouds
5) Push ctrl+f a few times until you're happy with it.
6) Duplicate layer 1 3 times so in total you have 4 layers
7) On the top layer, push ctrl+L and put in 0, 1.00, and 109. Leave the output levels the same.
8) Push ctrl+I to invert it.
9) Press ctrl+U to colorize it. I used 212, 40, and 0.Now rename it the "lightning layer".
10) On the layer below that, go to filter > blur > radial blur. Make the settings 100, Zoom, Good. Rename it the "Zoom layer".
11) Go to the layer below our zoom layer and go to filter > sketch > bas relief. I used the settings 15, 2, and top left. Rename that layer the "Rocky layer".
12) Filter > Artistic > Plastic Wrap. Just max out all the settings.
13) Go back to our "lightning layer" and set the mode to color dodge, our "zoom layer" to multiply, and the "rocky layer" to lighten.
14) Merge all the layers together and duplicate the newly merged layer. Go to flip horizontal and flip vertical. Now set the blending mode to Hard light.
-It should look something like this.



The Border-
1) Make a new layer and fill it with white.
2) Now use the polygonal lasso tool to take pieces out of the white. Make it look like this or if you choose, your own design.

3) Go to the blending options screen by going to layer > layer style > and clicking on blending options.
4) Now just play around with those settings.

After finally playing around with the settings, adding brushes and such this is my final product.


Text-
1) So right now I'm assuming that you lready know where the type tool is so use the type tool and type something in. I used Ringbearer as my font but you can use any font you choose.
2) Now it looks really plain so lets make it look better. Go to the blending options screen by going to layer > layer style > and clicking on blending options. Now just play around with those settings.
3) So far this is what mine's looks like.

Ok so have we finished the sig yet? Well you can leave it at that but let's add a little more to it.

Animation-
1) For the animation part of this tutoial, we're going to make some simple rain. Make a new layer and fill it with black. Go to Filter>Noise>Add Noise (65, Gaussian, Monochromatic)
2) Do steps 1, 3 more times, but everytime you add noise, go up one, 66>67>68, etc (to make them look different)
3) Then go to Filter>Blur>Motion Blur. I used 45 Degrees, 35 Distance for each one of them.
4) Set each one of your layers to screen or just fool around with the opacity.
5) Once that's done, you need to switch over to ImageReady
6) Make sure the Layers and Animations windows are up. If not (Windows>Animations and >Layers)
7) Find the Duplicates Frames button and copy it 3 more times.
8) Click on each frame but on each one only have 1 layer of rain visible along with the background with the eye things.
9) Once that's done press play and see what you got. Mess with the timing and such and get it as perfect as you want.

So now that we have finally finished our sig, this is what mine's came out to look like.


If you like this tutorial please help me by registering and become an active member of this growing community.

[TeRR0r]

Damn, that's awesome. I really like the rain animation. Really cool. Come on guys help out VipeR by registering and being an active member.

[dEN1z]

hi hi very nice man but at the end it didnt work for me if u have msn messager add me joseden1z@hotmail.com i can give u some money if u show me how to do this kind of signs

[rollson]

Thanx man look at what i done just from all ur tut all gd man i like ur work

[ipkwhorz]

Um, hi I just goined imaginary Desgin and I was wonder, how do you get the border to cut the white out in the middle? I can't get it its just all while for me. And were you suppose to merge the other two layers together from the first steps??

[ipkwhorz]

Hmm I got the border figured out but I couldn't make the rain on imageready

[MLC]

Pretty cool! GJ the borders kool!

[MegaManZero2]

Ya, it's Nice.... THANK YOU VipeR.... it was your sig that gave me the jolt I needed to start making my own Sigs.... so thanks alot buddy!!!

but the rain animation thing diddn't work out for me either.. please add me to either your MSN or if you've got it and prefer add me to Xfire, my Xfire thing is JediRob02, my MSN thing is the same as my E-Mail address... o maybe you can explain about the animations part better, the part where you go into image ready and that kinda thing.

I'm als going to attempt the matrix effects tutorial that you made!!
Yea and afterwards, I'mgonna try and create a sig that hopefully will use that effect... Infact I'd say that sigmaking, once you know what to do it, is 100% imagination!!

If you can imagine it, you can make it!!

Oh yes.... uh what's that money thing about?

[houndy]

yeah i don't understand the rain bit
ive been trying to do the rain for about 1 hour now and i still don't know how to do it, if you could add me on msn at chrisy_92_06@hotmail.co.uk and tell or or reply here with a more clearer response that would be great
thanx, houndy

[houndy]

this is mine
http://img258.imageshack.us/my.php?image=houndyorgbt3.swf
kinda lame and i dnt even kno how to make it show up properly on website
and i duno if i saved it right

[jason]

stunning tut.. well worth registering for as sign of thanks!

[nejis_destiny]

hey thanx viper thats awsum really helped a newbie like me but i dont no how to put actually show it on the forum, instead of just a link... help plz?

here it is nyways.. I WILL WIN

[THE~INVISIBLE~GUEST]

my outcome:



didint do the border to good

[h3llzfir3]

umm i know this is a late reply but i needed help with the rain part.....
add me on msn and explain it more to me please
flyswatter_chance@hotmail.com

[Dean]

very nice tut viper although i think the rain would look better behind the border

[detoxisthedevil]

hey viper, i just had a quick question about how to just have one layer of rain in each frame. my msn is detoxisthedevil@hotmail.com if you wanted to explain. it would probably take 10 seconds

[tarochanpan]

trying this straight away ill post outcome l8r and thx man for the tut

my outcome and what do u mean by screen??

[RoBoTiC]

I don't understand what do you mean by opening a new document

New document = Microsoft word or what? lol

[Xeroze]

he means create a new file in photoshop...

go file-new-blank file...

-Xeroze-

[Drift]

Awesome tutorial!!! =] Although it took quite a while to get the rain animation, the sig came out pretty damn good in my opinion, i'm quite proud of it. =] All thanks to you VipeR....now here it is, with my personal favorite type of boarder, cinematic:

[4rch4ngel]

Haha V Nice Tut

finally learned some animation


Outcome :

[Trobinho]

Can you please explain the bit with the rain better? On imageready.. PLZ! Nice Tut!!

[requiem]

are you fucking kidding me?
tat looks like p00p.
this is a real sig.

[Grigo]

Hey. As a guest i was looking for some Photoshop tutorials, cause I am novice and want to learn something. I am interrested in making sigs so that website is cool for me. I found many advanced tutorial what are "for novices", but they were not ;/ This one is simple and effective as well. I registered to make this site more popular and crowded. Regards!