Create Yummy Donut Text Effect in Adobe Illustrator

In this tutorial, I will walk you through the process of making a yummy donut text in Illustrator.

We will use the basic tools and effects along with some basic vector shape to achieve the final outcome in short time.


Final Image

As always, this is the final image that we’ll be creating:

Create Yummy Donut Text Effect in Adobe Illustrator

Tutorial Details

  • Program: Adobe Illustrator CS6
  • Estimated Completion Time: 30 minutes
  • Difficulty: Beginner-Intermediate

Step 1

Create a new document first. Make sure to set the dimensions to Width = 600px, Height = 600px and the Color Mode to CMYK.

Create Yummy Donut Text Effect in Adobe Illustrator 1

Step 2

Using the Type Tool (T), add the “D” piece of text, set the color to whatever you want and the size is not important, we will resize it later. I used the ” Arial Black “ font.

Go to Window > Graphic Styles and Open Graphic Styles Library > Textures then we select ” RGB Stone 1″

Create Yummy Donut Text Effect in Adobe Illustrator 2

And your result should look like this.

Create Yummy Donut Text Effect in Adobe Illustrator 3

With the ” D ” letter still selected, go to Window > Gradients and we modify the gradient a little bit.

Create Yummy Donut Text Effect in Adobe Illustrator 4

Select the ” D ” letter, focus on the Appearance panel ( Window > Appearance ), we are going to change the fill color to #ED2A7B as in the image below.

Create Yummy Donut Text Effect in Adobe Illustrator 5

And for the stroke line, we set the color to #ED2A7B and set the stroke size = 0.07pt, then go to Window > Brushes. Select Open Brush Library > Artistic > Artistic_Watercolor. You should end up with this result.

Create Yummy Donut Text Effect in Adobe Illustrator 6

Select the text and go to Type > Create Outlines (Shift + Command/Ctrl + O). Now duplicate (Command/Ctrl + C , Command/Ctrl + B) the ” D ” letter and paste it to the back, place the copy as shown in the image below and apply the Multiply blending mode for the copy.

Create Yummy Donut Text Effect in Adobe Illustrator 7

In this step, we duplicate (Command/Ctrl + C , Command/Ctrl + B) the ” D ” letter copy.

Create Yummy Donut Text Effect in Adobe Illustrator 8

We now duplicate (Command/Ctrl + C , Command/Ctrl + B) the ” D ” letter copy again and paste it to the back. Then apply the Normal blending mode for the last copy.

Create Yummy Donut Text Effect in Adobe Illustrator 9

Now I want our ” D ” letter much lighter, so duplicate (Command/Ctrl + C , Command/Ctrl + F) the main shape and paste in front, apply the Overlay blending mode for the copy. You should end up with the result shown in the image below.

Create Yummy Donut Text Effect in Adobe Illustrator 10

Group (Command/Ctrl + G) all the ” D ” letter elements, then go to Effect > Stylize > Drop shadow and set the value as shown below.

Create Yummy Donut Text Effect in Adobe Illustrator 11

Step 2

After we have done with the ” D ” letter. Repeat the techniques used in the previous steps for the rest of the ” Donut ” text. Remember to create the text separately. Here is the result for our ” O ” letter.

Create Yummy Donut Text Effect in Adobe Illustrator 12

Step 3

You should end up with this result for the ” N ” letter.

Create Yummy Donut Text Effect in Adobe Illustrator 13

Step 4

And this is the result for ” U ” letter.

Create Yummy Donut Text Effect in Adobe Illustrator 14

Step 5

Finally, our ” T ” letter will come out as shown in the image below.

Create Yummy Donut Text Effect in Adobe Illustrator 15

Step 6

It is time to create the sprinkles, just grab the Rounded rectangle Tool to create the sprinkle shapes. Fill them with any color you like. Then go to Window > Stylize > Drop shadow and set the values as shown in the image below. Here is my result.

Create Yummy Donut Text Effect in Adobe Illustrator 16

Place the sprinkles as shown in the image below.

Create Yummy Donut Text Effect in Adobe Illustrator 17

Step 7

Now we create more sprinkles, we pick the Ellipse tool (L) to draw the circles and repeat the previous step for our sprinkles, then we place them as shown below.

Create Yummy Donut Text Effect in Adobe Illustrator 18

Step 8

We set a background for our final design. Grab the Rectangle Tool (M) from the Tools Panel and click somewhere on the Artboard. The Rectangle Options box will pop up. Set the dimensions to 600 x 600 pixels. in the Swatches palette go to Open Swatches Library > Gradients > Earthtones. Apply the Earthtone 25 gradient to the shapes as shown below.

Create Yummy Donut Text Effect in Adobe Illustrator 19

And We are Done!

Here is how it should look. I hope you have enjoyed this tutorial and can apply these techniques in your future projects.

Create Yummy Donut Text Effect in Adobe Illustrator

Source files

Source files for many of our tutorials are available to Premium members at our site Pixolution.
Get a Premium Membership now.

If you are already a Premium member you can login here.


Newsletter Subscription

Signup today for free and receive all new free tutorials published at Vector Cove.

To complete the subscription process, please click the link in the email we just sent you.

Pin It on Pinterest

Share This