Jump to content

Transparent glass ball and magic sphere


xmario

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

How to draw transparent glass ball in paint.net.

Example #1

20158.jpg

Example #2

20203.jpg

Plugins not needed

flag.gif Description of this tutorial in Russian

Step #1.

1.1. Create a new image in paint.net.

1.2. Fill in the background gradient from black to white.

1.3. Create a new layer. Select the oval or circle area.

1.4. Fill the selection with the linear gradient of the dark colors.

20191.jpg

Step #2.

2.1. Create a new layer above the layer with the black circle.

2.2. Select the oval or circle area, but smaller than the size of the black circle.

2.3. Fill the selection with the linear gradient. Primary color #0096FF Secondary color #00F9FF.

2.4. Apply effect Gaussian Blur. Radius 2.

20192.jpg

Step #3.

3.1. Create a new layer above the layer with the blue circle.

3.2. Draw a white oval.

20193.jpg

3.3. Use the linear Gradient transparency mode.

20194.jpg

3.4. Select the oval or circle area.

20195.jpg

3.5. Delete the selection - DEL.

3.6. Apply effect Gaussian Blur. Radius 2.

20196.jpg

Step 4. We’ll make shine

4.1. Create a new layer between black and blue circles.

4.2. Draw a line and a small oval. Use the most vivid color from the colors on the ball. In this case #00F9FF.

20197.jpg

4.3. Apply effect Gaussian Blur. Radius 4.

4.4. Apply effect Glow twice. Radius 20.

20198.jpg

Step 5. We’ll make shine

5.1. Create a new layer above the layer with a blue ellipse, but below a layer with white crescent.

5.2. Draw an oval. Use the most vivid color from the colors on the ball. In this case #00F9FF.

20199.jpg

5.3. Apply effect Gaussian Blur. Radius 10.

5.4. Apply effect Glow three times. Radius 20.

20200.jpg

Step 6.

6.1. Just as we did in step # 5, make another shine behind the ball.

20201.jpg

6.2. Just as we did in step # 5, make another shine below the ball.

20202.jpg

Step 7. Shadow.

7.1. Create a new layer below all layers, but above the background layer.

7.2. Draw a black oval.

7.3. Apply effect Gaussian Blur. Radius 100.

20203.jpg

That's all! yahoo.gif

flag.gif Description of this tutorial in Russian

You can create a new layer above all аnd add an any transparent image. Then you get the magic sphere.

20204.jpg

Link to comment
Share on other sites

looks good although we have lots of this sphere tuts.

Yes! At this forum published many tutorials about balls and glass. Because the sphere is a basic element of many images. In the case of this tutorial objective was the glass transparent Green Apple.

20212.jpg

How is it done? The basic principles described in this tutorial. In addition I have used other lessons in this forum, which we have lots of this sphere. ae.gif

Edited by xmario
Link to comment
Share on other sites

I agree with goonfella, your's has the best outcome!

Thank you!! blush.gif The outcome will be even better if you apply a Gaussian blur and gradients. But it is impossible to write a universal tutorial. It's all very individually.

These are some examples that are made only Gaussian blur

p20013.png

p20014.png

Edited by xmario
Link to comment
Share on other sites

  • 2 weeks later...

pdnfile22.jpg?t=1276729720

^great tut, real simple, heres my go at it

Edited by Blissful Chaos

scaled.php?server=850&filename=falloutsig.jpg&res=medium

Multicectipy

Link to comment
Share on other sites

This is great! Thank you Goonfella! I realized what is missing in this tutorial. blush.gif

Last step.

Create a new layer above.

Select an area on the new layer that covers up the ball.

20361.jpg

Use Paintbrush tool and draw a shadow, like so.

20362.jpg

Do at the selected area a Gaussian Blur at a 50px radius.

20363.jpg

So it looks more realistic wink.gif

Link to comment
Share on other sites

выглядит так здорово! Это руководство, безусловно, лучшее из всех остальных.

nice job man!

Edited by Skitzo
Link to comment
Share on other sites

Thanks for using my orb and adding those extra steps at the end. Definitely looks even better now. ;)

Thank you! The outcome will be even better if experiment with Gaussian blur. But it's all so individually. pardon.gif

Eh... It's a great pity that the paint.net doesn't have a free transformation tool... bu.gif it would easy make a transparent human head, if it be... bh.gif

Link to comment
Share on other sites

Just love this tute. Easy to follow & a great outcome! Thanks so much for writing it.

Here are two of my efforts:

OtherSideofInsanity.png

AmberNouveau.png

I think the second one could have had a bit brighter highlight on the top left.

THiGVp.png

Knowledge is no burden to carry.

 

April Jones, 2012

 
Link to comment
Share on other sites

looks like the balls from gmod...

gmod? what are we talking about here?

XMario - yes you are correct. I didn't put it in since it is not sitting on the blue but rather floating in front of it. Most definitely interested in you honest opinion. Thanks I might try putting a shadow in & see how it looks. Thanks for taking the time to comment.

THiGVp.png

Knowledge is no burden to carry.

 

April Jones, 2012

 
Link to comment
Share on other sites

Ohhh - I really enjoyed this tutorial. Thank you - I'm a fan of glassy things and want to practice more.

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

  • 2 weeks later...

Excellent tutorial, xmario. I kind of went in a different direction with my result to use as an example in another post.

thumb_bomb.jpg

Edited by hexratt
sighhexratt1.jpg
Link to comment
Share on other sites

My other try. This time I tried to stay true to tutorial but still wanting to add a little creative of my own with the tutorials. Three tutorials combined into one.

Gold edition stargate watch: when it's time to dial home, don't leave home without it.

sgwatchgold.png

sighhexratt1.jpg
Link to comment
Share on other sites

Thanks, xmario. The picture was part of my 10 min drill. This exercise was mainly about using gradients (linear mostly). I'd would give myself ten minutes to make something and usually I don't finish the whole picture because I'm still too slow.

sighhexratt1.jpg
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...