[TUT][GIMP]Beginners Glass orb.

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

[TUT][GIMP]Beginners Glass orb.
  1. Unread #1 - Oct 8, 2007 at 11:33 PM
  2. Annex
    Joined:
    Aug 28, 2005
    Posts:
    2,324
    Referrals:
    3
    Sythe Gold:
    0
    UWotM8?

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

    [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.
     
  3. Unread #2 - Oct 8, 2007 at 11:48 PM
  4. I Pk Much
    Referrals:
    0

    I Pk Much Guest

    [TUT][GIMP]Beginners Glass orb.

    Wow that's sweet. So it's almost the same in photoshop?
     
  5. Unread #3 - Oct 9, 2007 at 5:29 PM
  6. iPlay Runescape
    Joined:
    Oct 4, 2007
    Posts:
    268
    Referrals:
    0
    Sythe Gold:
    0

    iPlay Runescape Forum Addict
    Banned

    [TUT][GIMP]Beginners Glass orb.

    i like my orb avatar better :D
     
  7. Unread #4 - Oct 15, 2007 at 10:12 AM
  8. 0wn 12anging
    Joined:
    Feb 13, 2007
    Posts:
    1,059
    Referrals:
    0
    Sythe Gold:
    0

    0wn 12anging Guru
    Banned

    [TUT][GIMP]Beginners Glass orb.

    None of the pics work..
     
  9. Unread #5 - Oct 16, 2007 at 12:14 PM
  10. Les_Paul
    Joined:
    Sep 13, 2007
    Posts:
    66
    Referrals:
    0
    Sythe Gold:
    16
    Discord Unique ID:
    209500176614686720
    Discord Username:
    les_paul

    Les_Paul Member

    [TUT][GIMP]Beginners Glass orb.

    All broken images in your TUT. Fix it, I'm sure more people will use it then.
     
  11. Unread #6 - Oct 17, 2007 at 7:15 AM
  12. SkeTch
    Joined:
    Mar 27, 2007
    Posts:
    361
    Referrals:
    0
    Sythe Gold:
    0

    SkeTch Forum Addict
    $5 USD Donor

    [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
     
  13. Unread #7 - Oct 24, 2007 at 10:58 AM
  14. warning dds
    Joined:
    May 8, 2007
    Posts:
    375
    Referrals:
    0
    Sythe Gold:
    0

    warning dds Forum Addict

    [TUT][GIMP]Beginners Glass orb.

    thanks and images are messed up =]
     
  15. Unread #8 - Oct 24, 2007 at 1:28 PM
  16. I X Tech X I
    Referrals:
    0

    I X Tech X I Guest

    [TUT][GIMP]Beginners Glass orb.

    tyvm!
     
  17. Unread #9 - Nov 12, 2007 at 11:02 AM
  18. Mr James
    Joined:
    Nov 10, 2007
    Posts:
    465
    Referrals:
    0
    Sythe Gold:
    0

    Mr James Forum Addict

    [TUT][GIMP]Beginners Glass orb.

    Broken pics :(
     
  19. Unread #10 - Nov 13, 2007 at 12:36 AM
  20. warning dds
    Joined:
    May 8, 2007
    Posts:
    375
    Referrals:
    0
    Sythe Gold:
    0

    warning dds Forum Addict

    [TUT][GIMP]Beginners Glass orb.

    woot they are fixed =]
     
  21. Unread #11 - Nov 13, 2007 at 1:42 PM
  22. 0wn 12anging
    Joined:
    Feb 13, 2007
    Posts:
    1,059
    Referrals:
    0
    Sythe Gold:
    0

    0wn 12anging Guru
    Banned

    [TUT][GIMP]Beginners Glass orb.

    Only some are fixed..
     
  23. Unread #12 - Nov 19, 2007 at 9:29 PM
  24. isosceles
    Joined:
    Jan 22, 2007
    Posts:
    455
    Referrals:
    0
    Sythe Gold:
    0

    isosceles Forum Addict
    $5 USD Donor

    [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.
     
  25. Unread #13 - Nov 21, 2007 at 7:41 AM
  26. Kivrin
    Joined:
    Nov 18, 2007
    Posts:
    52
    Referrals:
    0
    Sythe Gold:
    0

    Kivrin Member

    [TUT][GIMP]Beginners Glass orb.

    Still broken Annex. C'mon I wanna see this tut! Looks good.
     
  27. Unread #14 - Nov 26, 2007 at 12:05 PM
  28. Mr James
    Joined:
    Nov 10, 2007
    Posts:
    465
    Referrals:
    0
    Sythe Gold:
    0

    Mr James Forum Addict

    [TUT][GIMP]Beginners Glass orb.

    Thank you's a bunch! This helped loads to make my orb avatar ;)
     
  29. Unread #15 - Nov 26, 2007 at 1:04 PM
  30. MST
    Joined:
    Nov 21, 2007
    Posts:
    846
    Referrals:
    0
    Sythe Gold:
    0

    MST Apprentice
    Banned

    [TUT][GIMP]Beginners Glass orb.

    Sweet guide, but I can't see all the pictures=/
     
  31. Unread #16 - Dec 19, 2007 at 7:36 PM
  32. [Bloody]
    Joined:
    Nov 21, 2007
    Posts:
    131
    Referrals:
    1
    Sythe Gold:
    0

    [Bloody] Active Member

    [TUT][GIMP]Beginners Glass orb.

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

Users viewing this thread
1 guest


 
 
Adblock breaks this site