• Log in or sign up for an account here: https://www.sythe.org/login

[TUT][GIMP]Beginners Glass orb.

Annex

Ballin'
Veteran (Ex-Admin)

PHP Programmers
Retired Administrator
Joined
Aug 28, 2005
Sythe Gold
0
Messages
2,324
Location
Some station near a pulsar
UWotM8?
This tutorial was made using the gimp which can be found here.

1) Create a new image 110 x 110 with transparent background.
klz1191897176f.PNG


2) Create 2 new layers that are transparent.
viu1191897320z.PNG


3) Select the elliptical (circle) tool and hold down shift and drag the circle out until it is 100 x 100.
bfi1191897595x.PNG


4) Hold down alt and bring circle to middle of canvas.
bwy1191897719y.PNG


5) Select the color black as the first color (foreground color), and the background layer (bottom) then click inside the circle (paint).
bwy1191897915n.PNG


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.
arx1191898150q.PNG

arx1191898181i.PNG


7) Select the gradient tool, and edit the gradient to foreground to background RBG. You can reverse if you would like.
bwy1191898322q.PNG


8) Select the second layer and click and drag your mouse from the top of the black color to the bottom of the black.
cqs1191898504r.PNG


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.
klz1191898747w.PNG


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.
opt1191899014e.PNG


11) Change the foreground color to white, then select the gradient tool again and select the gradient "Foreground to Transparent".
arx1191899173s.PNG


12) Select the top layer and drag the gradient from a bit above the canvas to 3/4 of the way down the circle.
arx1191899486h.PNG


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.
jdv1191899762k.PNG


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.
bfi1191900081u.PNG

opt1191900109r.PNG


15) Drag the text layer down below the layer of the white shine, and merge down, from there merge all layers down into one.
bwy1191900302q.PNG

rgh1191900385k.PNG


16) Save the image as a .PNG and set the compression to 0. This will give the best quality.
klz1191900546k.PNG


17) Your orb should turn out something like this.
bfi1191900588e.png


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.
 
All broken images in your TUT. Fix it, I'm sure more people will use it then.
 
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.
 
Lol Tyvm tried just now and its very helpful,
 
Runescape Gamblingrunescape gambling
Back
Top