Jump to content


Photo

Transparent glass ball and magic sphere


  • Please log in to reply
54 replies to this topic

#1 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 01 June 2010 - 11:35 AM

How to draw transparent glass ball in paint.net.

Example #1

Posted Image

Example #2

Posted Image

Plugins not needed

Posted Image 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.

Posted Image

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.

Posted Image

Step #3.

3.1. Create a new layer above the layer with the blue circle.
3.2. Draw a white oval.

Posted Image

3.3. Use the linear Gradient transparency mode.

Posted Image

3.4. Select the oval or circle area.

Posted Image

3.5. Delete the selection - DEL.
3.6. Apply effect Gaussian Blur. Radius 2.

Posted Image

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.

Posted Image

4.3. Apply effect Gaussian Blur. Radius 4.
4.4. Apply effect Glow twice. Radius 20.

Posted Image

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.

Posted Image

5.3. Apply effect Gaussian Blur. Radius 10.
5.4. Apply effect Glow three times. Radius 20.

Posted Image

Step 6.

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

Posted Image

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

Posted Image

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.

Posted Image

That's all! Posted Image

Posted Image 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.

Posted Image

Edited by xmario, 04 June 2010 - 06:56 PM.


#2 pipp92

pipp92
  • Members
  • 1,297 posts
  • Reputation:2

Posted 01 June 2010 - 01:15 PM

looks good although we have lots of this sphere tuts.

#3 Goonfella

Goonfella
  • Members
  • 2,185 posts
  • LocationThe Rock
  • Reputation:34

Posted 01 June 2010 - 05:31 PM

Yes there are plenty sphere tuts but I think this one gives one of the nicest finishes of them all, especially in red.

Goonfella3D_zps67f49b6b.jpg


#4 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 02 June 2010 - 11:52 AM

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.

Posted Image

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. Posted Image

Edited by xmario, 04 June 2010 - 04:57 PM.


#5 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 02 June 2010 - 04:12 PM

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

#6 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 03 June 2010 - 06:49 AM

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


Thank you!! Posted Image 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

Posted Image

Posted Image

Edited by xmario, 04 June 2010 - 04:58 PM.


#7 barbieq25

barbieq25
  • Members
  • 4,264 posts
  • LocationQueensland, Australia
  • Reputation:106

Posted 03 June 2010 - 08:40 AM

The glassiness of these sphere is unmatched. Great effort!

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery


#8 Blissful Chaos

Blissful Chaos
  • Members
  • 23 posts
  • LocationGreat White North
  • Reputation:0

Posted 16 June 2010 - 11:09 PM

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

Edited by Blissful Chaos, 16 June 2010 - 11:10 PM.

Posted Image
Multicectipy

#9 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 17 June 2010 - 07:35 AM

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


It was just great! Posted Image Although you saved on the highlights Posted Image

#10 Goonfella

Goonfella
  • Members
  • 2,185 posts
  • LocationThe Rock
  • Reputation:34

Posted 17 June 2010 - 06:15 PM

Enjoyed this one. Here is mine -

Posted Image


Goonfella3D_zps67f49b6b.jpg


#11 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 18 June 2010 - 06:59 AM


This is great! Thank you Goonfella! I realized what is missing in this tutorial. Posted Image

Last step.
Create a new layer above.
Select an area on the new layer that covers up the ball.

Posted Image

Use Paintbrush tool and draw a shadow, like so.

Posted Image

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

Posted Image

So it looks more realistic Posted Image

#12 Skitzo

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

Posted 18 June 2010 - 03:34 PM

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

nice job man!

Edited by Skitzo, 18 June 2010 - 03:35 PM.


#13 Goonfella

Goonfella
  • Members
  • 2,185 posts
  • LocationThe Rock
  • Reputation:34

Posted 20 June 2010 - 05:57 AM

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

Goonfella3D_zps67f49b6b.jpg


#14 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 20 June 2010 - 11:12 AM

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. Posted Image


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

#15 barbieq25

barbieq25
  • Members
  • 4,264 posts
  • LocationQueensland, Australia
  • Reputation:106

Posted 25 June 2010 - 01:23 PM

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

Here are two of my efforts:

Posted Image


Posted Image


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

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery


#16 xmario

xmario
  • Members
  • 62 posts
  • LocationRussia
  • Reputation:3

Posted 25 June 2010 - 07:13 PM


Thanks for the feedback!!

If you are interested in my opinion, I really liked the first ball. Posted Image The second ball has no shadow.

If interested, I developed the glass theme. I won Posted Image a glassy human. Posted Image

Edited by xmario, 25 June 2010 - 07:26 PM.


#17 GCFuture

GCFuture
  • Members
  • 80 posts
  • Reputation:0

Posted 25 June 2010 - 07:16 PM

looks like the balls from gmod...


#18 barbieq25

barbieq25
  • Members
  • 4,264 posts
  • LocationQueensland, Australia
  • Reputation:106

Posted 26 June 2010 - 12:00 AM

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.

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery


#19 Pixey

Pixey
  • Members
  • 572 posts
  • LocationIsle of Man Home of the "TT" races
  • Reputation:36

Posted 27 June 2010 - 01:50 PM

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

Attached Thumbnails

  • black cat.png


#20 hexratt

hexratt
  • Members
  • 89 posts
  • Reputation:0

Posted 07 July 2010 - 12:52 AM

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

Posted Image

Edited by hexratt, 07 July 2010 - 12:53 AM.

Posted Image