Skip to content

Water Bubble in Adobe Illustrator

Water Bubble in Adobe Illustrator

We will explore the fascinating world of water bubbles and learn how to create a captivating bubble effect using Adobe Illustrator’s versatile tools and features. Whether you’re a seasoned designer or a beginner, this step-by-step tutorial will guide you through the process of bringing realistic and vibrant water bubbles to life on your digital canvas.

We will dive into the essential techniques for creating the bubble shape itself. Adobe Illustrator’s shape tools and the pen tool will be our allies in crafting the perfect round and translucent bubble. We will also explore the use of gradients and transparency settings to add depth and dimension to our bubble, making it appear more realistic and lifelike.

We will focus on adding the iconic reflections and highlights that give bubbles their characteristic shimmer. By utilizing the blending modes and opacity settings in Illustrator, we can achieve the glossy and reflective surface of water bubbles. We will experiment with various techniques to create the illusion of light interacting with the bubble, enhancing its overall visual impact.

Additionally, we will explore how to create the illusion of air trapped inside the bubble. Through the clever use of gradients and opacity masks, we can simulate the natural variation in color and transparency that occurs within a water bubble. This will further enhance the realism and visual appeal of our bubble effect.

By the end of this tutorial, you will have a solid understanding of how to create stunning water bubble effects in Adobe Illustrator, and you will be able to incorporate them into various design projects, such as illustrations, icons, and digital artworks.

Whether you want to create a whimsical underwater scene or add a touch of playfulness to your designs, the bubble effect in Adobe Illustrator is a valuable technique to master. So, let’s dive in and discover the secrets behind creating realistic and captivating water bubbles in Illustrator.


We all have played with Water Bubbles in our childhood and today, we will play with them in Adobe Illustrator. In today’s tutorial, you will learn to make Water Bubble in Adobe Illustrator.
Water Bubble in Adobe Illustrator
Launch Adobe Illustrator and create a new document.
Step 1
Select the Rectangle Tool and draw a rectangle. The size of the rectangle will be the same as the size of the artboard. Fill the rectangle with the color #ebfefe. (You can use a darker shade for background)
create a background with the help of Rectangle Tool
We have created the background for our Water Bubbles.
Step 2
Now select the Ellipse Tool and draw a circle of size 225 pt X 225 pt.
draw a circle with the help of Ellipse Tool
Now, we will fill the circle with a gradient. First, fill the circle with a gradient given in the Swatches Panel and then double click on the Gradient Tool to open the gradient panel. Select the gradient type as Radial.
Select three colors in the gradient slider:
#ffffff– Location 0%  Opacity 0%
#ffffff– Location 73.24%  Opacity 4%
#00ffca– Location 100 % Opacity 60%
Now set the Angle to 20.6°.
Fill the circle with gradient
Step 3
Again select the Ellipse Tool and draw a circle of the same size. Fill the circle with white color and reduce the opacity to 30%.
Now place this circle above the first circle.
Water Bubble in Adobe Illustrator
Now select the Pencil Tool and draw the two shapes as shown in the below image.
Water Bubble in Adobe Illustrator
Fill these shapes with color #cceffc and reduce their opacity to 36%. Now we will place these shapes inside our Water Bubble.
Water Bubble in Adobe Illustrator
Step 4
Now select the Pen Tool and then draw two arcs as shown in the below image.
Then select the Ellipse Tool and draw two small circles.
All the four shapes will be filled with white color and later on, we will apply a Gaussian Blur Effect to them.
You can set the blur effect accordingly.
Place all the shapes inside the Water Bubble a shown in the below image.
Water Bubble in Adobe Illustrator
This is how you can make Water Bubble in Adobe Illustrator. Select all the layers of the Water Bubble and group them. With the help of the Alt key, you can create more copies of the Water Bubble.
Water Bubble in Adobe Illustrator
I hope you enjoyed this tutorial so let me know about your views or suggestions in the comment sections and do share this tutorial with others.


  • Vivi Designing

    Vivi Designing is a platform for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published. Required fields are marked *