simple bubble in inkscape (orb, ball, bubble)

By ryanlerch

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

  1. Set the Fill colour of the circle to None
  2. Set the Stroke colour of the circle to the colour that you want, I chose blue.
  3. Make the stroke width nice and thick.
  4. 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

  1. Now, take the circle tool and draw an ellipse towards the top of the original circle.
  2. Set the ellipse fill colour to the same colour as the blurred outline circle
  3. Set the ellipse stroke colour to none
  4. This is how it should look:

  5. Now, change the fill of the ellipse so it is a gradient from the colour you chose before to transparent

  6. click for the full image

Step Four

  1. Now, Duplicate the outer blurred circle object (Right Click on the circle and choose duplicate)
  2. Set the blur of the newly duplicated circle to none
  3. Make sure the unblurred version of the circle is on top of everything.
  4. Press Control+A to select all the items
  5. 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!

18 Responses to “simple bubble in inkscape (orb, ball, bubble)”

  1. Nicu Says:

    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

  2. molumen Says:

    Nice! the sane tutorial could be used to create waterdrops! the principe is the same, just the shape should change a little :)

  3. Máirín Says:

    Ooh that’s cool! I like :)

  4. Lensman Says:

    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.

  5. ry Says:

    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…)

  6. Lensman Says:

    You are right. :P 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. :P You can also fill the circle after the clip with white to disable the central transeparency.

  7. inkscape: how the clip function works mini-tutorial « ryan lerch Says:

    [...] 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 [...]

  8. ry Says:

    hi again lensman, i have done a little tutorial, trying to explain what the clipping in inkscape does…

    i hope this helps :P

    link:
    http://ryanler.wordpress.com/2007/05/24/inkscape-how-the-clip-function-works-mini-tutorial/

  9. adwin Says:

    Thx for sharing the tricks … that so amazing …

  10. simple orb tutorial « the inkscape tutorials blog Says:

    [...] view the tutorial [...]

  11. robmyers » links for 2007-07-02 Says:

    [...] simple bubble in inkscape (orb, ball, bubble) « ryan lerch “how to make a basic bubble “ (tags: inkscape svg aqua gel vector howto) [...]

  12. Kishore Says:

    Thank you for sharing.
    its very easy to create such buttons with InkScape.
    Thanks again.

  13. Nurit Hailey Says:

    and then i came out, mommy move me down sout. Nurit Hailey.

  14. rav Says:

    Nice dude, i want more :)

  15. Ivellios Says:

    Hello I want to ask you if I can translate this tutorial into Polish, for http://www.gimpuj.info .

  16. Raccolta di tutorials per Inkscape | linux 4 life Says:

    [...] Drawing a simple orb [...]

  17. me Says:

    nice tutorial, finished the bubble in 2 mins

  18. mafa Says:

    very nice!! :)

Leave a Reply