Downlaod Free Graphic Resources for your online small business , find resources and templates, vector patterns, icons, photoshop brushes, fonts , cliparts and illustrations for commercial and personal use
How to Create a Cool Water droplets text effect, vector tutorials illustrator

  • Facebook
  • Twitter
  • Google+
  • Pinterest


In this tutorial 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 .

The effect seems to be a bit detailed while it is not that difficult to get the result .

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

Tools Required : Adobe Illustrator CC
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Final image

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Step 1 Creating Water background

For this vector tutorials illustrator Lets start by creating water droplets . I created a circle used mesh tool to divided it with two clicks > dropped a lighter and a darker shade on the nodes of the circle.

(JOIN MY FREE CLASS ” LEARN DIGITAL ART AND ILLUSTRATION)

If you are not familiar with Mesh tool check out this tutorial that i wrote about using mesh tool , i love this tool!

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

If you are not familiar with select tools in illustrator you might consider heading on over to this tutorial where i cover some of the basics of illustrator.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Randomly arrange them. select all and drop it into your symbol window.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Use symbol Shifter tool to disperse the droplets

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Step 2 Creating the Text

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Create a copy of it and apply gaussian Blur

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Create five copies in all save one for later use , colour and gaussian blur as seen below 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..

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Here is the arrangement one clear copy goes over its guassian copy.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Create a cutout shape from one of the text copies

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Create small shapes which we will use as a higlight to over all effect place it over your tex area above the cutout layer. Set opacity

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Step 3 Concluding

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

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

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Want to learn more about a few of adding effects to text in illustrator ? you might be interested in how i gave a grungy effect to some text . The effect is simple yet it is rewarding.

Preview

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Save for later Share it!

How to Create a Water Effect in Vector Step by step
  • Facebook
  • Twitter
  • Google+
  • Pinterest

How to Create a Water Effect in Vector Step by step

This tutorial was created using

[private] [download id=”38″] [/private]

You May also like Some more vector tutorials illustrator withText Effect !

 How to Create a 3D RSS Icon

 Tutorial: Create a cool water effect

 Add grunge effect to your text

[categorythumbnaillist 14]

Pin It on Pinterest