Tips & Tutorials

Full Signature Tutorial (A.S.G.T)

A place to share tips and tutorials. Resources for beginners and advanced users.

Full Signature Tutorial (A.S.G.T)

Postby Shadowraith » Sat May 03, 2008 7:01 am

Welcome to Another Shadowraith Gimp Tutorial (A.S.G.T)

This is a full signature tutorial, fairly basic and should be rather easy to follow. Want I really want you, the reader, to achieve from this tutorial, is not just a new sig, but new techniques, these are the heart of a sig, without any all sigs would be bland and boring. I will show you how to make the most of these simple techniques to make a very complex sig. This sig was almost completely made with Defaults. Now let's get started :)

Resources
-
-
-

Tutorial

In this tutorial you will be making a sig like this:
Image

Step 1

Open up a new canvas, I will be using 400x100, get out the Paintbucket tool and fill with black.

Image

Step 2

Next scale your render to fit inside the sig and paste it in on a new layer.

Image

Step 3

Make a new transparent layer and move it just beneath the render layer. Get out the Paint brush tool, change your FG color to white, select a couple brushes from the Cloud set you have just downloaded and make a couple of clicks so that it fills almost the entire sig. Leave this layer as Normal at 100% opacity.

Image

Step 4

Duplicate your render layer twice, move one just underneath the render layer and leave the other duplicate where it is. Select the one below the original render layer, go Filters>Blur>Gaussian Blur and change the settings to 20. Now go Filters>Distorts>Shift and change the settings to 10.

Image

Step 5

Now go to the other duplicated layer and go Filters>Blur>Gaussian Blur and leave the X and Y settings at around 20. This bit is rather tricky so listen carefully. Go back to your original render layer and go Layer>Transparency>Alpha To Selection, then Select>Shrink by about 5 pixels, then Select>Feather and change it to around 10 pixels. Then select your render duplicated layer which is above the original render layer and go Edit>Clear and set this duplicated layer to Normal at 100% opacity. Almost done so bare with me, now go Select>Invert, go back to the original render layer and go Edit>Clear. Hope you're still with me :D

Image

Step 6

Go Edit>Copy Visible then Edit>Paste into a new layer, move this layer to the top of the layer stack. Duplicate this layer 3 times, call them Color#1, Color#2, Color#3 from bottom to top.

Image

Step 7

It's time to turn this image into a sig. On the first duplicated layer (Color#1), change your FG color to a strong red, I used ff1010 and your BG to a strong yellow, I used efe70d. Go Color>Map>Gradient Map. Set this layer to Overlay at 70% Opacity. Now go to the Color#2 layer, change your FG to a strong blue (0617ed) and leave your BG as a strong yellow. Do another Gradient Map and change this layer to Color at 50% Opacity. Last but not least go to the Color#3 layer, change your FG to a strong green (3bfc0e) and your BG to a brown (7c3e32), do one more Gradient Map and set this layer to Overlay at 20% Opacity.

Image
Image
Image

Step 8

Go Edit>Copy Visible then Edit>Paste and move this layer to the top of the stack. If you sig is looking too dark go Color>Brightness-Contrast and change the brightness setting to 30 and the contrast setting to 10. Now to add the main text. I am using the logo for the game Army Of Two, which my render is from, you can either use a logo or some large, thick text. Paste in the logo or create your text on a new transparent layer at the top of the stack.

Image

Step 9

Make a new transparent layer underneath the text/logo layer, select the text/logo layer and go Select>Transparency>Alpha To Selection. Now go back to the empty layer, go Select>Grow by 1 pixel then change your FG color to black and go Edit>Fill with FG. Now to finish off go Filters>Blur>Gaussian Blur and change the settings to around 10.

Image

Step 10

Now do another Edit>Copy Visible and Edit>Paste onto a new transparent layer at the top of the stack. Now go Color>Desaturate and duplicate this layer 3 times. On the first duplicated layer, change your FG color to a strong red, I used ff1010 and your BG to a strong yellow, I used efe70d. Go Color>Map>Gradient Map. Set this layer to Overlay at 60% Opacity. Now go to the second duplicated layer, change your FG to a strong blue (0617ed) and leave your BG as a strong yellow. Do another Gradient Map and change this layer to Overlay at 60% Opacity. Last but not least go to the third duplicated layer, change your FG to a strong green (3bfc0e) and leave the BG as a yellow. Do one more Gradient Map and set this layer to Overlay at 20% Opacity.

Image
Image
Image
Image

Step 11

Now you can add a border if you want to. To finish off go Edit>Copy Visible then Edit>Paste and if your sig is too dark go Color>Brightness-Contrast and change the Brightness setting to 50 and the Contrast setting to 20.

Image

I hope you have enjoy this tutorial, all feedback is welcome and I am looking forward to seeing some results :D

Other Possible Results

Image

Image
Members don't see the above ad. Register now - it's free!
Last edited by Shadowraith on Sat May 03, 2008 11:03 am, edited 1 time in total.
User avatar
Shadowraith
Sr. Member
 
Posts: 268
Joined: Sun Mar 02, 2008 6:01 am
Location: Sydney, Australia

Re: Full Signature Tutorial (A.S.G.T)

Postby El Llama » Mon May 05, 2008 1:58 am

Once again, great results, great tutorial. Great skill! :D
User avatar
El Llama
Retired Staff
 
Posts: 1362
Joined: Wed Nov 28, 2007 9:26 pm
Location: Franklin, Tennessee

Re: Full Signature Tutorial (A.S.G.T)

Postby lamaz1928 » Mon May 05, 2008 2:14 am

very cool. this will help a lot of starters :D also, some good tips, thanks :D
User avatar
lamaz1928
Hero Member
 
Posts: 2205
Joined: Sun Dec 09, 2007 12:54 am
Location: Tennessee

Re: Full Signature Tutorial (A.S.G.T)

Postby Siddharth » Mon May 05, 2008 4:42 pm

greaat tut bro :)
User avatar
Siddharth
Retired Staff
 
Posts: 1829
Joined: Tue Nov 27, 2007 11:54 am
Location: India

Re: Full Signature Tutorial (A.S.G.T)

Postby sglider12 » Wed May 14, 2008 12:25 pm

nice tut! ^-^ ^-^
Image
Image
PSNetwork: sglider12 <--Add Me!
User avatar
sglider12
Retired Staff
 
Posts: 3610
Joined: Fri Nov 30, 2007 2:26 am
Location: Aubrey, Texas

Re: Full Signature Tutorial (A.S.G.T)

Postby captain-jack » Wed May 14, 2008 3:01 pm

It is very much appreciated, I know it doesn't help me produce something as fancy as yours, but it still got me one.
User avatar
captain-jack
Newbie
 
Posts: 20
Joined: Sat May 10, 2008 3:09 pm
Location: Utah

Re: Full Signature Tutorial (A.S.G.T)

Postby ueki2008 » Sat Oct 11, 2008 3:43 pm

Image

My result. This is a superb tut I loved it. Hehehe I didn't follow all the steps after 10 kinda went my own way you know.
ueki2008
Newbie
 
Posts: 9
Joined: Sun Oct 05, 2008 6:49 pm

Re: Full Signature Tutorial (A.S.G.T)

Postby Oakesyboy » Sun Oct 12, 2008 2:35 am

nice tut
User avatar
Oakesyboy
Hero Member
 
Posts: 1852
Joined: Thu Sep 11, 2008 12:43 am
Location: Melbourne, Australia.

Re: Full Signature Tutorial (A.S.G.T)

Postby Oakesyboy » Thu Oct 23, 2008 8:19 am

Heres my outcome
Image
Last edited by Oakesyboy on Fri Oct 24, 2008 2:50 am, edited 1 time in total.
User avatar
Oakesyboy
Hero Member
 
Posts: 1852
Joined: Thu Sep 11, 2008 12:43 am
Location: Melbourne, Australia.

Re: Full Signature Tutorial (A.S.G.T)

Postby undrgrnd » Fri Oct 24, 2008 2:34 am

can someone tell me if I did this right? :question:

Image
Image
undrgrnd
Full Member
 
Posts: 133
Joined: Fri Oct 24, 2008 2:16 am
Location: 4chan

Re: Full Signature Tutorial (A.S.G.T)

Postby B☠N3S » Fri Oct 24, 2008 2:47 am

Nice but colors don't mach...
User avatar
B☠N3S
Hero Member
 
Posts: 2188
Joined: Sat Mar 08, 2008 1:35 pm
Location: Puerto Rico aka "That island place"

Re: Full Signature Tutorial (A.S.G.T)

Postby Oakesyboy » Fri Oct 24, 2008 2:57 am

Looks like you did it right.
But you made it too long :P
BTW i like your dancing sig :D
User avatar
Oakesyboy
Hero Member
 
Posts: 1852
Joined: Thu Sep 11, 2008 12:43 am
Location: Melbourne, Australia.

Re: Full Signature Tutorial (A.S.G.T)

Postby undrgrnd » Fri Oct 24, 2008 3:11 am

B☠N3S wrote:Nice but colors don't mach...


yeah i just followed teh instructions. . . but with a different render. . . :(

Oakesyboy wrote:Looks like you did it right.
But you made it too long :P
BTW i like your dancing sig :D


i have a purpose for why its that long. . . and i did another one with a very bad result. . . :'(

and a lot of people really like that gif. . . :)

click on it to see teh vid. . .
Image
undrgrnd
Full Member
 
Posts: 133
Joined: Fri Oct 24, 2008 2:16 am
Location: 4chan

Re: Full Signature Tutorial (A.S.G.T)

Postby Oakesyboy » Fri Oct 24, 2008 3:24 am

undrgrnd wrote:
i have a purpose for why its that long. . . and i did another one with a very bad result. . . :'(

and a lot of people really like that gif. . . :)

click on it to see teh vid. . .

It doesnt seem that you used the cloud brushes.
Did you make that gif yourself?
that vid is AWESOME! :)
User avatar
Oakesyboy
Hero Member
 
Posts: 1852
Joined: Thu Sep 11, 2008 12:43 am
Location: Melbourne, Australia.

Re: Full Signature Tutorial (A.S.G.T)

Postby undrgrnd » Fri Oct 24, 2008 3:37 am

lol. . . i wish i made it. . . :P

and yeah i didn't use the cloud brushes. . . but teh colors and every step i followed them. . .

why doesn't it look right :'(
Image
undrgrnd
Full Member
 
Posts: 133
Joined: Fri Oct 24, 2008 2:16 am
Location: 4chan

Next

Return to Tips & Tutorials

Who is online

Users browsing this forum: No registered users and 3 guests