Jump to content


Photo

Glass Ball


126 replies to this topic

#1 Sharp

Sharp
  • Members
  • 902 posts
  • Locationover there in that one place by that thing
  • Reputation:2

Posted 25 November 2008 - 03:43 AM

I've been seeing a lot of glass tutorial requests in the short time I've been here, most recently This one, so I decided to make a tutorial on how to make a glass ball.

Note: For the sake of simplicity this tut uses a selection, for better AA on the edges, etc. use an alpha mask.

Plugins needed: N/A

Step 1. Open a new canvas or an existing image. For this tutorial I'll use a blank 800x600 image. Add a subtle gradient to the background layer so you can better see the highlights and shadows on the ball, then click the :AddNewLayer: button.

Posted Image

Step 2. Choose the :EllipseSelectTool:, and hold shift to make a circle. Select the :PaintBrushTool: with a fairly large size, and black set as your primary color, then brush where you want your shadow to be. In this case, the top left corner. Do the same in the opposite corner with a white brush.

Posted Image

Step 3. Next gaussian blur at a radius around 50, but this will change depending on how large your circle is. Now lower the opacity to 150-200.

Posted Image

Step 4. Now click the :AddNewLayer: button, and make sure you still have your circle selected. Now brush where your shadow is, but with a smaller brush size than last time. Do the same with the highlight.

Posted Image

Step 5. Gaussian blur again, this time around 25 radius. Lower the opacity to 125-175. These 2 steps define the shadow and highlights. Make sure you still have the original selection.

Posted Image

Step 6. Now add another layer, :AddNewLayer:, and select the :PaintBrushTool: again, with a brush size about 70-80 pixels. Set white as your primary color and click once in the middle of your glass ball. Gaussian blur at a radius about the same as the brush size you set. lower the opacity to around 150.

Posted Image

Step 7. Now for the specular highlight. Add a new layer, :AddNewLayer:. You should still have the original selection. Now lower your brush size to the 30's, and click once with white as your primary color. Lower the brush size by 10, and click again to below and to the left of the first click. Lower your brush size by 5, and click again with about half the 3rd dot over the 2nd one.

Posted Image

Step 8. Gaussian blur this new layer at 10-15 pixels. Add a new layer, and set black as your primary color. Select the secondary color, click the "more" button and moce the "transparency-alpha" slider to 0. Using the gradient tool in :RadialGradient:, click in the middle of the circle and drag to a little outside the circle. If the black is on the inside, right click on one of the nubs to reverse them.

Posted Image

Step 9. Use the :MoveTool: to resize the shadow. Make sure the bottom of the shadow lines up with the bottom of the circle. Lower the opacity depending on how dark your background is. Now that we are done with the selection of the circle, we can move the specular highlight back where it was. go to that layer, select all with ctrl + A, then move it back.

Posted Image

Step 10. Now you probably noticed that there are some random black pixels on the outside of the circle. Turn visibility on and off to figure out which layer it's on. Once you have, you'll have to manually go in and erase the black pixels. I'm not sure why this happens, but if you use an alpha mask they don't appear.

Posted Image

Your Done! You just made a glass ball. Play around with the level of blur and layer opacity of your ball to suit your preferences.
  • 0

#2 oma

oma

    2013 Hit & Miss Award Winner

  • Members
  • 4,435 posts
  • Reputation:20

Posted 25 November 2008 - 04:22 AM

Open a new canvas or an existing image. For this tutorial I'll use a blank 800x600 image. Add a subtle gradient to the background layer so you can better see the highlights and shadows on the ball, then click the :AddNewLayer: button, and paint it black.


do you mean paint the layer black? or do you mean change the brush color to black?

ciao OMA
  • 0

#3 Sharp

Sharp
  • Members
  • 902 posts
  • Locationover there in that one place by that thing
  • Reputation:2

Posted 25 November 2008 - 04:32 AM

Fixed. I accidentally hit the submit button so there were a few things I missed :?
  • 0

#4 david.atwell

david.atwell

    2013 Real Estate Award Winner

  • Moderators
  • 1,694 posts
  • LocationIndianapolis, IN (39°46′5.88″N 86°9′29.52″W)
  • Reputation:197

Posted 25 November 2008 - 04:41 AM

I moved this to the Newbie Playground because I think this is something newer users would LOVE. Great effect, pretty simple.
  • 0

stargatesig.png

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.


#5 Sharp

Sharp
  • Members
  • 902 posts
  • Locationover there in that one place by that thing
  • Reputation:2

Posted 25 November 2008 - 05:28 AM

Sounds good, thanks.
  • 0

#6 Goonfella

Goonfella

    2013 Sports Guru Award Winner

  • Members
  • 2,461 posts
  • LocationThe Rock
  • Reputation:115

Posted 25 November 2008 - 06:11 AM

Great tut , its just what I need. I`ll be giving this a go! Thanks.

Here`s mine.

Posted Image


  • 0

Goonfella3D_zps67f49b6b.jpg

 

Please feel free to visit my Gallery on PDNFans

And my Alternatives to PDN


#7 vikingchick

vikingchick
  • Newbies
  • 2 posts
  • Reputation:0

Posted 26 November 2008 - 02:46 AM

how can you put a pic inside the glass ball without having it blured?
  • 0

#8 Junior-B

Junior-B
  • Members
  • 19 posts
  • Reputation:0

Posted 16 December 2008 - 05:37 PM

add it to a new layer ?
  • 0

#9 Thanksgiving

Thanksgiving
  • Members
  • 24 posts
  • Reputation:0

Posted 20 December 2008 - 11:21 PM

Awesome.

This is the second thing I have attempted on Paint.net.

And this is by far my best yet.

Please tell me if this is good, and or how I can improve.

Posted Image
  • 0

Started Paint.net on Sunday, December 21, 2008

Posted Image


#10 Goonfella

Goonfella

    2013 Sports Guru Award Winner

  • Members
  • 2,461 posts
  • LocationThe Rock
  • Reputation:115

Posted 21 December 2008 - 05:37 PM

You could try feathering the glass and its shadow to get rid if the jagged edges.
Another way is radial blur .
  • 0

Goonfella3D_zps67f49b6b.jpg

 

Please feel free to visit my Gallery on PDNFans

And my Alternatives to PDN


#11 Thanksgiving

Thanksgiving
  • Members
  • 24 posts
  • Reputation:0

Posted 21 December 2008 - 06:14 PM

You could try feathering the glass and its shadow to get rid if the jagged edges.
Another way is radial blur .


Okay but after I saved it, it falttened it and made only 1 layer.
Don't I need the ball layer to feather it?
How do I get all te layers back?

EDIT: Also what's the easiest way to remove the background?
I was having some troubles.
  • 0

Started Paint.net on Sunday, December 21, 2008

Posted Image


#12 Goonfella

Goonfella

    2013 Sports Guru Award Winner

  • Members
  • 2,461 posts
  • LocationThe Rock
  • Reputation:115

Posted 21 December 2008 - 09:38 PM

If you have already saved it as one layer then there is no way to get the layers back as far as I know. I always save to a PDN projects file I have created before I flatten the image unless I know I will no longer be needing it. This way you can go back and make changes.
  • 0

Goonfella3D_zps67f49b6b.jpg

 

Please feel free to visit my Gallery on PDNFans

And my Alternatives to PDN


#13 Thanksgiving

Thanksgiving
  • Members
  • 24 posts
  • Reputation:0

Posted 21 December 2008 - 09:40 PM

If you have already saved it as one layer then there is no way to get the layers back as far as I know. I always save to a PDN projects file I have created before I flatten the image unless I know I will no longer be needing it. This way you can go back and make changes.


Oh.
I always save them as .PNG
I'll remember that to save as .PDN now, if something isn't to full potential.
Thanks,
  • 0

Started Paint.net on Sunday, December 21, 2008

Posted Image


#14 Boude

Boude
  • Members
  • 592 posts
  • LocationThe Netherlands
  • Reputation:2

Posted 25 December 2008 - 10:47 AM

good tut, but glass bundels light (just light a magnifier) ,so you should have a light point and a slightly darker area.
  • 0
Posted Image
History repeats itself, because nobody was paying attention the first time.

#15 Sharp

Sharp
  • Members
  • 902 posts
  • Locationover there in that one place by that thing
  • Reputation:2

Posted 25 December 2008 - 06:55 PM

good tut, but glass bundels light (just light a magnifier) ,so you should have a light point and a slightly darker area.


What? I don't quite understand what your saying :?
  • 0

#16 Boude

Boude
  • Members
  • 592 posts
  • LocationThe Netherlands
  • Reputation:2

Posted 27 December 2008 - 10:19 AM

Anything glass that isn't plat changed the direction of light, either bundeling it or the oposite, http://en.wikipedia....i/Lens_(optics), this means that the shadow of the ball should be a focal point, a point where the rays of light meet, so a point that is lighter then the rest. learn your physics :D .
  • 0
Posted Image
History repeats itself, because nobody was paying attention the first time.

#17 Skitzo

Skitzo
  • Members
  • 252 posts
  • LocationMoscow
  • Reputation:0

Posted 30 December 2008 - 02:40 PM

Very nice! Just that the ball seems a little rough, you might want to, feather it? Other then that, just fantastic! :)
  • 0

#18 Sharp

Sharp
  • Members
  • 902 posts
  • Locationover there in that one place by that thing
  • Reputation:2

Posted 08 January 2009 - 11:58 PM

Very nice! Just that the ball seems a little rough, you might want to, feather it? Other then that, just fantastic! :)


Why thank you :D
  • 0

#19 Rawkgodpegasus

Rawkgodpegasus
  • Members
  • 17 posts
  • Reputation:0

Posted 17 January 2009 - 01:33 AM

uber-kewl all that we need now is the lightning inside the ball :mrgreen:
  • 0
Posted Image

#20 siren625

siren625
  • Newbies
  • 9 posts
  • Reputation:0

Posted 17 January 2009 - 05:47 AM

Well this is my first attempt at really doing anything with PDN... That being said, I really liked your tut! It was very informative and incredibly easy to follow. Anywho, go easy on me. Like I said, it's my first try! I think I might have made it too blurry....



Posted Image


  • 0

Posted Image