Skip to main content

Make a Delicious Donut in Photoshop

By Anum Khan



Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Illustration is an integral part of graphic designing. Stylized illustrations can have larger-than-life appeal that goes well beyond what a realistic photograph can provide, especially when it comes to food. An illustration of an indulgent edible treat can garner an incredible amount of attention and elicit visceral responses in viewers.

In this tutorial, I’ll walk you through the process of making a tasty donut in Photoshop. We’ll use the pen tool, the brush tool, the burn tool, the dodge tool, the smudge tool, and various filters and layer styling techniques to achieve the final outcome. Hopefully you will learn some useful tips work up an appetite at the same time. So, let’s get started!


Free Blurred Backgrounds

Final result:

Donut Icon

(Download the finished, layered PSD file.)

Step 1

Create a new document in Photoshop with a 700px width and a 500px height.
Donut Icon

Step 2

First of all, we’ll draw the basic shapes of the donut. Pick #f7b569 as your foreground color and select the pen tool (Tool mode: “Shape”) to draw the shape shown below. Label it as “Base1”.
Donut Icon

Step 3

Now, pick color #fe4258 and draw the shape to make the icing. The icing on the donut is never perfect, so try to make it a bit irregular. Label it as “Icing”.
Donut Icon

Draw another shape covering the center of icing as shown below. Label it as “Hole”.
Donut Icon

Step 4

Select both the hole and icing layers by pressing “Shift” key. Then, go to “Layer” > “Combine Shapes” > “Subtract Front Shape”. Label the resulting shape as “Icing”.
Donut Icon

Step 5

Once again, pick #f7b569 as your color and draw a shape below the icing layer using the pen tool (Tool mode: Shape). Label it as “Base2”.
Donut Icon

Step 6

Next, we’ll give these shapes some volume through layer styling. Double-click the “Base1” layer to open the layer style window and apply the following settings for inner shadow.

Donut Icon

Step 7

Double-click the icing layer and apply the following settings for inner shadow, satin, and drop shadow to get the same effect as mine.



Donut Icon

Step 8

Now, we’ll add details to the base1 layer. Pick #ae7533 as your color and select a soft round brush. Press Ctrl + to make selection around it. Now, create a new layer above it and apply the brush (30-40px size) roughly as shown below. The red area is where I used the brush.
Donut Icon

While the selection is still active, pick #cf8d42 as your color and draw an irregular line using a 15-20px soft round brush (60% opacity) on a new layer as shown below.
Donut Icon

Learn PHP for free!

Make the leap into server-side programming with a comprehensive cover of PHP & MySQL.

Normally RRP $11.95 Yours absolutely free

Create a new layer and pick #fed8ac as your color. Apply a soft round brush (30-40px size) as shown below. Reduce the opacity of this layer to 50%.
Donut Icon

Step 9

Now, pick a 1-2px soft round brush and make light and dark strokes randomly on a new layer.
Donut Icon

Pick the smudge tool (Strength: 15%) and apply it over these strokes to blend them together. Once you are done, reduce the opacity of strokes layer to 50%.
Donut Icon

Step 10

While selection is still active, create a new layer and go to “Edit” > “Fill” > “Use 50% Gray”. Change its blending mode to “Overlay”. Select the burn tool and choose a soft round brush tool with a 40-50px size with Range: “Midtones” and Exposure: “20%”. Apply it over the edges. Now, pick a 2-3px size brush and apply the burn tool over the details created in step 9. After that, select the dodge tool with Range: “Midtones” and Exposure: “20%”. Apply the dodge over the details to highlight them.
Donut Icon

Step 11

Next, we’ll apply texture over the base1. To make the texture, create a new layer and fill it with color #d19956. After that, go to “Filter” > “Noise”> “Add Noise” and use the following values here.
Donut Icon
Now, go to “Filter” > “Filter Gallery” > “Brush Strokes” > “Accented Edges” and apply the following settings here.
Donut Icon

Change its blending mode to “Soft Light” and set a 75% opacity.
Donut Icon

Step 12

Press Ctrl + to make selection around it. Now, use the same techniques explained in steps 8-11 to add details and texture to the “Base2” layer.
Donut Icon

Step 13

Next, we’ll apply shading to the icing. Press Ctrl + to select it, pick #ffc0cc as your color, and select soft round brush (40-50px size). Now, apply this brush on a new layer to make highlights over the icing.
Donut Icon

Step 14

Pick #a33d41 as your color and apply some shading on a new layer using the soft round brush tool (Opacity: 50-60%). Once you are done, change the blending mode of this layer to “Hard Light” and set opacity to 75%.
Donut Icon

Step 15

Now, create a new layer and fill it with “50% Gray” within the selection. Apply the burn and dodge tools to it using the same settings used in step 10.


Donut Icon

Step 16

Pick red as your foreground and blue as your background color. Select the brush tool and press “F5” to open the brush panel. Apply the following settings here.

Donut Icon

Now, apply this brush over a new layer and change its blending mode to “Linear Dodge”.
Donut Icon

Step 17

Next, we’ll add some noise over the icing. Create a new layer, fill the selection with black, and go to “Filter” > “Noise” > “Add Noise”. Apply the following settings here. Change its blending mode to “Screen” and set opacity to 30%.
Donut Icon

Step 18

To sharpen the details, collect all of the layers forming donut in a single group, duplicate it, and merge it. Now, go to “Filter” > “Other” > “High Pass”. Use a 3px value here. Change the blending mode of the high pass layer to “Overlay”.
Donut Icon

Step 19

Click on the icon to “Create new fill or adjustment layer” found at the bottom of layers panel and choose “Levels”. Apply the following settings here.
Donut Icon

Step 20

To make shadow, apply a large soft round brush on a new layer below the rest of the layers. Now, smudge it using the smudge tool to get the result shown below.
Donut Icon

Reduce its opacity to 25% and apply a “Black to Transparent” gradient to it using the following settings.
Donut Icon

Final result:

Donut Icon
That’s it guys. I hope you had fun and learned some useful tips. Enjoy your delicious donut.

Anum is Web and Graphic designer. Addicted to Photoshop and crazy for pixel perfection. She is also an active blogger, sharing her passions, skills and creative details on her blog Websoulz. She loves to connect with the community, sharing the latest design gossips and rolling her eyes on boring trends.

New books out now!

Learn valuable skills with a practical introduction to Python programming!

Give yourself more options and write higher quality CSS with CSS Optimization Basics.