home tutorials forums downloads contact-us
Realistic Digital Planet Levels Adjustment Tool Practical Real Estate Layout Colorful Classy Text Fresh Tutorials:
Last Update: 2.14.2007
Online: 100 Users
Advetise on For only $50 per month! Tutorials Effects Grunge Signature

Grunge Signature

In this tutorial you will learn the basics of creating a basic grunge signature in photoshop. The tips and techniques taught in this article can be applied to creating backgrounds for your webpages, or web page headers. These are techniques that have been developed by people all over the world that use photoshop to create signatures, and banners.

Download File Download Grunge Signature Source Package

Go To Page: [ 1 2 ]

Page 1 of 2

Step # 1
Open a new document in photoshop of any size for this tutorial l am using 350x150 - a good size for a forum signature.

Step # 2
Next you want to find a good picture to use in your signature. Be it an image from your favorite game, a sports car or even a super model.

For this tutorial l will be using this solider render:
Render available in PNG format in the download pack for this tutorial.

Go ahead and open your image in photoshop.

Press CTRL + A to highlight everything, and press CTRL + C to copy it.

Switch back over to our 350x150 signature document and press CTRL + V to paste the render.

Some resizing of your image/render is usually needed. This is easy enough. Simply press CTRL + T on your keyboard to bring up the "free transform tool", you'll notice 8 small boxes around the outer bounder of the render/image, simply place your mouse cursor near one of these "nodes/boxes", press and hold the SHIFT button on your keyboard (to restrain proportions); click and hold your mouse button and drag inward towards the center of the image/render.

Your canvas should look something like this:

Step # 3
Next we're gong to work on the background for our signature. Set your foreground color to white (#FFFFFF) and open up a grunge brush.

For this tutorial l will be using a brush set called "Phazon Graphics Grunge" which you can download for free here:
Phazon Graphics Grunge Brush Set - Alternatively you can select one of the brush sets available here at in our Downloads Section.

Create a new layer UNDER the game render image that we already have.
Select one of the brushes in the set and brush a little around on the canvas to create a nice texture for our background. You should have something similar to this:

Step # 4
Create a new layer on top of this, and do a little more brushing onto the document. You can use the same brush as before, however it is better to get a different brush for more contrast in your final signature.

Once you've done so, change the blending mode of this layer to "Soft Light":

Continue to do this on another three layers, changing the blending mode to "Soft Light" each time, here is what l've got:

Step # 5
This will leave us with a good base to work with. What you will want to do at this point is to darken each of these layers. So go ahead and do the following:

Click on each layer to select it.

Press CTRL + U to open up the Hue/Saturation box.
Do not check "colorize" box

Use a different amount on each layer, start with -20, then -30, then -40 and so on and so forth, just make sure they are each a little different.

Continue to adjust each of the "soft light" layers until you are happy with the result:

Step # 6
Next we're going to attempt to blend the render image in a bit better with our background. Go ahead and click on the layer with the game render // which should be the very topmost layer.

Get out the eraser tool (), set the opacity of the brush to 50 percent:

Select one of the grunge brushes once again, and brush over the Render image until it blends in well with our current background, here's what l've got:

Step # 7
Now we'll go ahead and add color to our background.
Go to "Layer->New Adjustment Layer->Color Balance" and apply the following settings:
Press Okay





Go To Page: [ 1 2 ]
Page 1 of 2
Tutorial Index

Download File Download Grunge Signature Source Package

Author: Xfader
Discuss this tutorial on the Forums
Desktop Deck - Desktop wallpapers and graphic design tutorials LooseMoose52 - photography and web design articles and tutorials Best Tutorials Site From Romania for noobs and experts
All Affiliates / Your Link Here
© 2007 - 2008 Duplication/Redistribution prohibited. Map
Top of Page