Web Designer Pro Bundle - $500 of Site Templates, Stock Photos, Code, Graphics and more for only $20
Quick Tip: How to Create a Watercolor Background Using Adobe Illustrator

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

Tutorial Details
  • Program: Adobe Illustrator CS-CS5
  • Difficulty: Beginner
  • Estimated Completion Time: 20 minutes

Final Product What You'll Be Creating

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.


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.


Step 4

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 5

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 6

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 7

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 8

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 9

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 10

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.


Conclusion

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

Add Comment

Discussion 17 Comments

  1. HN84 says:

    Great technique!

  2. Arphetamin says:

    Simple and fantastic!

  3. Frank says:

    This is a nice one!

  4. adize says:

    Thank you, really nice tut!

  5. Eliza says:

    WOW, I can’t wait to try this one out!

  6. polo says:

    Excelente, aplicando al maximo las herramientas de ilustrador
    Felicitaciones
    Gracias

  7. diana says:

    Cool idea..But takes too much space on my pute lol

  8. Rajeev Ranjan says:

    Nice one, worth trying… thanx…

  9. Jabilson07 says:

    Nice tutorial. Might want to check with your service provider/printer if they can handle this sort of file. May have to rasterize to get to print and may alter the look. FYI

  10. it is not that easy thing to do but I know that I will feel great if I can make the same thing with what you’ve done…
    I hope I can follow the right thing…
    wish me luck!!!

  11. ananth says:

    Sweet. The end effect is just awesome !!

  12. Abdul Majid says:

    very easy not difficult,

  13. Jephron says:

    A very good one and a simple one for beginners !!

  14. e11world says:

    The effect is pretty sweet but intense on my computer. It takes me about 15 seconds to select and move one of these balls and I’m on a decent computer (4GB RAM, Dual Core CPU)

    • Lisa says:

      I have the same problem! I want to work with this effect really badly, but it takes way too long to even move one of these circles! Some advice would be nice, thank you! :)

  15. kebabsoup says:

    Great effect! Thx for sharing!

    Once you created one “stain” you can also save it as a symbol and sample it through the Symbol Sprayer. Their size, color, transparency, orientation can more easily be randomised this way. I think it also reduces greatly the load on CPU and file sizes.

Add a Comment