In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a watermelon, a watermelon slice, and a glass of juice!
1. How to Draw the Watermelon Slice
First, draw a rectangle and fill it with
#F66145, as indicated below.
Let’s begin using Mesh! Grab the Mesh Tool (U) and
begin pulling around the edges of the rectangle to create a half circle.
Next, create a Mesh Grid like the one in the screenshot below by
clicking where the nodes are supposed to be.
Once your Mesh Grid is done, begin coloring it by selecting the nodes on the edges of the shape with the Mesh Tool (U) and changing their color to
Continue by coloring some nodes on the left (selected in the screenshot below) with
#EE4931. Finally, color the indicated nodes on the right with
Draw the outer part of the watermelon with the Mesh Tool.
Use these colors:
Select the result and go to Effect > Warp > Arc. Input a Bend of -91% and Apply.
Go to Object > Expand Appearance, and then drag around the edges of the object to make it look more natural.
Add the part we drew before.
#466427 nodes to a
#314C0B Mesh ellipse.
Apply Effect > Warp > Arc (this time with -82% Bend), and then Expand Appearance.
Attach this part to the bottom of the watermelon slice, and then modify its top edge to make it more jagged and natural.
Begin drawing the seeds for the watermelon with this shape.
Draw an outline for the seed.
Draw a shape, filled with
#494041, and then change its Opacity to 60% and its Transparency Mode to Screen.
Combine all shapes into one, as shown below.
Make different copies of the seed, and then also add some copies of only the red outline, making them more transparent at 60% Opacity.
Add the seeds and the outlines to the watermelon slice.
2. How to Draw the Watermelon
First, draw the base by coloring a
#78A422 ellipse with
#B1D152, then with
Finish by adding more colored nodes (
For this step, please download the attachment that comes with this tutorial, watermelon.jpg. It is a photo I’ve taken, and we will be using it to get a pattern for our work.
Open the photo in your working file in Adobe Illustrator, and then go to Window and open the Image Trace panel. There, input the settings you can see in the screenshot below. Don’t forget to tick Ignore White.
Once you’re all set, click Trace.
Go to Object > Expand Appearance to expand the traced vector, and then Ungroup it and clean up the lines, deleting unnecessary dots.
Create a copy of the result, and then grab the original and Reflect it Horizontally.
Set the Opacity of the result to 10% and its Transparency Mode to Multiply.
Take the copy we made before, Reflect it Vertically, and set it to 40%, Multiply.
Overlay both patterns on top of each other.
Draw an outline for the pattern and select Make Clipping Mask.
Return to the Transparency panel once more and change the object’s Opacity to 40%. Then place it on top of the watermelon base.
Draw one more ellipse, filling it with a Radial Gradient from
#344927 and using Overlay, 50% Opacity.
Place it on top of the watermelon.
3. How to Draw the Glass
Let’s draw the base of the glass using Mesh. You will need these colors:
Finish the base with these:
Select the top two rows of Mesh and change their Opacity to 0%.
Draw the juice.
Draw the glass.
Change it to Multiply and 50% Opacity.
Combine all the elements to create a glass of juice.
4. How to Draw the Juice and Splashes
Draw the juice, pouring into the glass.
Make the top row of mesh completely transparent.
Draw the big splash.
Draw more splashes.
Add the smaller elements to the big splash.
Draw a bubble of juice.
Make copies with different shapes and sizes.
Add the bubbles to the splash.
Assemble all the elements we have made so far into one image!
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!