Add Water Bubbles to any image in Illustrator

Water Bubbles in Illustrator Tutorial

In this tutorial we are going to make a wet looking text with water drops in Adobe Illustrator. After we create our water drops we are going to use symbols to spread the bubbles out throughout the document.


Step 1

First lets open up Adobe Illustrator and create a new 1200x1200px document.

Water Bubbles in Illustrator Tutorial

Step 2

Now we are going to add our text in, which will be “Watered Down”. I am using the font Chunk Five, and making the text big enough it fill up the document.

Water Bubbles in Illustrator Tutorial

Step 3

We are going to play around with letters to give it a playful look. So to convert the text into vector shapes, go to Type>Create Outlines.

Ungroup the text by pushing Ctrl+Shift+G a few times and adjust the letters so they have a crooked playful look.

Water Bubbles in Illustrator Tutorial

Step 4

To get our color scheme you can go to the Kuler website (If you have CS3 or higher you can just go to Window>Extensions>Kuler. Search for “Test the Waters” by legmeego.

Now that we have our colors we can start adding it to our document.

Water Bubbles in Illustrator Tutorial

Step 5

Using the rectangle tool (M), create a box that fills the document.

Open up the gradient window (Window>Gradient) Click and drag the two darkest blues from our color scheme and put the darkest on the right and lighter one on the left.

Change the gradient to radial and using the Gradient tool (G) widen out the gradient so you have a nice smooth transition between the colors.

Water Bubbles in Illustrator Tutorial

Step 6

Move the gradient behind the text with Ctrl+Shift+[.

Now we are going to start adding some color to the text. First select all the text and group it with Ctrl+G. Change the color to white. We are going to add some strokes, so duplicate the text

with Ctrl+C, Ctrl+F so it pastes in the same place. Now change the background to no fill (the one with the red line across it) and the stroke to the dark blue at 16pt. Move this layer behind the white text with Ctrl+[.

Duplicate the dark blue stroke text with Ctrl+C, Ctrl+F, change the stroke to one of the light blues, and the size to 40pt. Move the light blue stroke behind the dark blue one.

Water Bubbles in Illustrator Tutorial

Step 7

To align the text to the middle of the document, make sure you have the align window open (Window>Align). Make sure Align to Artboard is selected, then click Horizontal Line Center and Vertical Align Center.

Water Bubbles in Illustrator Tutorial

Step 8

Now that we have our simple layout we are going to start adding in our bubbles. Start off by using the Ellipse tool (L) to make an oval. Fill the oval with a back and white radial gradient, with the whitest part at the top. Change the blend mode to multiply, and the opacity to 40%.

Water Bubbles in Illustrator Tutorial

Step 9

To add a shine to our bubble we are going to use the Ellipse tool (L) again to make a white oval on the top left. Angle the circle so that it is parallel with the edge it is on.

Add another smaller circle that also follows the edge. Drop the opacity to 40%.

Water Bubbles in Illustrator Tutorial

Step 10

We are now going to add a small shadow at the bottom right of the bubble. Make a circle around the top part of the bubble with the Ellipse tool (L).

Water Bubbles in Illustrator Tutorial

Click on the bubble and duplicate it with Ctrl+C, Ctrl+F. Now click the duplicated bubble and bigger circle and open up the Pathfinder (Window>Pathfinder), and click on the Minus Front icon.

Water Bubbles in Illustrator Tutorial

Step 11

This should just leave a small half moon shape. Take that half moon shape and shrink it down while holding shift (to keep the proportions).

Water Bubbles in Illustrator Tutorial

Step 12

To put the bubbles all over our document, open up the symbols window (Window>Symbols). Now all you have to do is click and drag the bubble into the symbols window to make it a symbol. Shrink it down to two different sizes (so you have 3 all together, the original and the two smaller ones) and put both of them into the symbols as well.

Water Bubbles in Illustrator Tutorial

Step 13

Click on the Symbol Sprayer tool (Shift+S) and click one of the bubble symbols we created. Make some bigger bubbles, more middle sized bubbles and the most small bubbles.

Water Bubbles in Illustrator Tutorial

Final

There we have it some simple quick bubbles to add to your designs.

Water Bubbles in Illustrator Tutorial

  • Tweet




You might also like these articles...


Loading...


Only comments in English will be approved!

4 Comments

  1. Dienekenves
    06/09/2021

    Klop is not a dog. bbbbbbbbbbbbbbooooooooooooommmmmmmmmmm!!!!!!!!!!

  2. Sasquatch Hosting offersgreen hosting
    07/11/2021

    Wow, fantastic weblog structure! How long have you been blogging for? you made running a blog look easy. The full glance of your web site is wonderful, as smartly as the content material!

  3. best webhosting
    10/11/2021

    I’m now not positive where you’re getting your information, however great topic. I must spend a while finding out more or working out more. Thanks for magnificent information I used to be searching for this information for my mission.

  4. EDISON GRANNIS
    27/01/2022

    You were very good again in Antwerp.
    Thanks for the great show.