1. Design & Illustration
  2. Gradient Mesh Tool

How to Draw a Watermelon and a Glass of Juice in Adobe Illustrator

by
Read Time:5 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

If you want to skip the tutorial and just use this vector with two more fruit glasses, you can purchase the Set Of Fruit Juice Splashes In Glasses from GraphicRiver!

original juice imageoriginal juice imageoriginal juice image
Set Of Fruit Juice Splashes In Glasses

1. How to Draw the Watermelon Slice

Step 1

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 #F2C7A4.

Continue by coloring some nodes on the left (selected in the screenshot below) with #EE4931. Finally, color the indicated nodes on the right with #E5311B.

watermelon slice meshwatermelon slice meshwatermelon slice mesh

Step 2

Draw the outer part of the watermelon with the Mesh Tool.

Use these colors:

  1. #F1F2CA
  2. #B1CF70
  3. #42622A
  4. #EE9B7C
  5. #F4D7BC
green line meshgreen line meshgreen line mesh

Step 3

Select the result and go to Effect > Warp > Arc. Input a Bend of -91% and Apply.

arc warparc warparc warp

Step 4

Go to Object > Expand Appearance, and then drag around the edges of the object to make it look more natural.

expand appearanceexpand appearanceexpand appearance

Step 5

Add the part we drew before.

add elementadd elementadd element

Step 6

Add some #466427 nodes to a #314C0B Mesh ellipse.

mesh ellipsemesh ellipsemesh ellipse

Step 7

Apply Effect > Warp > Arc (this time with -82% Bend), and then Expand Appearance.

warp arc effectwarp arc effectwarp arc effect

Step 8

Attach this part to the bottom of the watermelon slice, and then modify its top edge to make it more jagged and natural.

modify edgemodify edgemodify edge

Step 9

Begin drawing the seeds for the watermelon with this shape.

  1. #2C1C0E
  2. #705544
  3. #453323
  4. #402014
mesh seedmesh seedmesh seed

Step 10

Draw an outline for the seed.

  1. #D72D19
  2. #B01D0C
  3. #EB5A43
gradient meshgradient meshgradient mesh

Step 11

Draw a shape, filled with #494041, and then change its Opacity to 60% and its Transparency Mode to Screen.

highlighthighlighthighlight

Step 12

Combine all shapes into one, as shown below.

seedseedseed

Step 13

Make different copies of the seed, and then also add some copies of only the red outline, making them more transparent at 60% Opacity.

shapesshapesshapes

Step 14

Add the seeds and the outlines to the watermelon slice.

add seedsadd seedsadd seeds

2. How to Draw the Watermelon

Step 1

First, draw the base by coloring a #78A422 ellipse with #B1D152, then with #51800B.

mesh basemesh basemesh base

Step 2

Finish by adding more colored nodes (#96BD3C and #CCE782).

watermelonwatermelonwatermelon

Step 3

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.

image traceimage traceimage trace

Step 4

Go to Object > Expand Appearance to expand the traced vector, and then Ungroup it and clean up the lines, deleting unnecessary dots.

tracetracetrace

Step 5

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.

reflectreflectreflect

Step 6

Take the copy we made before, Reflect it Vertically, and set it to 40%, Multiply.

reflectreflectreflect

Step 7

Overlay both patterns on top of each other.

assembleassembleassemble

Step 8

Draw an outline for the pattern and select Make Clipping Mask.

make clipping maskmake clipping maskmake clipping mask

Step 9

Return to the Transparency panel once more and change the object's Opacity to 40%. Then place it on top of the watermelon base.

add patternadd patternadd pattern

Step 10

Draw one more ellipse, filling it with a Radial Gradient from #F9FEF3 to #B2C292 to #344927 and using Overlay, 50% Opacity.

add gradientadd gradientadd gradient

Step 11

Place it on top of the watermelon.

overlayoverlayoverlay

3. How to Draw the Glass

Step 1

Let's draw the base of the glass using Mesh. You will need these colors:

  1. #AEA8AB
  2. #724338
  3. #EEE8ED
  4. #C06131
glass base meshglass base meshglass base mesh

Step 2

Finish the base with these:

  1. #2C090A
  2. #756B6F
finish gradient meshfinish gradient meshfinish gradient mesh

Step 3

Select the top two rows of Mesh and change their Opacity to 0%.

transparent meshtransparent meshtransparent mesh

Step 4

Draw the juice.

  1. #FFAA60
  2. #FF722F
  3. #FFB080
juice meshjuice meshjuice mesh

Step 5

  1. #FF8F53
  2. #FFD2B3
  3. #FF5727
finish meshfinish meshfinish mesh

Step 6

Draw the glass.

  1. #FFFFFF
  2. #4D1B2D
  3. #92747F
  4. #B9A5AC
glass meshglass meshglass mesh

Step 7

Change it to Multiply and 50% Opacity.

transparent meshtransparent meshtransparent mesh

Step 8

Combine all the elements to create a glass of juice.

glass of juiceglass of juiceglass of juice

4. How to Draw the Juice and Splashes

Step 1

Draw the juice, pouring into the glass.

  1. #FC6E3C
  2. #CC3316
  3. #FEA976
  4. #FFFFFF
  5. #EA4F27
  6. #EE8357
draw juicedraw juicedraw juice

Step 2

Make the top row of mesh completely transparent.

transparent meshtransparent meshtransparent mesh

Step 3

Draw the big splash.

  1. #FDB87F
  2. #EA6F41
  3. #FEE1C8
  4. #F7874B
mesh juice splashmesh juice splashmesh juice splash

Step 4

Draw more splashes.

  1. #EA7042
  2. #FCCDB2
  3. #FFFFFF
  4. #FDAE73
meshmeshmesh

Step 5

  1. #EA7042
  2. #FDCCA9
  3. #FBAA6F
  4. #FFFFFF
gradient meshgradient meshgradient mesh

Step 6

  1. #EA7042
  2. #FCC69E
  3. #FFFFFF
  4. #F7955E
watermelon juice meshwatermelon juice meshwatermelon juice mesh

Step 7

  1. #EA7042
  2. -
  3. #FCAF77
  4. #FDE7DD
vector mesh watermelonvector mesh watermelonvector mesh watermelon

Step 8

Add the smaller elements to the big splash.

watermelon juice vector gradient mesh splashwatermelon juice vector gradient mesh splashwatermelon juice vector gradient mesh splash

Step 9

Draw a bubble of juice.

  1. #F6802F
  2. #FEC587
  3. #EB6427
juice bubblejuice bubblejuice bubble

Step 10

Make copies with different shapes and sizes.

different mesh bubblesdifferent mesh bubblesdifferent mesh bubbles

Step 11

Add the bubbles to the splash.

juice splashjuice splashjuice splash

Step 12

Assemble all the elements we have made so far into one image!

watermelon with watermelon slices poring juice into juice glass with splash vector gradient meshwatermelon with watermelon slices poring juice into juice glass with splash vector gradient meshwatermelon with watermelon slices poring juice into juice glass with splash vector gradient mesh

Awesome Work, You're Now Done!

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

original mesh imageoriginal mesh imageoriginal mesh image
Set Of Fruit Juice Splashes In Glasses
One subscription.
Unlimited Downloads.
Get unlimited downloads