Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Tools & Tips

Quick Tip: How to Create a Watercolor Background Using Adobe Illustrator

Watercolor Background

In this tutorial we will learn how to create Watercolor Background using a Gradient Mesh, tools of deformation and Blending Modes. The techniques which are described here allow the creation of complex textural backgrounds in a simple and effective way.

Find more awesome Watercolor Backgrounds on Envato Market.

1. How to Work with the Gradient Mesh Tool.

Step 1

Take the Ellipse Tool (L) and create a circle with blue fill.

Keep the circle selected and go to Object > Create Gradient Mesh and set the number of rows and columns in the dialog box.

Step 2

Select mesh nodes with the help of the Direct Selection Tool (A) or Lasso Tool (Q) and recolor them in different tints of blue.

Select the nodes on the edge of the circle with the help of the Lasso Tool (Q) along the trajectory which is shown on the picture below and fill them in white.

Step 3

Now, click twice on the Wrinkle Tool icon on the Toolbar. This action opens the dialog box with the settings of this tool. Set the parameters which are indicated on the picture below.

Make circular movements on the object with the help of the Wrinkle Tool to distort the lines of Gradient Mesh.

Now set up Multiply Blending Mode in the Transparency palette.

2. How to Create the Background

Step 1

Take the Rectangle Tool (M) and create a rectangle to be the background.

Duplicate the mesh object (Option key while dragging), change the size of the copies, rotate them on their axis (with the help of the Selection Tool (V)) and create something like waves above and below the background.

Step 2

Select and group up the created waves (Command-G). Set 40% Opacity for this group in the Transparency palette.

The created waves are the background of the composition.

Step 3

Using the same techniques create the middle ground of our composition. For this group set 70% Opacity in the Transparency palette. The elements of this group shouldn't totally cover up the first group.

Step 4

Now create the foreground, the Opacity of this group is also 70%. The elements of this group shouldn't cover up the first and the second groups.

Step 5

Take the Ellipse Tool (L) and create a circle with blue fill, the diameter of this circle in my case is 4px.

Drag this circle into the Brushes palette and save new brush as Scatter Brush. Set its parameters in the dialog box.

Step 6

Take the Paint Brush Tool (B) and create some strokes with the help of this brush.

You may change the opacity of these strokes in the Transparency palette and the size of the elements by changing the thickness of strokes in the Stroke palette.

Step 7

Select rectangle and go to Object > Arrange > Bring to Front. Now select all the created elements and press the shortcut Command-7, creating the Clipping Mask.


I hope you like this tutorial and you will use these techniques in your vector works.

Watercolor Background Illustrator Tutorial

Watercolor Backgrounds From Envato Elements

Create custom backgrounds using amazing assets from Envato Elements. Subscribe to unlock access to thousands of helpful resources for your creative projects. Check out one of our favorites below!

Colorful Watercolor Backgrounds

A background image can make or break a design. So go for bold colors and watercolor textures with this set of watercolor backgrounds. This set includes 10 backgrounds with many different combinations of colors. Use it to elevate your designs today!

Colorful Watercolor Backgrounds
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.