simple bubble in inkscape (orb, ball, bubble)
Inspired once again by nicu’s post about his orb research i have decided to write a simple tutorial on how to make a basic bubble (bubble, orb, ball, whatever you want to call it.)
This Tutorial uses the blur filter that is only in Inkscape version 0.45 and later.
Step One
Open Inkscape and draw a circle.
![]()
click for the full image
Step Two
- Set the Fill colour of the circle to None
- Set the Stroke colour of the circle to the colour that you want, I chose blue.
- Make the stroke width nice and thick.
- Play with the blur amount in the fill/stroke dialog to blur the circle up a bit.

This is how it should look:

Step Three
- Now, take the circle tool and draw an ellipse towards the top of the original circle.
- Set the ellipse fill colour to the same colour as the blurred outline circle
- Set the ellipse stroke colour to none
- Now, change the fill of the ellipse so it is a gradient from the colour you chose before to transparent
This is how it should look:

Step Four
- Now, Duplicate the outer blurred circle object (Right Click on the circle and choose duplicate)
- Set the blur of the newly duplicated circle to none
- Make sure the unblurred version of the circle is on top of everything.
- Press Control+A to select all the items
- In the menus up the top choose Object > Clip > Set


Step Five
- Add a little light spot on your bubble and blur it up a bit, and you’re done!

February 16, 2007 at 6:45 pm
Speaking of orbs, I wrote an extensive tutorial about orbs, but is not public yes, I had sent it to the Red Hat Magazine (http://www.redhatmagazine.com/) for publishing
February 16, 2007 at 7:41 pm
Nice! the sane tutorial could be used to create waterdrops! the principe is the same, just the shape should change a little
March 11, 2007 at 11:53 am
Ooh that’s cool! I like
May 23, 2007 at 11:09 am
What if i want to make it transparent around and not white in order to put some backround? I cant think of anything … I’m new to inkscape. Thanks in advance.
May 23, 2007 at 11:13 am
hi lensman…
im not sure what you mean… the orb should not have a white background…
try drawing a box over your orb and then “sending it to the bottom” (in the z-order of things…
May 24, 2007 at 7:51 am
You are right.
My mistake. The truth is i went through this tutorial really quickly and i thought that i had to put a white circle in order to cover the exes blur around the bubble. I cant really figure out what the clip does.
You can also fill the circle after the clip with white to disable the central transeparency.
May 24, 2007 at 8:48 am
[...] the clip function works mini-tutorial 24 05 2007 Recently, Lensman posted a comment on my simple orb bubble tutorial. He was asking a question about how the clipping works in inkscape. I understand his pain, because [...]
May 24, 2007 at 8:50 am
hi again lensman, i have done a little tutorial, trying to explain what the clipping in inkscape does…
i hope this helps
link:
http://ryanler.wordpress.com/2007/05/24/inkscape-how-the-clip-function-works-mini-tutorial/
May 28, 2007 at 4:20 pm
Thx for sharing the tricks … that so amazing …
June 15, 2007 at 10:45 am
[...] view the tutorial [...]
July 3, 2007 at 9:22 am
[...] simple bubble in inkscape (orb, ball, bubble) « ryan lerch “how to make a basic bubble “ (tags: inkscape svg aqua gel vector howto) [...]
July 14, 2007 at 7:38 am
Thank you for sharing.
its very easy to create such buttons with InkScape.
Thanks again.
September 20, 2007 at 5:09 am
and then i came out, mommy move me down sout. Nurit Hailey.
January 10, 2008 at 1:51 am
Nice dude, i want more
January 30, 2008 at 7:50 am
Hello I want to ask you if I can translate this tutorial into Polish, for http://www.gimpuj.info .
February 20, 2008 at 2:51 am
[...] Drawing a simple orb [...]
February 22, 2008 at 12:04 pm
nice tutorial, finished the bubble in 2 mins