GimpTalk Announcement :
Try your digital-art skills against your fellow gimpers in GIMPtalk's Biweekly Art competition !


Board index » GimpTalk » GIMP Tutorials and Tips Web Development Services . Convert FLV to Cell Phone Format
Featured Tutorial : Learn how to create characters by Griatch
Search for :  


Post new topic Reply to topic   [ 72 posts ]   Go to page 1, 2, 3  Next


Author Message
Offline
 Post subject:
PostPosted: Mon Apr 30, 2007 11:00 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics

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:
Image . Image
And if used to create water drops, result may be something like this:
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 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:
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:
Image

Now get the Perspective window back to focus and click button 'ok', which will let your modified window look as following:
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 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:
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:
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.
Image
Now click button 'ok', and texture in your selection must look something like this now:
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:
Image

Now select brush tool, and draw some on top of the selection, as shown here:
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:
Image

Select the Erase tool, and erase corners of this dot in a way that it finally looks something like this:
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:
Image

Remove prior selecion by going through menus, Select > None. Again select elliptic selection tool Image and draw selection on the layer 'shadow' as below, then fill it with pure black color.
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:
Image

Related article by ClayOgre:
http://www.gimptalk.com/forum/topic.php?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


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Mon Apr 30, 2007 11:14 pm 
User avatar

Joined:
Sun Feb 04, 2007 10:40 pm

Topics:
Posts: 547

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

_________________
Gift from frank


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Mon Apr 30, 2007 11:59 pm 
User avatar

Joined:
Fri Apr 27, 2007 11:53 pm

Topics:
Posts: 915

Find User's Topics
AOA
definitely have to try that out

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 12:07 am 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
WS

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

regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 3:22 am 

Joined:
Tue Apr 10, 2007 8:58 pm

Topics:
Posts: 24

Find User's Topics
can you change the color of the ball so its translucent not transperent????

_________________
Image
Quote:
Mess with the best, die like the rest


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 3:33 am 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

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

Here is some different color result:
Image

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

regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 3:34 pm 
User avatar

Joined:
Wed Sep 28, 2005 4:45 pm

Topics:
Posts: 66

Find User's Topics
I can see none of the images. :s:

Seems imageox is down.


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 6:44 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
Reopend imageox for a while. Actually we are moving it to Virtual Private Server.

regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 7:02 pm 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

Find User's Topics
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.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 7:04 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
You had one clay ? Then I defiitely skipped it, tell me so I add reference to it.

regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 7:31 pm 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

Find User's Topics
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.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 8:50 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
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


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 9:51 pm 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

Find User's Topics
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.

Image

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

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 10:06 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
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


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 10:24 pm 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

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

Image

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

Image

Edit:

Another variation with the soap bubble...

Image

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 10:36 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
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:

Image

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 10:38 pm 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

Find User's Topics
Actually, in some ways, it makes me think of a Leyden Jar, an early capacitor, but still very cool.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Tue May 01, 2007 11:47 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
And finally adding another good example, you rate it :h:.

Image

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed May 02, 2007 12:00 am 
User avatar

Joined:
Sat Aug 13, 2005 11:25 am

Topics:
Posts: 4745

Find User's Topics
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.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed May 02, 2007 12:43 am 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
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


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed May 02, 2007 11:46 am 
User avatar

Joined:
Thu Apr 26, 2007 7:28 pm

Topics:
Posts: 20

Find User's Topics
Thank you for this awesome tutorial. :l:
Here's my try at it:

Image

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed May 02, 2007 8:14 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
Nice try. But sided are not clear enough. I think you used less amount of grow radius in IWrap filter.

regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Thu May 03, 2007 5:18 pm 
User avatar

Joined:
Thu Apr 26, 2007 7:28 pm

Topics:
Posts: 20

Find User's Topics
Quote:
Nice try. But sided are not clear enough. I think you used less amount of grow radius in IWrap filter.

Thank you, I knew it didnt look quite right. I was having problems with this part of the tutorial:
Quote:
Within this new filter window, you see the image in top-left corner, [highlight]simply click within it using mouse from position A ot position B[/highlight] positions are not mentioned anywhere in the window, see image below to have clear idea.

I did that and I also clicked in a circular motion (so that the sides of the ball would turn out clear), but that didn't seem to work. I have been practicing, though. I think these look a little better. :l:

Image

Image

Image

Thank you for your tutorial... I'm so addicted! :l:

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Thu May 03, 2007 10:52 pm 
Owner

User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics:
Posts: 2297

Find User's Topics
In the step I was talking about following image
[img]http://www.gimptalk.com/io_images/47447-gb-8.jpeg[/img]

Click mouse botton where 'A' starts and release the mosue button where 'B' ends.

btw, the first one rocks. great work.


regards

_________________
» GIMP TUTORIALS - Largest Database on Internet


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Thu May 10, 2007 2:50 pm 

Joined:
Thu May 10, 2007 1:16 pm

Topics:
Posts: 9

Find User's Topics
I did one, i don't think it's too bad from 4 hours with the gimp. :h: I can't get my images to upload. :c:


Top
 Profile  
 
Display posts from previous:  Sort by  

Post new topic Reply to topic
 [ 72 posts ]  Go to page 1, 2, 3  Next



Who is online

Users browsing this forum: No registered users and 14 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Related Website
Gimp tutorials database
All rights reserved © GimpTalk 2008
forum software by
phpBB