^{Author's note: this tutorial is for people who are new to photoshop.}

Final Result:





Required Tools
Photoshop 7 or CS


The tutorial!

Ok, let's begin! First create a new file by going to File->New or by hitting Ctrl + N on your keyboard and input the following settings to new window:
Width: 400 Pixels
Height 84 Pixels
Color Mode: RGB color 8 bit
Background Contents: Transparent

Now hit the D button in photoshop to make your photoshop colors back to default.

Now go to Filter -> Render -> Clouds and with a render somewhat similar to this:


www.karate.com.tw/joe/img/tut/bbsig/1.gif[/img]


Now go to Filter -> Blur -> Gaussian Blur and set the radius to 0.5 pixels


www.karate.com.tw/joe/img/tut/bbsig/2.gif[/img]

Then next, go to Filter -> Brush Strokes -> Angled Strokes and use the following settings:

Direction Balance: 50
Stroke Length: 15
Sharpness: 2


And it should produce these results:


www.karate.com.tw/joe/img/tut/bbsig/3.gif[/img]

After you've finished the angled strokes, pull the image using the move tool and try and make it so that you can see the white, angled bits instead of the black blobs on the side as so:


www.karate.com.tw/joe/img/tut/bbsig/4.gif[/img]

Now select the crop tool, and drag it from the top left part of the image and drag it down to the bottom right corner of the image, and now double click your left mouse to crop, the image should remain the same as before, but photoshop has cropped the image so that we can make a pixel border later on.

The image should look like this:


www.karate.com.tw/joe/img/tut/bbsig/5.gif[/img]


Now hit Ctrl + U and tick colourize and use these colour settings:
Hue: 216
Saturation: 27
Lightness: -9

The image should look somewhat like this:


www.karate.com.tw/joe/img/tut/bbsig/6.gif[/img]


Next go to Filter -> Blur -> Guassian Blur and set the blur to 0.4 pixels.
Double click the layer in the layers window, this will go into layer styles. Select stroke and use the following settings:


www.karate.com.tw/joe/img/tut/bbsig/stroke.gif[/img]


Now make a new text font by clicking the Horizontal Text Tool, place it in the bottom right corner of the signature and use the following setting for the font:

Verdana, Regular, 14pt, smooth
Text colour: 233246



And there we have it, our basic brushed signature!



Now go to File->Save as for web and save it as a GIF format, and you're done!

As I said, very basic and old tutorial, so it deserves a