Gimptalk - Premier Gimp Community: Glass Ball Creation Using Gimp - Gimptalk - Premier Gimp Community

Jump to content

  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic

Glass Ball Creation Using Gimp

#1 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 30 April 2007 - 11:00 PM

Here I will demonstrate a very simple method to create glass balls. You can also use this technique to create water drops reflecting background somehow bumped and ovaled.

Expected Result:
Posted Image . Posted Image
And if used to create water drops, result may be something like this:
Posted Image
NOTE: Leaf image is property of mayhem-chaos.net


Preferences:
Image size: 300x300 or as per your needs, this tutorial will work for any sized image. For this tutorial am using 300x300 image.

[NOTE]
NOTE : You can directly start reading from Step 1, if you wish to use some other image as background of the glassy ball.
[/NOTE]

Let's go forward. Create new image of 300x300 and follow steps below.

First of all we need to create the stage / floor on which we will place our glassy ball.
When you created new image, there must be a default layer named 'Background' filled with white. Delete this layer.

Add a new layer to image and name it 'floor'.

Resize the layer 'floor' to 500x500, by goung through menus, Layer > Scale layer, st width and height both to 500 and click ok.
Now go to patterns window, choose desired pattern that looks best for floor tiles, I chosen pattern named 'Parque #2 (6 x 64)', you may choose any. Drag that desired pattern and drop over the image window, which will fill the selected with pattern. Now what we have to do is change the perspective of the layer so that it looks somehow like real tiled floor.
Select 'Change perspective' tool Posted Image, click within the image window, you will see a new window appeard entitled 'Perspective', simply move this window away from the image window, since we have to change the perspective of the layer manually using mouse clicks.

Now grab the top-right anchor of the layer and drag in down as shwon in following figure, then release the mosue key near the actual top-right corner of the image, see image below:
Posted Image

And do the same with the top-left anchor, drag and drop it over the actual top-left corner of the image, as shown here:
Posted Image

Now get the Perspective window back to focus and click button 'ok', which will let your modified window look as following:
Posted Image


Ok, upto now we just have created the floor, now we get started with the creation of glass ball.


Step 1:

Duplicate the layer named 'floor' and rename duplicated one to 'grown-texture', rightclick and press 'i' from keybard or rightclick and select menu item 'Layer to Image Size', select elliptic selection tool Posted Image and draw an elliptic selection of about 100x100 which will be the size of the ball, your image window must look something like this upto here:
Posted Image

Press Ctrl+i to invert selection, or go through menus, Select > Invert, then press Ctrl+K or go through menus Edit > Clear. Then again invert selection by pressing Ctrl+i.

Now go through menus, Filters > Distorts > IWrap. A new filter window will appear, where you select Deform mode to Grow and set Deform radius to 75, as shown here:
Posted Image

Within this new filter window, you see the image in top-left corner, simply click within it using mouse, from position A ot position B, positions are not mentioned anywhere in the window, see image below to have clear idea.
Posted Image
Now click button 'ok', and texture in your selection must look something like this now:
Posted Image

Is our ball done :l:? ofcourse not :@. we have to give it some shadows and lights so that it looks mroe real.

Step 2:
A. Create new layer over the top, and name it 'top-shadow'. Select color black from colors.
Select a blurry kind of brush something like this one:
Posted Image

Now select brush tool, and draw some on top of the selection, as shown here:
Posted Image

Set opacity of the layer to '50' %.

B. Create new layer over the top, and name it 'reflection'. Now take a solid big brush, select white color, and draw a white big dot on layer 'reflection' near the midle and top-right corner of the selection, as shown here:
Posted Image

Select the Erase tool, and erase corners of this dot in a way that it finally looks something like this:
Posted Image

We create the drop shadow now. Create new layer right over the bottom layer and name it 'shadow', so that the layers order looks like this:
Posted Image

Remove prior selecion by going through menus, Select > None. Again select elliptic selection tool Posted Image and draw selection on the layer 'shadow' as below, then fill it with pure black color.
Posted Image

Remove selection again, and go through menus, Filters > Blur > Gussian Blur, when window appears enter values
Horizontal : 20
Vertical : 20

and click button 'ok'. Then set opacity of this layer 'shadow' to '60' %.

And it is done....Your result must resemble to following one:
Posted Image

Related article by ClayOgre:
http://www.gimptalk....?t=6468&start=1

Let me know if you need any help, or if any step is not clearly written and you cant understand it.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#2 User is offline   Stupid Nino 

  • Member
  • PipPip
  • Group: Members
  • Posts: 547
  • Joined: 04-February 07

Posted 30 April 2007 - 11:14 PM

Whoa dude ! That's just unbelieveable ! Thanks for the tut. I'll try it when I have time.
0

#3 User is offline   AliNaqi 

  • Member
  • PipPip
  • Group: Members
  • Posts: 915
  • Joined: 27-April 07

Posted 30 April 2007 - 11:59 PM

AOA
definitely have to try that out
Posted Image
0

#4 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 12:07 AM

WS

Will be waiting to see your results Ali :h:.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#5 User is offline   RickBrossGfx 

  • Member
  • PipPip
  • Group: Members
  • Posts: 24
  • Joined: 10-April 07

Posted 01 May 2007 - 03:22 AM

can you change the color of the ball so its translucent not transperent????
Posted Image

Quote

Mess with the best, die like the rest
0

#6 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 03:33 AM

Ya sure, when you are done, select layer 'grown-texture', select colorize tool Posted Image, click in image window and change color.

Here is some different color result:
Posted Image

Or may be try decreasing opacity of the layer after changing color.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#7 User is offline   shachi 

  • Member
  • PipPip
  • Group: Members
  • Posts: 66
  • Joined: 28-September 05

Posted 01 May 2007 - 03:34 PM

I can see none of the images. :s:

Seems imageox is down.
0

#8 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 06:44 PM

Reopend imageox for a while. Actually we are moving it to Virtual Private Server.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#9 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 01 May 2007 - 07:02 PM

Hmmm....I wonder how that would work with soap bubbles..... It looks more realistic than the the results from that tutorial I wrote a while back.
0

#10 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 07:04 PM

You had one clay ? Then I defiitely skipped it, tell me so I add reference to it.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#11 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 01 May 2007 - 07:31 PM

I PMed it to you....I bet combining the two methods would be very interesting, and your method is simpler to do than mine and looks more realistic. All you'd have to do is to add the swirly plasma and maybe some kind of distorted reflection. I tried using the lens filter, but unless you are working really large, it gets kinda jaggy and pixellated.
0

#12 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 08:50 PM

I got it and updated first post's bottom.

Can you try one clay with the one you called "swirly plasma and maybe some kind of distorted reflection" ?

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#13 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 01 May 2007 - 09:51 PM

Well, here's my attempt. I added one step from my tutorial, a sort of blurred black ring around the outside of the ball, since the glass gets sort of "thicker" at the edges.

Posted Image

Edit: I didn't see the post above this one. I just was trying for the glass ball.
0

#14 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 10:06 PM

Seems brilliant on this background. Great work mate :w:.

Jsut a little suggestion though. The way you created black gradient from top, create one white from bottom, some heavy white gradient from bottom to top, and set layer mode to overlay, that will look more like light on the stage.

regards
» GIMP TUTORIALS - Largest Database on Internet
0

#15 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 01 May 2007 - 10:24 PM

Well, the soap bubble didn't work as well, it looks kinda "cartoonish", not quite as real as the plain glass does.

Posted Image

Here is the "leopard ball" with the gradient added.

Posted Image

Edit:

Another variation with the soap bubble...

Posted Image
0

#16 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 10:36 PM

A o, You added gradient as light which looks much more better than what I was saying :w:.
Very nice work clay. I just compelte a bottle usually found in chemistry labs :l:

Posted Image
» GIMP TUTORIALS - Largest Database on Internet
0

#17 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 01 May 2007 - 10:38 PM

Actually, in some ways, it makes me think of a Leyden Jar, an early capacitor, but still very cool.
0

#18 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 01 May 2007 - 11:47 PM

And finally adding another good example, you rate it :h:.

Posted Image
» GIMP TUTORIALS - Largest Database on Internet
0

#19 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 02 May 2007 - 12:00 AM

I think that one might be your best yet. Looks real to me. I think the trick is in the highlight... I haven't been able to master that.
0

#20 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,305
  • Joined: 06-December 04

Posted 02 May 2007 - 12:43 AM

If you notice the shadow of ne wone closely, you will find another blurred light bluish thing inside the black.
For the top highlight, better use stroke selection using some brush, invert selection and cut extra, then invert and select tool erase, and erase extra.

I hope that makes some sense.

thanks for the comments btw ;)

regard
» GIMP TUTORIALS - Largest Database on Internet
0

Share this topic:


  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic