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

Discussion in 'Gimp Tips & Tutorials' started by Shadowraith, May 3, 2008.

  1. Shadowraith

    Shadowraith Member

    Joined:
    Mar 2, 2008
    Messages:
    268
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Sydney, Australia
    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
    -Render
    -Logo
    -Sentinel GFX Brush Set

    Tutorial

    In this tutorial you will be making a sig like this:
    [​IMG]

    Step 1

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

    [​IMG]

    Step 2

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

    [​IMG]

    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.

    [​IMG]

    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.

    [​IMG]

    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

    [​IMG]

    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.

    [​IMG]

    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.

    [​IMG]
    [​IMG]
    [​IMG]

    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.

    [​IMG]

    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.

    [​IMG]

    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.

    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]

    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.

    [​IMG]

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

    Other Possible Results

    [​IMG]

    [​IMG]
     
  2. El Llama

    El Llama Active Member

    Joined:
    Nov 28, 2007
    Messages:
    1,362
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    youtube.com/llamavlog :D
    Location:
    Franklin, Tennessee
    Home Page:
    Once again, great results, great tutorial. Great skill! :D
     
  3. lamaz1928

    lamaz1928 Active Member

    Joined:
    Dec 9, 2007
    Messages:
    2,205
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    School.....*sigh*
    Location:
    Tennessee
    Home Page:
    very cool. this will help a lot of starters :D also, some good tips, thanks :D
     
  4. Siddharth

    Siddharth Active Member

    Joined:
    Nov 27, 2007
    Messages:
    1,829
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    India
    Home Page:
    greaat tut bro :)
     
  5. sglider12

    sglider12 Active Member

    Joined:
    Nov 30, 2007
    Messages:
    3,610
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    I work at Best Buy as a Digital Life Sales Associa
    Location:
    Aubrey, Texas
    Home Page:
    nice tut! ^-^ ^-^
     
  6. captain-jack

    captain-jack New Member

    Joined:
    May 10, 2008
    Messages:
    20
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    Utah
    Home Page:
    It is very much appreciated, I know it doesn't help me produce something as fancy as yours, but it still got me one.
     
  7. ueki2008

    ueki2008 New Member

    Joined:
    Oct 5, 2008
    Messages:
    9
    Likes Received:
    0
    Trophy Points:
    1
    [​IMG]

    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.
     
  8. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    nice tut
     
  9. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    Heres my outcome
    [​IMG]
     
  10. undrgrnd

    undrgrnd Member

    Joined:
    Oct 24, 2008
    Messages:
    133
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Student
    Location:
    4chan
    can someone tell me if I did this right? :question:

    [​IMG]
     
  11. B☠N3S

    B☠N3S Active Member

    Joined:
    Mar 8, 2008
    Messages:
    2,188
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Puerto Rico aka "That island place"
    Home Page:
    Nice but colors don't mach...
     
  12. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    Looks like you did it right.
    But you made it too long :p
    BTW i like your dancing sig :D
     
  13. undrgrnd

    undrgrnd Member

    Joined:
    Oct 24, 2008
    Messages:
    133
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Student
    Location:
    4chan
    yeah i just followed teh instructions. . . but with a different render. . . :(

    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. . .
     
  14. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    It doesnt seem that you used the cloud brushes.
    Did you make that gif yourself?
    that vid is AWESOME! :)
     
  15. undrgrnd

    undrgrnd Member

    Joined:
    Oct 24, 2008
    Messages:
    133
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Student
    Location:
    4chan
    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 :'(
     
  16. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    did u set the colour layers to overlay?
     
  17. undrgrnd

    undrgrnd Member

    Joined:
    Oct 24, 2008
    Messages:
    133
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Student
    Location:
    4chan
    aaarrghhh. . . now that was dumb. . . i always forget to use those tools. . . :|

    u have to forgive me . . . i've only been doing this for a month. . . :'(
     
  18. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    its ok, so have I, you'll get the hang of it eventually :)
     
  19. undrgrnd

    undrgrnd Member

    Joined:
    Oct 24, 2008
    Messages:
    133
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Student
    Location:
    4chan
    errrr. . .

    now it went and became Vista 8O

    [​IMG]
     
  20. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    well...it looks better than your other one..
     

Share This Page