Serve Up Sweetness With Your Own Cake Vector!

Cake Vector
Create something on the sweet side with custom brushes and the Rotate Tool in Adobe Illustrator CC. We’ll speed up the process of illustrating a decadent cake vector with a couple useful techniques, ready for a plethora of designs.

Tutorial Details: Rotated Cake Vector

  • Program: Adobe Illustrator CS5
  • Difficulty: Intermediate
  • Topics Covered: Custom Brushes, Rotate Effect, Gradients
  • Estimated Completion Time: 30 Minutes

Final Image: Rotated Cake Vector

Cake Vector

Step 1: Rotated Cake Vector

To begin our sweet sweet cake vector tutorial, create a New Document of 800 px square. Use the Rectangle Tool to draw a square around your Artboard.
Cake Vector

Step 2

Draw a second square and fill it with a default dot pattern from the Swatches panel. Expand the pattern and use the Magic Wand Tool to select the bounding boxes around each pattern section and delete them. Unite the dots in the Pathfinder panel. Set the fill color of your compound shape to white. Set the Blend Mode to Overlay and Opacity to 70%, or so, in the Transparency panel.
Cake Vector

Step 3

For the lacy doily that will go on the bottom of the cake vector, draw a circle with the Ellipse Tool and set the fill color to tan or off-white. Use the Line Segment Tool to draw four lines (one horizontal, one vertical, and two diagonal) and Align them so they are centered in the circle. Select all five objects and hit Divide in the Pathfinder panel. Select one of the pie slices and move it over to create our design in the next step.
Cake Vector

Step 4

I found it easiest to draw circles with dashed lines. In the Strokes panel, set the caps and corners to rounded, weight to 4-6 pts, dashes to 0.5-1 pt and gaps to 6-9 pts. Expand your dashes strokes into objects, Unite them and then hit Minus Front in the Pathfinder panel.
Cake Vector

Step 5

Rotate the pie slice by 45° and create three copies of that rotation with the Rotate Tool. Line the four pieces up against their edges (you may need to Zoom in) and Unite your lacy half circle. You can also add other cut-out details or scalloped edges to your design at your discretion.

Select your lace shape and in the Brushes panel, create a new Scatter Brush, making sure it follows the Path and not the page when used.
Cake Vector

Step 6

Draw a large circle with your Ellipse Tool and apply the newly made brush as the stroke (with the same tan used previously as the fill color).
Cake Vector

Step 7

Draw a white circle in the center of the doily. Set the fill color to a Radial Gradient going from gray to white in the Gradient panel. Adjust the radius so the gray is around the edges with the Gradient Tool.
Cake Vector

Step 8

Let’s create another scatter brush! Using the Pencil Tool, with the Fidelity set to Smooth, draw an icing shape similar to what’s seen below: three scallops that taper to a point that will go on the edges of the cake vector. Use the Pen Tool or Pencil Tool to draw a few gradient shapes going from gray to gray (light for highlights, dark for shadows). Select all of your shapes, Group them together, and then Expand Appearance.
Cake Vector

Step 9

Like the lace brush before, create a new Scatter Brush and apply it to another circle. Set this one between the lace and cake circles in the Layers panel.
Cake Vector

Step 10

Let’s work on the strawberries. Draw a heart-like shape with the drawing tool of your choice. Set the fill color to a Linear Gradient going from light orange to red to dark red. For the leaves, I drew imperfect leaf shapes and then created each segment with a linear gradient shape going from dark green to medium green. Group together your leaf and then Copy, Paste, and Scale it down to create the second one.

Step 11

For the seeds, I drew small teardrop and oval shapes with the Pencil Tool and filled them with a Radial Gradient going from orange at 100% Opacity to 0% Opacity. The highlight shape on the strawberry was drawn with the Pencil Tool as well and is filled with a Radial Gradient going from white at 100% to 0% Opacity. Its overall Opacity was reduced down to 50%, or so, in the Transparency panel as well.

Step 12

Group together your seed objects. Copy, Paste, and change the gradient color from orange to dark red. Set the Blend Mode to Multiply and place it below the seed group in the Layers panel. Offset it slightly so it looks as though the seeds are indented into the strawberry a bit.

Step 13

Draw a shadow shape with the drawing tool of your choice and set the fill to a Linear Gradient going from dark red at 100% to 0% Opacity.

Step 14

Like we did before, draw some icing shapes. These were elongated teardrops with shadow and highlight shapes overtop. All gradients consist of shades of gray. Gather a few around the strawberry and Group it all together.

Step 15

Place your strawberry on the cake vector. Select the strawberry group and use the Rotate Tool to rotate a copy of the strawberry by 45°. Rotate and copy each strawberry until you have eight total.

Step 16

Place your strawberries around the cake. You can add shadow shapes, additional fruits, or icing with this method as well.
Cake Vector

Step 17

Add a bit of dimension to your illustration or icon with a doily shadow. Copy and Paste the doily. Expand it and set the fill color to dark gray. Set the Blend Mode to Multiply and the Opacity to 40% in the Transparency panel. Place it beneath the original doily in the Layers panel and offset it slightly.
Cake Vector

Conclusion: Rotated Cake Vector

Well done you! Now that you’ve quickly made an entire cake (take that, Julia Child), what other uses can you find for rotating copies of vector objects and creating simple, but artistically complex brushes? Share your delicious creations in the comment section below!
Cake Vector

Author: Mary Winkler

Mary works under the brand Acrylicana® designing apparel, jewelry, and illustrating for companies like Disney, Jakks Pacific, Envato, and more. Check out for more artwork, tutorials, and more.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

3 thoughts on “Serve Up Sweetness With Your Own Cake Vector!

Leave a Reply

Your email address will not be published. Required fields are marked *