I know there are a bunch of these tuts but a lot of them are either too complex or too simple and don't explain very well, I got a couple of PM's from some people asking me how to make sigs, so I thought this little tut might help.
Useful Resources. (Fonts, etc.)
So in this tutorial I'll be showing you how to make a basic signature using Photoshop or GIMP. I'm using Photoshop, but it's pretty much the same with GIMP so don't panic. Also, I'm using a Mac but everything I do will be the exact same on PC, so again, don't panic.
Let's start of with loading Photoshop, now click on File>New
Have these as the dimensions, since those are the signature size limit in the forum.
You should now have this on your Photoshop/GIMP canvas:
I'll be using a random GTA IV screenshot I liked to be the background on my signature, so to open that up click on File>Open and select it from your Desktop, documents folder, or wherever you saved it on. It should pop up on another window.
Now, once it's opened press (M) to bring up the Marquee tool, now select a rectangle over where you want the part of the screen to be on your signature.
Now press Ctrl+C if on a PC and Command+C if on a Mac, and switch the window back to your empty signature one. Click Ctrl+V if on a PC and Command+V if on a Mac. It should look like this:
You should have two layers, one with the picture and another one with the white background on the back. Select them both and click on Merge Layers. You should now have one layer.
Click on the crop tool (or just press C) and select the whole image, now press enter.
Should look like this:
So far, so good. Now, double click on the layer to bring up the Layer Styles, we're going to add a stroke to make the signature look better. Click on 'Stroke' and click on the following options:
You can make your stroke any size or color you want, but I chose 2px and color white.
Let's add some text, it can be your clan, a quote, your username, member title, whatever. I'll be using my username as a text for now. Bring up the horizontal type tool by pressing (T). Now create a text box. Like this:
If you move your mouse outside the text box, you'll be able to move the box around, which is what I've done. Now type in whatever, I'll type in my name in the font Devil Breeze.
Toggle the Character and Paragraph panels, to do that click on a square that looks like this
You can change many things with it, it should look like this when it's opened up.
Step #6 (Optional)
Now, go back to the first layer, the one of the screenshot in the background. Click on Image>Adjustments>Hue/Saturation or Ctrl+U for PC users and Command+C for Mac users.
I'm not a big fan of these adjustments, but I do use it every once in a while to play with the saturation, colors, light, etc. You can ignore this step if you're fine with the lighting and colors, but if you want you can play around with the controls and get some pretty nice results.
Double click on your text layer and bring up the layer styles. You don't have to do this step either if you like plain text, but just in case I'll play around a bit with some options to get a nicer effect. I'll be using Drop Shadow and Bevel and Emboss.
It should give the text a nicer effect, like this:
And that's pretty much it, Go to File>Save and save it as a .jpg or if it has transparency save it as a .png. Also, remember that the maximum file size allowed is 80kb.
Also, it is possible that saving it as .png will make it go over the limit in most of the cases, you will have to use posterize to lower some color levels from the actual picture.
Photoshop: Image>Adjustments>Posterize or
Layer>New Adjustment Layer>Posterize, bot ways work the same.
Keep in mind that you should have all layers merged before applying posterize.
Info provided by Narcis_speed6
I hope you learned something from this tutorial, now get sigging!
Questions? Comments? All accepted!
Remember, this is how I do it, there are other ways to do them too.
Edited by blitz, 30 August 2011 - 07:54 PM.