May 22, 2012, 11:05:17 AM
Pages: [1]   Go Down
  Send this topic  |  Print  
Share this topic on FacebookShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Topic: Gimp Tutorial - 3D Pool Balls  (Read 176 times)
0 Members and 1 Guest are viewing this topic.
mikethedj4
Full Member
Resident Badass
*****

Reputation: +9/-1
Offline Offline

Posts: 548


Train Insane or Remain The Same


View Profile WWW
« on: May 21, 2011, 04:58:42 PM »

Gimp Tutorial: 3D Pool Balls


To begin this tutorial let me point out that you'll need this background image to startout with. You can make your own if you'd like, but this will just make the tutorial be a bit faster.
http://imageshack.us/m/600/4223/poolballbg.png
Gimp Tutorial - 3D Pool Balls


Import the background image into Gimp as a new document/project. Then go to Colors/Colorize and set the Hue to 117, Saturation to 46, and the Lightness to -76.

This will just make our background image have a green tint to it.

Make a new layer (name it "ball base"), and grab your Ellipse Select Tool (E) and left click and drag. While dragging press SHIFT+CTRL so it'll be a perfect circle, and expand out where you've clicked and make it a pretty big circle to fill the canvas however not to big, cause we still need to create a shadow below it later on in the tutorial. Once you feel the selection is good enough for the base of the ball fill it in with the color #ffab33.

Right click your "ball base" layer and select Alpha To Selection. Then make a new layer (name it "main ball shadow") and go to Select/Shrink and shrink your selection by 8px.

Grab your Blend/Gradient Tool (L) (Press "D" to revert back to default colors) and set the Gradient Type to FG to Transparent. Now make a liner gradient going up kind of like what I did here.
http://img846.imageshack.us/img846/7839/poolballs1.png
Gimp Tutorial - 3D Pool Balls


Now deselect the selection by going to Select/None (SHIFT+CTRL+A) and then go to Filters/Blur/Gaussian Blur and give it a 60px blur. Right click your "ball base" layer and select Alpha To Selection and then go to Select/Invert (CTRL+I) select your "main ball shadow" layer again, and press delete (or go to Edit/Clear) and this will get rid of the blur that exceeds past the ball. Then bring the opacity down to about 80%.

Make another new layer (name it "main ball gloss"). Right click on your "ball base" layer, and select Alpha To Selection then grab your Ellipse Select Tool (E) Press SHIFT+CTRL and then click and drag until you get a selection like this.
http://img856.imageshack.us/img856/8555/poolballs2.png
Gimp Tutorial - 3D Pool Balls


Now grab your Blend/Gradient Tool (L) and make a white linear gradient from the bottom of it to the very top. Then go to Select/None (SHIFT+CTRL+A) to deselect your selection. Go to Filters/Blur/Gaussian Blur and give this a 30px blur. Then right click on your "ball base" layer again and select Alpha To Selection and then go to Select/Invert (CTRL+I) select your "main ball gloss" layer again, and press delete (or go to Edit/Clear) and this will get rid of the blur that exceeds past the ball as done before. Additionally set the opacity to around 70%.

Make a new layer (name it "light gloss") and then grab your Blend/Gradient Tool (L) once again, and set the Shape from Linear to Radial, and give it a radial gradient to the top part of the ball like I've done here. (It's kind of hard to see so the image's background was darkened so you can see where I applied the radial gradient, Additionally I also set the opacity down to 70%)
http://img16.imageshack.us/img16/1495/poolballs3.png
Gimp Tutorial - 3D Pool Balls


Make another new layer (name it "base shadow" and make sure this layer is below the "ball base" layer). Grab your Ellipse Select Tool (E), and make a selection as seen below, and fill that selection with black.
http://img14.imageshack.us/img14/128/poolballs4.png
Gimp Tutorial - 3D Pool Balls


Now go to Select/None (SHIFT+CTRL+A) and then Filters/Blur/Gaussian Blur and give it a 30px blur. Duplicate that layer by going to Layer/Duplicate Layer (SHIFT+CTRL+D) and then go back to Filters/Blur/Gaussian Blur and give the duplicated layer a 60px blur. Merge the layer down by going to Layer/Merge Down. Duplicate once more, set the opacity to 50%, and merge the duplicated layer down.

So far your project should look something like this.
http://img4.imageshack.us/img4/8487/poolballs5.png
Gimp Tutorial - 3D Pool Balls


Now select your "main ball shadow" layer and make a new layer above that (name this new layer "number"). Grab your Ellipse Select Tool (E) once again left click and drag in the center of where your top gloss part started and whole dragging hold SHIFT+CTRL like we did before, and fill the selection with black.
http://img594.imageshack.us/img594/949/poolballs6.png
Gimp Tutorial - 3D Pool Balls


Grab your Blend Tool (L) make a radial gradient of white go out like so. (Ignore the new layer I created)
http://img803.imageshack.us/img803/7849/poolballs7.png
Gimp Tutorial - 3D Pool Balls


Now grab your Text Tool (T) choose Sans Bold for the font. (my size is 41, and I made the spacing -1.0) Grab your Move Tool (M) and move the text so it's in the center of the circle we created.

Set the text's layer mode to Grain merge, duplicate the text layer and set it's layers opacity to around 60%, and merge the first text layer into the number layer, and the duplicated text layer into the number layer. Now go to Layer/Autocrop Layer and use your Perspective Tool (SHIFT+P) to make it look like it's on the left side of the ball. Like so...
http://img684.imageshack.us/img684/8905/poolballs8.png
Gimp Tutorial - 3D Pool Balls


Now make a new layer (have this new layer displayed on the very top, and name it "top gloss") Now make an elliptical selection like the one seen below, and fill it in with white.
http://img825.imageshack.us/img825/9034/poolballs9.png
Gimp Tutorial - 3D Pool Balls


Now make another selection (like seen below) and delete/clear to get a look we want for the top gloss.
http://img14.imageshack.us/img14/7660/poolballs10.png
Gimp Tutorial - 3D Pool Balls


Now go to Select/None (SHIFT+CTRL+A) to deselect the selection, and go to Filters/Blur/Gaussian Blur and give it a 16px blur. (Don't forget to remove the blur that exceeds past the ball like we did in the beginning.)

This is what your image should look like so far...
http://img823.imageshack.us/img823/9843/poolballs11.png
Gimp Tutorial - 3D Pool Balls


We're now done, repeat the process for as many pool balls you want, and here's our final result.
http://img811.imageshack.us/img811/5940/poolballsfinal.png
Gimp Tutorial - 3D Pool Balls
Logged







Pages: [1]   Go Up
  Send this topic  |  Print  
 
Jump to: