In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a vector concept background!
How to Create a Rainbow Umbrella in Adobe Illustrator
1. How to Draw the Rainbow Umbrella
Let’s begin using the Mesh Tool (U) by drawing this simple first piece of the umbrella!
First, using the Pen Tool (P), draw a curved triangular piece just like the one pictured below. Fill it with the
#44315A color, and then grab the Mesh Tool and by clicking on the object, place two Mesh Nodes in the middle of it.
Select the node on the right and change its color to
#755A95, and then in turn color the left node with
Continue using the Mesh Tool to create this new, slightly more complicated piece.
You will need to use these colors:
Draw the third piece of the umbrella with these:
Draw the final piece!
Assemble the pieces into an umbrella as pictured in the screenshot below.
2. How to Create Grey Umbrellas
Create a copy of the rainbow umbrella and set it aside for now.
Select the original and go to Edit > Edit Colors > Convert to Grayscale.
Unfortunately, the hue of our umbrella is not very even right now. Let’s balance it!
For Piece 2, go to Edit > Edit Colors > Adjust Colors and set the value of Black to -7%.
Again, go to Edit > Edit Colors > Adjust Colors and input 22%.
Use the same function as in the previous steps with 39% Black.
Recolor both the 5th and 6th pieces with 6% Black.
Use 12% Black for the final piece.
Select the whole umbrella, and once again go to Edit > Edit Colors > Adjust Colors. This time select RGB instead of Grayscale in Color Mode, tick Convert,and use the following values:
- Red: -3%
- Green: 0%
- Blue: 6%
3. How to Finish the Background
Let’s draw a shadow for the umbrellas! Draw two ellipses, one filled with
#141A23and another with
#18212D, and place them on top of each other.
Make the bigger ellipse completely transparent.
Proceed to Object > Blend > Blend Options and set it to Specified Steps; 30.
Next, select both shapes and go to Object > Blend > Make to create a transparent shadow.
Change the shadow’s Transparency Mode to Multiply.
Place the shadow under both umbrellas, and then clone the grey umbrella (with the shadow!)
Arrange the grey umbrellas into a pile.
Set the rainbow umbrella on top of it.
Draw the backdrop with Mesh.
To draw a cloud, refer to my tutorial right here.
Add the cloud to the background.
Place the umbrellas.
Draw a transparent rectangle bordering the background.
Select everything and right-click to choose Make Clipping Mask.
Your finished picture should look something like this!
Awesome Work, You’re Now Done!
I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!