Illustrator Tutorial: How to make a vector M&M’s candy

1 Star2 Star3 Star4 Star5 Star (5 votes, average: 5.00 out of 5)
Loading ... Loading ...

Hi guys, today I will present you a short and comprehensive illustrator tutorial to make delicious M&M chocolate candies in vector format. Hope you find it useful.

Step 1:

Create a circle path. Select your fill and apply the Radiant Gradient.

Data:Nghi:tuttorial - m&m candy:jpeg:circle .jpg

Use the slider to change the gradient colors and spreading. Make the right gradient color lighter than the left one (which is the main color of your candy).

Data:Nghi:tuttorial - m&m candy:jpeg:gradient 01.jpg

Copy your circle path (Ctrl/Command + C) and paste in front (Ctrl/Command + F). Scale the new one down to oval shape, then change its gradient type to Linear.
Set the right gradient colors bright as white, keep the left one your main color.

:jpeg:gradient linear.jpg

:jpeg:circles 02 b.jpg

Step 2:

Make a shape like in the picture. Copy and paste in front.
Select the front one and apply the B&W Linear Gradient.


Select both shapes. Open the Transparency pallate, click the more options icon and pick Make Opacity Mask.

:jpeg:transparency mask .jpg

You have a blending transparent white shape now, place it on top of the colored circles.

:jpeg:circles 03 b.jpg

To edit the blending, unlink and select the opacity mask (the gradient shape). Use the gradient tool to change the gradient angle.

:jpeg:transparency mask _edit.jpg

After you’ve edited the blending, remember to link the white shape and the opacity mask again by clicking at the space between them in the Transparency palette.

:jpeg:transparency mask _edit_2.jpg

Your candy will look like this:

:jpeg:circles 04 b.jpg

Step 3:

Group all of them together. Type an “m”, select it, right click > Create Outline. Place it on top your candy, horizontal and vertical align them.

The finished piece will be like this:

:jpeg:circles_ finished b.jpg

Since there are 22 colors of M&M’s candies, you can use the above steps and change the colors to make the one you like.

Here are other samples:


~ Happy practicing ~

Copyright @ 2008


  1. ahmadpi Says:

    thanks for this tutorial!

  2. Ravi Says:

    Very excellent explaination. even beginner able to understand

  3. Jessi Says:

    looks cool, but your tutorial is VERY difficult to follow!

  4. Ganesh Says:

    thanks for this tutorial


RSS feed for comments on this post. TrackBack URL

Leave a comment

Si prega di attivare i Javascript! / Please turn on Javascript!

Javaskripta ko calu karem! / Bitte schalten Sie Javascript!

S'il vous plaît activer Javascript! / Por favor, active Javascript!

Qing dakai JavaScript! / Qing dakai JavaScript!

Пожалуйста включите JavaScript! / Silakan aktifkan Javascript!Better Stop Adblock