How to Create a Glazed Cookie Text Effect in Adobe Photoshop

This tutorial will show you how to use Photoshop’s brush settings, layer styles, and adjustment layers to create a fun, bright glazed cookies text effect. Let’s get started!

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

How to Create a Glazed Cookie Text Effect in Adobe Photoshop
This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create a Gradient Background and Text Layers

Step 1

Create a new 1000 x 800px document, and click the Create new fill or adjustment layer icon at the bottom of the Layers panel to add a Gradient layer.

Create the gradient fill using the Colors #e8d2d6 to the left and #ddbcc0 to the right, and change the Angle to 107.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Create the text in All Caps using the font Sniglet, and set the Size to 250 pt.

You can create the whole word at once, or, if you want a more dynamic result, create each letter on a separate layer.

If you are creating the letters separately, make sure to place each one’s layer in a group with the letter’s name.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

2. How to Create and Save a Stroke Brush Tip

Step 1

Pick the Brush Tool and open the Brush panel. Choose a hard round tip and use these settings:

Brush Tip Shape

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Click the Create new brush icon in the bottom right corner of the panel, change the Name to Cookie Stroke, and click OK.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

3. How to Create and Stroke a Work Path

Step 1

Right-click the text layer and choose Create Work Path.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Create a new layer on top of the text layer, name it Stroke, make sure that the Brush Tool is still active, and hit the Return key to stroke the path.

Pick the Direct Selection Tool (A), and hit the Return key again to get rid of the work path.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Put both the text and Stroke layers in a group and name it Text and Stroke.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

4. How to Style a Layer Group

Double-click the Text and Stroke group to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 7
  • Check the Anti-aliased box
  • Highlight Mode:
    • Color: #b08965
  • Shadow Mode:
    • Color: #d3a35e
    • Opacity: 35%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Add a Drop Shadow with these settings:

  • Color: #762b3d
  • Opacity: 38%
  • Distance: 3
  • Size: 5

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 4

Add another Drop Shadow effect instance with these settings:

  • Color: #7d3848
  • Opacity: 50%
  • Distance: 15
  • Size: 25

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

This will style the main cookie shape.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

5. How to Add a Texture Image

Step 1

Open the Biscuits image, and pick the Elliptical Marquee Tool to select one of the cookies in the image. You can select only the part you want to use as well.

Go to Edit > Copy to copy the selected part.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Go back to the original document and go to Edit > Paste to paste the copied biscuit texture.

Place the pasted layer inside the letter’s group on top of the Text and Stroke group. Then, right-click the biscuit texture layer, and choose Create Clipping Mask.

Press Command-T to enterFree Transform Mode, and resize and rotate the texture until you like how it looks.

Hit Return to commit the changes.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

6. How to Contract a Selection

Step 1

Command-click the text layer’s thumbnail to create a selection.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Go to Select > Modify > Contract, and change the Contract By value to 5.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Create a new layer at the top of the letter’s group and name it Glaze 01.

Fill the selection with White, and press Command-D to deselect.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 4

Duplicate the Glaze 01 layer and name the copy Glaze 02, and change the copy’s Fill value to 0.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 5

Place both glaze layers in a group and name it Glaze.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

7. How to Create a Smooth Glaze Style

Double-click the Glaze 01 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 9
  • Soften: 9
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
    • Color: #b08965
  • Shadow Mode:
    • Color: #b69c5e
    • Opacity: 35%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Add a Texture with these settings:

  • Pattern: Clouds
  • Depth: 25%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 4

Add an Inner Shadow with these settings:

  • Color: #d3d1c8
  • Opacity: 35%
  • Distance: 3
  • Size: 7

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 5

Add a Color Overlay with these settings:

  • Color: #f1efde

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 6

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #2c1c0b
  • Opacity: 15%
  • Distance: 3
  • Size: 3

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

This will create a soft glaze style.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

8. How to Create a Textured Glaze Style

Double-click the Glaze 02 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 7
  • Soften: 7
  • Uncheck the Use Global Light box
  • Angle: 85
  • Altitude: 26
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Color: #ffffff
  • Shadow Mode: Linear Burn
    • Color: #b1997c
    • Opacity: 28%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Add a Texture with these settings:

  • Pattern: Satin
  • Depth: 26%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

This will create a more textured glaze.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

9. How to Create More Letters

Repeat the same steps to create any more letters you need.

Use the Free Transform Mode to rotate the letters and place them however you like.

You don’t need to re-apply all the layer styles for each layer. Instead, you can right-click the styled layer, choose Copy Layer Style, right-click the new layer you want to apply the same layer style to, and choose Paste Layer Style.

Once you’re done, place all the letter groups in another group and name it Text.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

10. How to Create a Sprinkles Brush Tip

Pick the Brush Tool and open the Brush panel.

Choose a hard round tip and use these settings:

Brush Tip Shape

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Scattering

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

11. How to Create a Sprinkles Style

Step 1

Create a new layer on top of the Text group, and place it in a group with the name Sprinkles.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Double-click the new layer to apply the following layer style:

Step 2

Add a Bevel and Emboss with these settings:

  • Size: 6
  • Uncheck the Use Global Light box
  • Angle: 98
  • Altitude: 53
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Opacity: 5%
  • Shadow Mode: Color Burn

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Add a Contour with these settings:

  • Contour: Rounded Steps
  • Check the Anti-aliased box.
  • Range: 59%

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 4

Add a Color Overlay with these settings:

  • Color: #f88dc7

This is where you can choose the color of the sprinkles on the styled layer, so you can choose any color you like.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 5

Add a Drop Shadow with these settings:

  • Color: #2a2826
  • Opacity: 20%
  • Distance: 2
  • Size: 3

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

12. How to Add Sprinkles

Step 1

Rename the styled layer to the color you chose for the Color Overlay effect, and copy its layer style.

Click-drag slightly over the letters to add the sprinkles. You can change the brush tip’s Spacing and Scattering values as needed to create an effect you like.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Create new layers, name each one with the color you want its sprinkles to be, and paste the layer style to it.

All you need to do to change the sprinkles’ color is double-click the sprinkles layer, and choose a new Color value for the Color Overlay effect.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

You can add as many sprinkle layers and colors as you like to fill the text with.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

13. How to Add Global Adjustments

Step 1

Once you’re done adding the sprinkles, put the Text and Sprinkles groups in another new group and name it Cookies.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 2

Add a Levels adjustments layer and clip it to the Cookies group.

Then, change the Highlights value to 6, the Gamma to 0.90, and the Shadows to 248.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 3

Add a Vibrance adjustments layer and clip it to the Cookies group, and change the Vibrance value to 20.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 4

Add a Brightness/Contrast adjustments layer and clip it to the Cookies group, and change the Contrast value to 15.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Step 5

Place the Cement texture image on top of the Gradient fill layer, resize it to fit within the document, and rename its layer to Texture Overlay.

Change the Texture Overlay layer’s Blend Mode to Linear Burn and its Opacity to 50%.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

Congratulations! You’re Done!

In this tutorial, we created a gradient background and text layers.

Then, we created a simple brush tip, used it to stroke the text, and styled the text and stroke layers to create the main cookie shape.

After that, we created and styled glaze layers, and created a sprinkles brush tip that we added on top of the glazed cookies and styled with different colors.

Finally, we used a couple of adjustment layers to add global adjustments to the effect.

Please feel free to leave your comments, suggestions, and outcomes below.

How to Create a Glazed Cookie Text Effect in Adobe Photoshop