Welcome to slayer’s blog | Web Design tips & tutorials

The tutorial was made by a good friend of mine: xNight, and he gave me permission to post it here. You will find more of his designs on his portfolio page

In this tut i am going to show you how i made this signature:

Step 1: First i am going to open up a document of 308×140. Take the render you are going to use, don’t resize set, fill up your background with the render. In mine so far it took only 2 copies to fill up the background.

Step 2: Okay, now resize your render on your sig and duplicate it 3 times, giving you a total of 4. Hide all renders but the first one.
On the first render go to Filter -> Distort -> Wave where leave defaults and hit randomize a few times until you get something you like. Move the distorted layer to the left side of the sig.
Unhide the next layer and do the same thing, but this time move it to the right side. Set both distorted layers to screen.
Here’s mine so far:

Step 3: Hide your 3rd render and take out a soft smudge brush 60px, 50% strenght and smudge the render outwards, and set to color dodge. You should get something similar to this:

Step 4: Unhide your last render layer and feather/blend it a bit. Move it to where you think it looks the best.

Step 5: Duplicate the render layer one more time and go to Filter -> Distort -> Wave. Do that again. Now i moved that layer on top of my visible layer and then put it towards bottom of the sig to help the render blend in a bit. Set to screen.

Step 6: I made a new blank layer and got out a black rock brush(how to get rock brush explained in bottom), brushed around in a few spots to give it a little different look.
Sharpen the layer once: Filter -> Sharpen -> Sharpen and then set to overlay.

Step 7: Now make an other new layer and fill it with black: Shift + F5. Go to Filter -> Renders -> Lens Flare where use these settings: 100% 105mm prime, and make the light come from top. Remember to set to screen.

Step 8: Okay,its time for a few adjustment layers. look over to your layers palette(usually the bottom right tool bar in photoshop.
Do you see the little black/white circle? Click it and choose gradient map.
A box should pop up:

Click ok and set it to multiply and 30% opacity. Now go back to the little black/white circle, but this time go to curves and use these settings:

Go to the little black/white circle one more time, and this time use brightness/contrast with Brightness -10 and contrast +17.

This is what you should get:

Step 9: Make a new layer and go to Image -> Apply and hit OK. Next on that layer go to Filter -> Blur -> Gaussian blur and set it to 2px.

After this go to Edit -> Fade -> Gaussian blur. In the box that pops up change the blending mode to multiply and set opacity to 40%.

And here’s the finished Signature:

Now all you need to do is put your text on it with a tagline(i would recommend using a futuristic font)

Enjoyed this post? Subscribe to my RSS feed today!

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment Preview: