iSyndica

This vector tutorial was written by Asmaa, graphic designer and illustration artist behind Aivault.com.

I will walk you through the process that i have used in one of the design projects i finished recently . You will learn how to use mesh tool to create water droplets , use the symbol sprayer tool using symbol of water droplets and dispersing them .

Here is a preview of the final image we will be creating by the end of tutorial .

Final image

Step 1 Creating Water background

Lets start by creating water droplets . I created a circle using mesh tool to divide it with two clicks > dropped a lighter and a darker shade on the nodes of the circle.

Once a circle is created now we need to create random shapes of water. Use Wrap tool and play around with shapes to generate a few random droplets .

Randomly arrange them. Select All and drop it into your symbol window.

Create a Rectangle and fill it up with a gradient color lighter to darker and radial.

Drop the water drop symbols on your work area . Use Symbol Sprayer tool to play around with the symbols and randomly distribute the droplets.

Use Symbol Shifter tool to disperse the droplets

Here I reduced the transparency of the entire group and reduced the size.

Create a copy, rotate a bit to get a more dispersed effect.

Step 2 Creating the Text

My aim is to create a text with a water feel to it . Here i typed the word Water in bold and strong and created outlines ( object > Create outline)

Create a copy of it and apply gaussian Blur

Create five copies in all, save one for later use. Apply colour and gaussian blur as seen below to four of them. To one of them i applied a stroke of the art brushes ( line Art 50 right) and gave a stroke of white colour..

Here is the arrangement. The clear copy goes over its gaussian copy.

Here is what i get by stacking up all over each other in the order you see them above

To the fifth copy that we saved apply feather as seen below. This MAY very depending on your document size.

Place the feathered text over the top most layer. Effects> Stylize > Round Corners . Use Round Corners to give the top most layer a soft look.

Create a cutout shape from one of the text copies

Discard the rest place the cut out which we will use as a higlight on top of all the text layers. set opacity

Create small shapes which we will use as a higlight to cover all effects. Place it over your text area above the cutout layer. Set opacity

Step 3 Concluding

You can adjust the colour of the water by playing with the text layers and setting up transparencies .

Select the water droplets and > Arrange > Bring to front. > set opacity.

Preview