Create a Cupcake with Chocolate Frosting in Illustrator

In this tutorial I’ll teach you how to create a scrumptious Cupcake with Chocolate Frosting and a cherry on top! We’ll be creating this cupcake in Adobe Illustrator with various shapes, tool, a custom brush and Effects.

Final Result

Create a Cupcake with Chocolate Frosting in Illustrator

Cupcake Cup

1. Create a new document that’s 600×600 pixels. Using the Ellipse Tool, draw a thin oval shape for the ¬†of the cupcake cup. Next using the Pen Tool, draw the main part of the cupcake cup, drawing from the sides of the oval. Select the 2 shapes and click on the Unite icon in Pathfinder to turn the 2 shapes into 1.

Create a Cupcake with Chocolate Frosting in Illustrator

2. Using the stroke settings below, draw a line using the Line Segment Tool while holding down the Shift Key (to keep the line straight). With the line selected go into Effect > Distort & Transform > ZigZag.

Create a Cupcake with Chocolate Frosting in Illustrator

3. Duplicate the line by selecting it and dragging away while holding down the ALT Key until it fits the length of the cupcake cup & place it on top. Select the main cup shape and put in a gradient of your choice. While holding down the shift key, select the zigzag lines and make them the same colour as the last bit of gradient colour.

Create a Cupcake with Chocolate Frosting in Illustrator

Cupcake Sponge

4. Using the Ellipse Tool, draw a shape like below for the cupcake. Right click on the shape and click Arrange > Send to Back so it’s behind the cup.

Create a Cupcake with Chocolate Frosting in Illustrator

Cupcake Frosting

5. Using a dark brown, draw the chocolate frosting using the pen tool.

Create a Cupcake with Chocolate Frosting in Illustrator

6. Elsewhere on the canvas, with the pen tool, draw a think shape like below. With the shape selected click on the new brush icon in the Brushes Window and create a new brush with the settings below.

Create a Cupcake with Chocolate Frosting in Illustrator

7. Select the paintbrush tool, and draw some wavy lines using a darker colour using the brush you created. Experiment with the size of each wavy line.

Create a Cupcake with Chocolate Frosting in Illustrator

8. Next set the colour to a white and draw some more swirly lines for the frosting and make the stroke size to 0.25.

Create a Cupcake with Chocolate Frosting in Illustrator

Cherry

9. Using the Ellipse Tool, draw a circle while holding down the Shift Key and set the gradient to below. Using the Direct Selection Tool, click on the top anchor point to select it, click on it again and drag it down to create a cherry shape.

Create a Cupcake with Chocolate Frosting in Illustrator

10. Select the cherry with the Selection tool and place it on the cupcake. Draw a circle over the cherry with the gradient settings below for a light effect.

Create a Cupcake with Chocolate Frosting in Illustrator

11. With the Ellipse Tool draw the top of the cherry. Next using the Pen Tool draw the cherry stalk with the green gradient below.

Create a Cupcake with Chocolate Frosting in Illustrator

12. Using the shape colour as the frosting, draw over the bottom part of the cherry. While holding down the Shift Key, select the frosting lines that are hidden under the frosting area, right click Arrange > Bring to Front.

Create a Cupcake with Chocolate Frosting in Illustrator

13. Top finish off the Cupcake Cup, draw the shapes below using the Pen Tool & the colour Black. While holding down the Shift Key, select the shapes and set the Blending Mode to Soft Light and the Opacity to 35%.

Create a Cupcake with Chocolate Frosting in Illustrator

14. For the shadow, draw a think oval shape using the Ellipse Tool, right click and Arrange to Back. With the shape selected go into Effect > Blur > Gaussian Blur.

Create a Cupcake with Chocolate Frosting in Illustrator

All finished! Experiment with different coloured Cupcakes and enjoy!

Final Result

Create a Cupcake with Chocolate Frosting in Illustrator

 

3 Comments

  1. Sipi Sagar March 31, 2012
  2. John July 30, 2012
  3. Jennifer November 29, 2012