Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Glazed Cookie Text Effect in Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
Final product image
What You'll Be Creating

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!

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.

Gradient Layer

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.

Create the Text Layers

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

Brush Tip Shape

Shape Dynamics

Shape Dynamics

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.

Cookie Stroke Brush Tip

3. How to Create and Stroke a Work Path

Step 1

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

Create Work Path

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.

Stroke the Work Path

Step 3

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

Text and Stroke Group

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

Step 3

Add a Drop Shadow with these settings:

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

Step 4

Add another Drop Shadow effect instance with these settings:

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

This will style the main cookie shape.

Styled Cookie Shape

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.

Select and Copy the Texture

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 enter Free Transform Mode, and resize and rotate the texture until you like how it looks.

Hit Return to commit the changes.

Add the Cookie Texture

6. How to Contract a Selection

Step 1

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

Create a Selection

Step 2

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

Contract Selection

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.

Fill Selection

Step 4

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

Duplicate the Layer

Step 5

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

Glaze Group

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

Step 3

Add a Texture with these settings:

  • Pattern: Clouds
  • Depth: 25%
Texture

Step 4

Add an Inner Shadow with these settings:

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

Step 5

Add a Color Overlay with these settings:

  • Color: #f1efde
Color Overlay

Step 6

Add a Drop Shadow with these settings:

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

This will create a soft glaze style.

Styled Glaze

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

Step 3

Add a Texture with these settings:

  • Pattern: Satin
  • Depth: 26%
Texture

This will create a more textured glaze.

Styled Glaze

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.

Text Group

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

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

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.

Sprinkles Group

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
Bevel and Emboss

Step 3

Add a Contour with these settings:

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

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.

Color Overlay

Step 5

Add a Drop Shadow with these settings:

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

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.

Add the Sprinkles

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.

Color Overlay

Step 3

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

Add More Sprinkles

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.

Cookies Group

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.

Levels

Step 3

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

Vibrance

Step 4

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

BrightnessContrast

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%.

Texture Overlay

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.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.