How to Create Water in Adobe Illustrator

Use Rectangle Tool to create a square, turn it to blue ( by this I set at position C=60 and other=0 and set stroke=none; , Go to Ellipse Tool and create a circle, this part will be a water effect.,Move a circle and put it in front of a square after...

23 Steps 1 min read Advanced

Step-by-Step Guide

  1. Step 1: Use Rectangle Tool to create a square

    Colored it by use gradient, by this, I used 4 level of blue, look at the Gradient bar, start from the left site (1) C=100, M=30and other=0, (2) C=100 and other=0, (3) C=60 and other=0, (4) C=25 and other=0 , set a color at position like in the picture follow this (1)(2)(3)(4)(3)(4)(3) respectively and use Radial mode ,, Set it to white, stroke is none ,,,,
  2. Step 2: turn it to blue ( by this I set at position C=60 and other=0 and set stroke=none;

  3. Step 3: Go to Ellipse Tool and create a circle

  4. Step 4: this part will be a water effect.

  5. Step 5: Move a circle and put it in front of a square after that

  6. Step 6: adjust a shape and size to be an ellipse like the picture at the left side

  7. Step 7: Create a reflex of water by draw an ellipse (its scale should be similar like an ellipse of water)

  8. Step 8: duplicated it once and set it as shown in the picture

  9. Step 9: select all of them and go to Pathfinder> Subtract from shape area and then click expand.

  10. Step 10: Set it to look like a water reflex

  11. Step 11: continue to make the other water reflex by the same way

  12. Step 12: I use white and dark blue to be a reflex color

  13. Step 13: The last part is water drop

  14. Step 14: go to Ellipse Tool and create a small circle

  15. Step 15: colored it by Gradient Tool by follow this position

  16. Step 16: the first is white

  17. Step 17: second is C=25 and other=0 and the last is C=100 and other=0

  18. Step 18: stroke is none and use Radial mode

  19. Step 19: after that

  20. Step 20: select a Direct Selection Tool to adjust it to look like a water drop.

  21. Step 21: Duplicate it for three pieces and set it in vertical line

  22. Step 22: adjust it by make an upper one smaller.

  23. Step 23: Finished.

Detailed Guide

Colored it by use gradient, by this, I used 4 level of blue, look at the Gradient bar, start from the left site (1) C=100, M=30and other=0, (2) C=100 and other=0, (3) C=60 and other=0, (4) C=25 and other=0 , set a color at position like in the picture follow this (1)(2)(3)(4)(3)(4)(3) respectively and use Radial mode ,, Set it to white, stroke is none ,,,,

About the Author

J

Jacqueline Reed

With a background in lifestyle and practical guides, Jacqueline Reed brings 8 years of hands-on experience to every article. Jacqueline believes in making complex topics accessible to everyone.

104 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: