Full Signature Tutorial

Discussion in 'Gimp Tips & Tutorials' started by isabella2296, Aug 27, 2009.

  1. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    In this tutorial, we will be creating a signature. The final result is shown below:

    [​IMG]

    This tutorial assumes no knowledge beyond the ability to open up GIMP, so for the more experienced users, sorry if some parts are tedious.

    Step 1. Hit Control-O and select your render. Mine is an anime girl. If yours has a gray checkerboard pattern behind it, that means the background is transparent. In such a case, simply go to Select > All and then hit Control-C to copy it. If it has a solid color, such as black or white, as the background, look at the toolbox. In the first row, at the end, there's is a hand pointing to a column of colorful squares (blue, red, and green.) Click that, and then click the background, before hitting Control-C. You should get the result shown in the below picture. If there is some other background behind your render, click the little lasso and select your render.

    [​IMG]

    Step 2. Now go to File > New. A little box should pop up. Put 400 as the width and 150 as the height. Then hit "OK". You should get a blank, thin rectangle.

    [​IMG]

    Step 3. Hit Control-L. This should open up a small box, the "Layers Dialog". You will see a small picture of the current blank image besides the word "Background" in this dialog, as well as an eye. At the bottom of the layers dialog, there is a row of icons. The first one should be a white sheet of paper with a yellow star in the upper right corner. Click it to create a new layer. Keep the width and height the same, make sure the background is "transparency", and type "Render" for the layer name. Then hit "OK". You should now see a thin, checkered rectangle in the layers dialog with the word "Render" next to it. Now hit Control-V. Your copied render should show up on the screen.

    [​IMG]

    Step 4. Chances are, your render is either too big or too small for your image. In the layers dialog, it says "Floating Selection (Pasted Layer)" or something similar. Right-click on it and select "scale layer". Play around with the values until your render fits perfectly. It will probably be around 200 x something pixels. Next, go to the toolbox, and click the little blue icon with four arrows. Move around your render until you're happy about its position. Then go to the layer dialog and click the icon at the bottom that looks like an anchor. In my particular case, the render was oriented wrongly, so I went to Layer > Transform > Rotate 90 degrees counter-clockwise.

    [​IMG]

    Step 5. Find a background that fits your render's main color. In my case, I found a purple one. Go through the same steps as you did for your render, except with a layer named "Scene". Move it around with the blue arrow tool, if you like, until it looks nice. Make sure the scene layer is beneath the render layer - you can move it manually. Now right-click on the scene layer and click "Merge Down". This should merge it with your Background layer.

    [​IMG]

    Step 6. Click the little eye on your render layer in the dialog to hide it for now, because we're going to work on the background. One of the icons in the layer dialog shows two small overlapping photos. Click it (but make sure your background layer is selected!) to duplicate it. This should give us another layer titled "Background copy". Hide the original background layer and select the copy. We're going to give it a little more color. Take a quick look at your render and pick a color in it that's not used as much in your background. In my case, black. Now make a new layer and title it "Splatters". It should be on top of your background copy layer but below the render layer. In the toolbox, click the paintbrush. Next to brush, there's a little white picture with a black circle. Click it, and find a splatter brush you either already have or download one. In the toolbox there are two squares, of black and white. On the black one, click it and select the color you picked from your render. I left it black in my case, because that was the color I chose. Now splatter with your brush on the "Splatter" layer, but don't overdo it! Use different brushes for the best result. Now, on the layers dialog, view the dropdown menu next to "Mode" and select "Overlay". Move the opacity (on the dialog) down to about 70.

    [​IMG]

    Step 7. Select the "Background copy" layer and go to Filters > Blur > Gaussian Blur. Change the numbers to 12 on both horizontal and vertical. Tone the opacity down to about 20 and then duplicate it to create another layer titled "Background copy #1". Click the eye on the original "Background Layer" and then select the Splatters layer. Right-click and hit "Merge Visible Layers". Then click the space where the eye was on "Background" to make it visible again.

    [​IMG]

    Step 8. Make a new layer and title it "Sparks". Go to the brush tool on the toolbox and select the yellow sparks brush. Brush around so that the whole layer isn't covered, but the little sparks are somewhat evenly distributed. Then hide that layer (by clicking the eye), right-click, and click "Alpha-to-selection". Little moving ants should appear on the screen. Now create another layer and title it "Copy Visible Paste". Go to Edit > Copy Visible and then, making sure you have that "Copy Visible Paste" layer selected, go to Edit > Paste Into. Grab the little moving tool and move it around until it looks good. Then anchor it, hit Shift-Control-A, select the Sparks layer, and click the trash can on the layers dialog. Right click on "Copy Visible Paste" and hit "Merge Down". Repeat it one more time, except this time, brush until it almost covers everything.

    [​IMG]

    Step 9. My background was looking pretty blurry, so I went to Filters > Enhance > Sharpen and played with the settings until it looked good. Make a new layer and title it "Renders". Move it on top of your Render layer. Re-select and copy your original render and then paste it repeatedly in this new layer, moving them around until they cover the whole thing. Now go to Filters > Blur > Gaussian and do it 15 and 15. Set the layer mode to Overlay.

    [​IMG]

    [​IMG]

    Step 10. Duplicate your Background Copy layer and, on the toolbox, click the finger near the bottom. This is the smudge tool. Select the vine and smudge around on your new Background Copy #1 layer. When you're done doing that, select the Circle (13) tool and do the same thing. Then set Background Copy#1 to Multiply mode, duplicate it, and set the duplicated layer to Divide. Hide the "Renders" and "Background" layers and then merge visible layers. Then unhide them.

    [​IMG]

    Step 11. Repeat what you did in Step 8. However, this time, make sure the "Render" layer is not hidden, and don't merge the "Copy Visible Paste" layer with anything.

    [​IMG]

    Step 12. Duplicate your "Render" layer and go to Filters > Blur > Motion Blur. Put the length at about 20. Now set this layer to grain merge mode at about 70 opacity.

    [​IMG]

    Step 13. Go to the bottom "Background" layer, duplicate it, and do the same thing as Step 12.

    [​IMG]

    Step 14. Make a new layer right beneath your "Render" layer and title it "c4d". Paste in your c4d in this layer. Position it where it looks good and then set it to overlay. Repeat this a few times.

    [​IMG]

    Step 15. Go to the background layer, duplicate it, and go to Filters > Artistic > Cubism. Use the default settings, then set the layer to overlay.

    Step 16. Duplicate the background layer again, and go to Filters > Map > Displace. Displace it on both on the Renders layer, and then set it to Multiply.

    [​IMG]

    Step 17. Hit Control-M and you are done. :) Post your results please, and as this is my first tutorial, please give me feedback!
     
  2. KillaGrunt

    KillaGrunt Member

    Joined:
    Jul 30, 2009
    Messages:
    45
    Likes Received:
    0
    Trophy Points:
    6
    Cool tutorial!
    It gets confusing at some points but you get a good result.

    Heres mine:
    [​IMG]
     
  3. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Nice result. :)

    What parts in particular were confusing? Thanks!
     
  4. KillaGrunt

    KillaGrunt Member

    Joined:
    Jul 30, 2009
    Messages:
    45
    Likes Received:
    0
    Trophy Points:
    6
    Part six was pretty long and it confuzzled me
     
  5. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Ah okay thanks. Next time I'll be sure to make the steps shorter. :)
     
  6. sigguy

    sigguy New Member

    Joined:
    Aug 16, 2009
    Messages:
    16
    Likes Received:
    0
    Trophy Points:
    1
    pretty cool might try it later
     
  7. Lamperouge

    Lamperouge New Member

    Joined:
    Aug 25, 2009
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Great tut!

    Here's my result:

    [​IMG]
     
  8. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Thanks! And nice result =)
     
  9. _TheKnight_

    _TheKnight_ New Member

    Joined:
    Sep 18, 2009
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Great tutorial :)

    Here is my results:
    [​IMG]
     
  10. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Thanks! That's a reallly nice result. =)
     
  11. BookerT316

    BookerT316 Member

    Joined:
    Jul 8, 2009
    Messages:
    312
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    factory worker
    Location:
    New Jersey
    Very nice tut, I am going to try this one out. But in step 14 where do you get your c4d from? Or was some thing else your c4d?
     
  12. isabella2296

    isabella2296 Member

    Joined:
    Aug 9, 2009
    Messages:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Thanks :) I got my c4d from planetrenders.
     
  13. ViralTekniques

    ViralTekniques Member

    Joined:
    Aug 21, 2008
    Messages:
    55
    Likes Received:
    0
    Trophy Points:
    6
    [​IMG]

    Here is my result
     
  14. David Wood

    David Wood Active Member

    Joined:
    Jul 22, 2009
    Messages:
    5,472
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    Freelance graphic designer and visual effects arti
    Location:
    Western New York
    Home Page:
    Edges are sloppy but overall it's a nice result. :)
     
  15. RomanTheOmen

    RomanTheOmen New Member

    Joined:
    Nov 2, 2009
    Messages:
    17
    Likes Received:
    0
    Trophy Points:
    1
    how do i add my signature!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :wilber:
     
  16. David Wood

    David Wood Active Member

    Joined:
    Jul 22, 2009
    Messages:
    5,472
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    Freelance graphic designer and visual effects arti
    Location:
    Western New York
    Home Page:
    It looks like you have one to me.
     
  17. Bythemark

    Bythemark New Member

    Joined:
    Nov 11, 2009
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    I had a stab at it. I regret using white for my sparks and splatters, but w/e. I had my render cut out imperfectly, so I smudged it to make it like an "aura" and that part turned out great.

    [​IMG]
     
  18. Jay.Davies11

    Jay.Davies11 Member

    Joined:
    Nov 13, 2009
    Messages:
    260
    Likes Received:
    0
    Trophy Points:
    16
    I got to about step 13
    Then it said paste your c4d, i dunno if this is a dumb question but what is my c4d? ???
     
  19. David Wood

    David Wood Active Member

    Joined:
    Jul 22, 2009
    Messages:
    5,472
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    Freelance graphic designer and visual effects arti
    Location:
    Western New York
    Home Page:
    c4d's are abstract designs made in 3d apps. C4d actually stands for Cinema 4D
     
  20. EraserShaving

    EraserShaving New Member

    Joined:
    Nov 15, 2009
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Well done. ;D
     

Share This Page