In this tutorial I will be teaching you how to make Signatures such as these:
Note: This is done by using GIMP. Another free photo editing tool which is found on the internet. Browse down for more details.
Step 1: Starting out and making your background
I'm starting off with a New Window in Gimp. Dimensions are 420 pixels wide by 90 pixels high (image below for reference).
Now click on the paintbrush icon, and down in the lower menu there should be a scroll bar entitled "Opacity". Move that down to about 60% or so.
Now select a grunge brush (I used the Abstract Chaos brush set).
Note: If you need to find brushes for Gimp, boot up Google, type in "Deviant Art Gimp Brushes" then click on the first link. To install those brushes, follow this guide:
http://forums.nintendo.com/nintendo/boa ... =0#M412824
Brush on your signature using different brushes until most of it is covered. It may resemble the below image, now:
Now click on the black rectangle in the center of the tool menu. Double click on it and select the colour white. Now pick out a soft brush, and start brushing on top of your grunge brushed background. I used the Leiyla brush sets for this.
Now don't go overboard when you're doing this. In the end you still want to be able to make out at least some of the black background you started with. Here is what I came up with after a few brushes:
The next thing that you should do is this:
In your layer window you should be working on your "Background layer". Right click (Ctrl + Click for Mac's) on that layer, and select "Duplicate layer".
Your layer window should now look like this:
Now select that duplicated layer, and go to Filters->Blur->Gaussian Blur.
Put in these settings:
Blur radius:
Horizontal: 13
Vertical: 13
Blur Method: IIR
Now hit OK.
Your signature should now look extremely blurry. Now under the layers window, and under "Mode:" click, and scroll down until you come across Multiply.
Note: Overlay, Burn, Hard light, Soft light and Grain Merge can also work well.
What this does is that it brings out the light or dark colours of the signature (depending on which blend mode you use).
Here is what I came up with:
Now right click on your duplicated layer and select "Merge Down".
Now comes the background colouring part:
Now before deciding on a colour, its often a good idea to figure out what render you're planning on using. If you're render matches the background it can make the signature as a whole look nicer and stand out.
Since I'm planning on using a render of Koops (which is yellow and blue), I'll make the background a light blue-turquoise colour to match him.
Now if you have decided on your colour, lets continue on...
With your background layer selected go to Tools->Color Tools->Colorize. Play around with the scroll bars "hue", "saturation" and "lightness" until you're content.
Since I'm making a light blue background I used the following:
Hue: 192
Saturation: 84
Lightness: 12
The result is this:
Step 2: Inserting and touching up your render
Now its time to insert the render.
As I mentioned earlier, I'm using a Koops Render:
Now, as I've used in my past tutorials, I'll be using the Magic Wand tool. I'm not going into great detail, so if you're stuck, please PM me or read my other simpler tutorials.
Take the magic wand tool, click on the background, now go to Select->Invert.
Now cut the render out.
Now, switch back to your signature. Go to Layer->New Layer, and then paste your render into it. If the render is too big or facing the wrong way you can correct this by going to Layer->"Scale Layer" and Layer->Transform->"Flip Horizontally".
Now once you have it where you want it, anchor the layer by clicking outside of the signature.
This is what I came up with:
Note: Now be warned, from this point onwards this tutorial will become increasingly difficult. You have been warned. >=D
Now make a new layer, then paste the Koops render again, and again, again until Koops's fill the entire screen. Everything must be covered. This may seem silly, but you'll see soon enough its purpose.
Your layers window should look like this:
Now with that layer selected (Lots o' koops one) go to Filters->Blur->Gaussian Blur. Set this at anything above 18 horiz. and vert, hit OK.
Now under "Mode" in the layer window select "Overlay". Now take your original Koops layer and move it up above the Blurred-Overlayed-Koops layer.
Your image should look something like this:
Now select your original Koops layer, duplicate it, now go to Filters->Blur->Gaussian Blur. Set both axis as 18 or so.
Now set that duplicated layer as "Overlay". What this does is emphasizes or brightens certain colours. Its a useful tool for creating a warmer feel to a render.
Again, other blending styles can create different results. Experiment with them!
Step 3: Adding text and text effects
Now for the text:
Pick out a font that you want for the main text of the signature:
I picked the font "JellyBelly". Select white as a colour, then type out your screen name. Now center the text onto your sig, then anchor it.
Now go to layers->Transparency->Alpha to Selection. Now make a new layer, and move it BELOW the text layer.
Now make sure that your default colour is black, then got to Edit->"Stroke Selection". Under "Stroke Line" select "3", then hit OK.
Now unselect everything, then select the text layer and merge it down onto the stroked text layer.
It should now look like this:
Now duplicate your text layer, put a Gaussian Blur of 8 (or less) on the layer, then and set the duplicated, top layer to "Darken Only". Now merge down that layer over top of your text layer.
Now go to Colorize, and input the settings that you originally set for the background (or something similar).
Hit OK.
Your sig should now look like this:
Now that this is finished, its time to work on the sub text (if you want it).
Now select the text tool, and pick a font. For best results use a pixelated or bitmap font.
I used the font "Acknowledge TT (BRK)" under size "14".
Now go to Layer->Transparency->Add alpha to Selection, make a new layer below, edit->Stroke Selection, but put the stroke line size to 2.7.
Now, merge down the text layer onto the stroked layer, position the text, and it should look like this:
Now you can leave the sub text as is, if you'd like, but if you want to try a different effect select the blending mode "Value" while selecting the sub text layer.
Step 4: Finishing up and adding a border
Now finally the border.
Here are two ways of making borders:
# 1:
Make a new layer, place the layer above both of the renders. Now go to Select->All, then go to Edit->Stroke Selection. Make sure black is the default colour, make the stroke line "2", then hit OK.
# 2:
Make a new layer, place the layer above both of the renders. Now go to Select->All, then go to Edit->Stroke Selection. Now with black as the current colour go to stroke size 10, then switch to white, stroke size 8, now switch back to black and select 5 or 6. Now using that layer set it to Overlay.
Examples of borders on this signature:
With #1 Border:
With #2 Border:
If you have any problems here please post.
Warning: No spamming or illegal advertising contents are allowed.
GIMP Information
Similar to Adobe Photoshop however has more detailing.
Homepage: http://www.gimp.org
Note: To download visit site first.
Note: This is done by using GIMP. Another free photo editing tool which is found on the internet. Browse down for more details.
Step 1: Starting out and making your background
I'm starting off with a New Window in Gimp. Dimensions are 420 pixels wide by 90 pixels high (image below for reference).
Now click on the paintbrush icon, and down in the lower menu there should be a scroll bar entitled "Opacity". Move that down to about 60% or so.
Now select a grunge brush (I used the Abstract Chaos brush set).
Note: If you need to find brushes for Gimp, boot up Google, type in "Deviant Art Gimp Brushes" then click on the first link. To install those brushes, follow this guide:
http://forums.nintendo.com/nintendo/boa ... =0#M412824
Brush on your signature using different brushes until most of it is covered. It may resemble the below image, now:
Now click on the black rectangle in the center of the tool menu. Double click on it and select the colour white. Now pick out a soft brush, and start brushing on top of your grunge brushed background. I used the Leiyla brush sets for this.
Now don't go overboard when you're doing this. In the end you still want to be able to make out at least some of the black background you started with. Here is what I came up with after a few brushes:
The next thing that you should do is this:
In your layer window you should be working on your "Background layer". Right click (Ctrl + Click for Mac's) on that layer, and select "Duplicate layer".
Your layer window should now look like this:
Now select that duplicated layer, and go to Filters->Blur->Gaussian Blur.
Put in these settings:
Blur radius:
Horizontal: 13
Vertical: 13
Blur Method: IIR
Now hit OK.
Your signature should now look extremely blurry. Now under the layers window, and under "Mode:" click, and scroll down until you come across Multiply.
Note: Overlay, Burn, Hard light, Soft light and Grain Merge can also work well.
What this does is that it brings out the light or dark colours of the signature (depending on which blend mode you use).
Here is what I came up with:
Now right click on your duplicated layer and select "Merge Down".
Now comes the background colouring part:
Now before deciding on a colour, its often a good idea to figure out what render you're planning on using. If you're render matches the background it can make the signature as a whole look nicer and stand out.
Since I'm planning on using a render of Koops (which is yellow and blue), I'll make the background a light blue-turquoise colour to match him.
Now if you have decided on your colour, lets continue on...
With your background layer selected go to Tools->Color Tools->Colorize. Play around with the scroll bars "hue", "saturation" and "lightness" until you're content.
Since I'm making a light blue background I used the following:
Hue: 192
Saturation: 84
Lightness: 12
The result is this:
Step 2: Inserting and touching up your render
Now its time to insert the render.
As I mentioned earlier, I'm using a Koops Render:
Now, as I've used in my past tutorials, I'll be using the Magic Wand tool. I'm not going into great detail, so if you're stuck, please PM me or read my other simpler tutorials.
Take the magic wand tool, click on the background, now go to Select->Invert.
Now cut the render out.
Now, switch back to your signature. Go to Layer->New Layer, and then paste your render into it. If the render is too big or facing the wrong way you can correct this by going to Layer->"Scale Layer" and Layer->Transform->"Flip Horizontally".
Now once you have it where you want it, anchor the layer by clicking outside of the signature.
This is what I came up with:
Note: Now be warned, from this point onwards this tutorial will become increasingly difficult. You have been warned. >=D
Now make a new layer, then paste the Koops render again, and again, again until Koops's fill the entire screen. Everything must be covered. This may seem silly, but you'll see soon enough its purpose.
Your layers window should look like this:
Now with that layer selected (Lots o' koops one) go to Filters->Blur->Gaussian Blur. Set this at anything above 18 horiz. and vert, hit OK.
Now under "Mode" in the layer window select "Overlay". Now take your original Koops layer and move it up above the Blurred-Overlayed-Koops layer.
Your image should look something like this:
Now select your original Koops layer, duplicate it, now go to Filters->Blur->Gaussian Blur. Set both axis as 18 or so.
Now set that duplicated layer as "Overlay". What this does is emphasizes or brightens certain colours. Its a useful tool for creating a warmer feel to a render.
Again, other blending styles can create different results. Experiment with them!
Step 3: Adding text and text effects
Now for the text:
Pick out a font that you want for the main text of the signature:
I picked the font "JellyBelly". Select white as a colour, then type out your screen name. Now center the text onto your sig, then anchor it.
Now go to layers->Transparency->Alpha to Selection. Now make a new layer, and move it BELOW the text layer.
Now make sure that your default colour is black, then got to Edit->"Stroke Selection". Under "Stroke Line" select "3", then hit OK.
Now unselect everything, then select the text layer and merge it down onto the stroked text layer.
It should now look like this:
Now duplicate your text layer, put a Gaussian Blur of 8 (or less) on the layer, then and set the duplicated, top layer to "Darken Only". Now merge down that layer over top of your text layer.
Now go to Colorize, and input the settings that you originally set for the background (or something similar).
Hit OK.
Your sig should now look like this:
Now that this is finished, its time to work on the sub text (if you want it).
Now select the text tool, and pick a font. For best results use a pixelated or bitmap font.
I used the font "Acknowledge TT (BRK)" under size "14".
Now go to Layer->Transparency->Add alpha to Selection, make a new layer below, edit->Stroke Selection, but put the stroke line size to 2.7.
Now, merge down the text layer onto the stroked layer, position the text, and it should look like this:
Now you can leave the sub text as is, if you'd like, but if you want to try a different effect select the blending mode "Value" while selecting the sub text layer.
Step 4: Finishing up and adding a border
Now finally the border.
Here are two ways of making borders:
# 1:
Make a new layer, place the layer above both of the renders. Now go to Select->All, then go to Edit->Stroke Selection. Make sure black is the default colour, make the stroke line "2", then hit OK.
# 2:
Make a new layer, place the layer above both of the renders. Now go to Select->All, then go to Edit->Stroke Selection. Now with black as the current colour go to stroke size 10, then switch to white, stroke size 8, now switch back to black and select 5 or 6. Now using that layer set it to Overlay.
Examples of borders on this signature:
With #1 Border:
With #2 Border:
If you have any problems here please post.
Warning: No spamming or illegal advertising contents are allowed.
GIMP Information
Similar to Adobe Photoshop however has more detailing.
Homepage: http://www.gimp.org
Note: To download visit site first.
