Gingerbread Cookie in Illustrator - The Icing

Gingerbread Cookie in Illustrator - The Icing
In this tutorial, we will decorate our gingerbread cookie and learn a little about the Roughen Effect in IllustratorR.

In the previous tutorial, we drew a star shaped gingerbread cookie in Illustrator. Now, we can decorate the cookie with digital icing. Let's add a line of piping around the edge of the cookie.

We will start by making a copy of the cookie shape and using the path as our line of piping. If not open, open the cookie .ai file in to Illustrator.

  1. Select and make a copy of the medium brown cookie shape.

  2. Click Edit - Paste in Place to place the copy over the original cookie shape.

    Now let's turn this shape in to a line of piping.

  3. With the new shape still selected, set the Fill to a light gray color (#e8e4e1). This will become the shadow part of the piping.

  4. Use the Free Transform tool to reduce the shape just a little.

  5. Swap the Fill to a Stroke and set the Stroke width to 12 pts.

    The piping looks a little too perfect. Let's roughen it up a little.

  6. With the piping still selected, click Effect - Distort & Transform - Roughen. In the Roughen window, turn on the Preview. Set the Size to 1% and Relative, the Detail to 2/in and the Points to Smooth.

  7. Click Object - Expand Appearance to set the Roughen effect.

    Now let's make the piping on top of the shadow layer.

  8. With the piping shadow still selected, make a copy and paste it in place over the shadow.

  9. Set the Stroke color to white (#ffffff) and the width to 5 pts.

  10. Nudge the path upwards a little to make the gray path appear as the shadow of the piping.

To add more randomness, apply the Roughen effect again to the white piping.

Variation: A second method of decorating the cookie would be to coat the cookie with an icing glaze. To do this, repeat the steps above but do not swap the Fill to a Stroke.


Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.