Adblock breaks this site

[TUT][GIMP]Beginners Glass orb.

Discussion in 'Graphics Resources and Discussion' started by Annex, Oct 8, 2007.

  1. Annex

    Annex Ballin'
    Veteran (Ex-Admin)
    PHP Programmers Retired Administrator

    Joined:
    Aug 28, 2005
    Posts:
    2,324
    Referrals:
    3
    Sythe Gold:
    0
    UWotM8?
    [TUT][GIMP]Beginners Glass orb.

    This tutorial was made using the gimp which can be found here.

    1) Create a new image 110 x 110 with transparent background.
    [​IMG]

    2) Create 2 new layers that are transparent.
    [​IMG]

    3) Select the elliptical (circle) tool and hold down shift and drag the circle out until it is 100 x 100.
    [​IMG]

    4) Hold down alt and bring circle to middle of canvas.
    [​IMG]

    5) Select the color black as the first color (foreground color), and the background layer (bottom) then click inside the circle (paint).
    [​IMG]

    6) Choose the color you want the orb to be, then set the background color a bit lighter, and the foreground color a bit darker. I'm using blue for the tutorial.
    [​IMG]
    [​IMG]

    7) Select the gradient tool, and edit the gradient to foreground to background RBG. You can reverse if you would like.
    [​IMG]

    8) Select the second layer and click and drag your mouse from the top of the black color to the bottom of the black.
    [​IMG]

    9) Press ctrl+shift+a to deselect everything, then select the black layer again, then on image window, click on Filters -> Blur -> Gaussian Blur, and set the x and y to 10.
    [​IMG]

    10) Select the elliptical tool again, and select a small circle near the top of the orb, make sure its not touching the black on the outside. 66 x 39 is the best, you can make it elsewhere and drag to top.
    [​IMG]

    11) Change the foreground color to white, then select the gradient tool again and select the gradient "Foreground to Transparent".
    [​IMG]

    12) Select the top layer and drag the gradient from a bit above the canvas to 3/4 of the way down the circle.
    [​IMG]

    13) Select the text tool, and select a font you want and about 20-28 size. This will fit about 5-7 letters in. Type the letters you want in then drag the font to the center of the orb.
    [​IMG]

    14) Set the mode of the text to overlay, or reduce the opacity of the text to about 46. Don't do both, do one or the other.
    [​IMG]
    [​IMG]

    15) Drag the text layer down below the layer of the white shine, and merge down, from there merge all layers down into one.
    [​IMG]
    [​IMG]

    16) Save the image as a .PNG and set the compression to 0. This will give the best quality.
    [​IMG]

    17) Your orb should turn out something like this.
    [​IMG]

    That was a basic tutorial on how to make a glass orb in The Gimp, you can screw around with things like borders if you like.
     
  2. I Pk Much

    I Pk Much Guest

    Referrals:
    0
    [TUT][GIMP]Beginners Glass orb.

    Wow that's sweet. So it's almost the same in photoshop?
     
  3. iPlay Runescape

    iPlay Runescape Forum Addict
    Banned

    Joined:
    Oct 4, 2007
    Posts:
    268
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    i like my orb avatar better :D
     
  4. 0wn 12anging

    0wn 12anging Guru
    Banned

    Joined:
    Feb 13, 2007
    Posts:
    1,059
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    None of the pics work..
     
  5. Les_Paul

    Les_Paul Member

    Joined:
    Sep 13, 2007
    Posts:
    66
    Referrals:
    0
    Sythe Gold:
    16
    Discord Unique ID:
    209500176614686720
    Discord Username:
    les_paul
    [TUT][GIMP]Beginners Glass orb.

    All broken images in your TUT. Fix it, I'm sure more people will use it then.
     
  6. SkeTch

    SkeTch Forum Addict
    $5 USD Donor

    Joined:
    Mar 27, 2007
    Posts:
    361
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    it would sure help me alot if the pics worked. Fix the pics and i'd bet it would be great
     
  7. warning dds

    warning dds Forum Addict

    Joined:
    May 8, 2007
    Posts:
    375
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    thanks and images are messed up =]
     
  8. I X Tech X I

    I X Tech X I Guest

    Referrals:
    0
    [TUT][GIMP]Beginners Glass orb.

    tyvm!
     
  9. Mr James

    Mr James Forum Addict

    Joined:
    Nov 10, 2007
    Posts:
    465
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Broken pics :(
     
  10. warning dds

    warning dds Forum Addict

    Joined:
    May 8, 2007
    Posts:
    375
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    woot they are fixed =]
     
  11. 0wn 12anging

    0wn 12anging Guru
    Banned

    Joined:
    Feb 13, 2007
    Posts:
    1,059
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Only some are fixed..
     
  12. isosceles

    isosceles Forum Addict
    $5 USD Donor

    Joined:
    Jan 22, 2007
    Posts:
    455
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Thanks for the guide. This orb (my avatar) has been my first decent attempt at gfx.

    Well my final product is nothing spectacular, but I like it :D

    Nice guide.
     
  13. Kivrin

    Kivrin Member

    Joined:
    Nov 18, 2007
    Posts:
    52
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Still broken Annex. C'mon I wanna see this tut! Looks good.
     
  14. Mr James

    Mr James Forum Addict

    Joined:
    Nov 10, 2007
    Posts:
    465
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Thank you's a bunch! This helped loads to make my orb avatar ;)
     
  15. MST

    MST Apprentice
    Banned

    Joined:
    Nov 21, 2007
    Posts:
    846
    Referrals:
    0
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Sweet guide, but I can't see all the pictures=/
     
  16. [Bloody]

    [Bloody] Active Member

    Joined:
    Nov 21, 2007
    Posts:
    131
    Referrals:
    1
    Sythe Gold:
    0
    [TUT][GIMP]Beginners Glass orb.

    Lol Tyvm tried just now and its very helpful,
     
< Rendering. | Request for a detailed Tut for sigs... >


 
 
Adblock breaks this site