[Gimp] Make userbars in Gimp

Discussion in 'Graphics Resources and Discussion' started by Sindrefyrn, Apr 26, 2009.

[Gimp] Make userbars in Gimp
  1. Unread #1 - Apr 26, 2009 at 11:21 AM
  2. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    Hello.
    I'm now going to show you how to make userbars in Gimp. I prefer using Gimp, because I'm familiar whit it, it's free and it's really good.
    I'm going to make a Sythe userbar, here's the result:

    [​IMG]

    That was the interdiction, now let's head off!

    Creating the scanlines and importing text
    Almost every userbar has scanlines. Scanliens are small diagonal lines that goes over the whole userbar.
    To create the scanlines, start by creating a new image (Ctrl+N). Have the settings like this.

    [​IMG]

    The image will be too small for you to do anything whit it, so zoom in (Ctrl+Shift+E).
    Select tool Pencil, and Brush 'Circle (01)'.
    Draw diagonal lines like this.

    [​IMG]

    Save it as Scanlines.pat in C:\Documents and Settings\your username\.gimp-2.6\patterns .

    Close gimp.
    Download the fonts HERE.
    Unzip the file at C:\Documents and Settings\your username\.gimp-2.6\fonts .

    Creating background
    Open up Gimp again and make a new image. Use these settings:

    [​IMG]

    Select your two background colours as foreground colour and background colour. I'm going to use dark blue and black, since that fits to the Sythe logo.

    [​IMG]

    Select the tool 'Blend tool', and chose FG to BG as Gradient.
    Then hold down Ctrl and drag your cursor from the one side of your Image to the other.

    [​IMG]

    Now you have the background done!

    [​IMG]


    Adding the scanlines
    This is short, and easy. Open up your layers window (Ctrl+L). Create a new layer whit default settings. Name the layer Scanlines.

    Select the tool Bucket Fill (Shift+B). Choose pattern fill as Fill type and select scanlines.

    [​IMG]

    Then, make sure you have selected the layer 'Scanlines' in layers (Ctrl+L) and fill the image whit scanlines.

    That was the scanlines.

    [​IMG]


    Adding the render
    This is also short and easy. You have to chose a render related to the subject your userbar is about. Since I'm making one about Sythe, I'm using THIS RENDER.

    Start of by adding a new layer, like at last step. Call this layer 'render'.
    Paste in the render over the 'render' layer. Move the render where you want it and anchor the layer by pressing the anchor.

    [​IMG]

    That was the render. Here's as I have came so far.

    [​IMG]


    Addng text
    This is easy, and will go fast too.

    Start off by selecting the colour you want for the text as foreground colour. I'm going to use white.
    Select Visitor 'TT1 BRK' as font.
    Use text size 10 and write the text you want in the opposite corner of the image as the render is.

    That's the text, and your not far from done!

    [​IMG]


    Adding 3D effect
    This is the last required step.

    At this, first create a new layer, call it '3D effect'. Make sure it's at the top of all the layers.
    Select the 'Ellipse Select' tool and select the area as I do.

    [​IMG]

    Then set the foreground colour to white and fill the selected area using the 'Bucket Fill' tool (Shift+B).
    At the layers window (Ctrl+L), set the opacity of the '3D effect' frame to around 30.

    [​IMG]

    Select none (Ctrl+Shift+A), and your done! If you don't want borders, you can save the image now. Save it as png with default settings.

    [​IMG]


    Optimal Adding borders
    This step goes very fast. Borders could be useful to mark the userbar abit more.

    First, make a new layer name it 'Borders'.
    Make sure your foreground colour is black.
    Then, select all (Ctrl+A).
    While having the layer 'border' selected go to Edit-Stroke Selection..
    Line up with line whit 3px and solid colour. You won't see any change yet, but save it as png image with default settings.

    That's it! Your done, here's the userbar. Feel free to use it.

    [​IMG]
     
  3. Unread #2 - Apr 26, 2009 at 4:55 PM
  4. Lukef555
    Joined:
    Aug 16, 2008
    Posts:
    3,206
    Referrals:
    6
    Sythe Gold:
    0

    Lukef555 Grand Master
    Banned

    [Gimp] Make userbars in Gimp

    not bad guide,gimp offersalot more customization but i still prefer using userbargenerator because of its simplicity
     
  5. Unread #3 - Apr 27, 2009 at 2:34 AM
  6. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    Thanks :)

    Edited that the border is on it's own layer. And not at the background.
     
  7. Unread #4 - May 3, 2009 at 2:18 AM
  8. Masc
    Joined:
    May 1, 2009
    Posts:
    435
    Referrals:
    3
    Sythe Gold:
    0

    Masc Forum Addict
    Banned

    [Gimp] Make userbars in Gimp

    Nice guide, i still think userbars suck though. no offense lol
     
  9. Unread #5 - May 3, 2009 at 3:47 AM
  10. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    Thanks.
    And, up to you what you think :)
     
  11. Unread #6 - May 9, 2009 at 6:30 AM
  12. roxside
    Joined:
    May 9, 2009
    Posts:
    17
    Referrals:
    0
    Sythe Gold:
    0

    roxside Newcomer

    [Gimp] Make userbars in Gimp

    nice tutorial , but i`m using photoshop , its easier for me :)
     
  13. Unread #7 - May 9, 2009 at 10:28 AM
  14. xTwisted14x
    Joined:
    May 9, 2009
    Posts:
    11
    Referrals:
    0
    Sythe Gold:
    0

    xTwisted14x Newcomer

    [Gimp] Make userbars in Gimp

    Nice tut. Userbars are easy and simple to make.
     
  15. Unread #8 - Oct 29, 2009 at 4:08 PM
  16. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    @ rockside
    Thanks :) I'm used to Gimp, tried Photoshop, but it's kinda different.

    @xTwisted14x
    Thanks. Yea, and their cool :)

    Edit: I posted this tutorial here too. Someone there wanted me to prove it was me.. so yea..
     
  17. Unread #9 - Oct 29, 2009 at 6:44 PM
  18. BRuM ToWN
    Joined:
    Oct 22, 2009
    Posts:
    173
    Referrals:
    0
    Sythe Gold:
    0

    BRuM ToWN Active Member
    Banned

    [Gimp] Make userbars in Gimp

    Nice tutorial, this helped me out!
     
  19. Unread #10 - Oct 31, 2009 at 7:47 AM
  20. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    No problem. Ask away if you need anything else.
     
  21. Unread #11 - Nov 7, 2009 at 10:51 PM
  22. SatanCapes
    Joined:
    Nov 7, 2009
    Posts:
    251
    Referrals:
    1
    Sythe Gold:
    0

    SatanCapes Forum Addict
    Banned

    [Gimp] Make userbars in Gimp

    nice thanks for guide
     
  23. Unread #12 - Nov 8, 2009 at 4:01 AM
  24. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make userbars in Gimp

    No problem! Yell if you're having questions.
     
< My Gfx needs Advice | Need A Logo Please Help >

Users viewing this thread
1 guest


 
 
Adblock breaks this site