This tutorial will explain how to create delicious frosted cookies text effect. You’ll learn some useful tips for using layer styles, filters, and brushes while creating the various elements of the “cookies”.
Preview of Final Result
Download the PSD
Frosted Cookies Text Effect.zip | 5.4 MB
Download from Website
Create Delicious Cookie Text Using Photoshop
- 8 wooden patterns – deviantArt (celestesd)
- Bubblegum – dafont
- Rusty Texture – deviantArt (dreamtheorystock)
Download the 8 wooden patterns and open the “elso.png” image in Photoshop. Go to Edit -> Define Pattern, and type in any name you want for the pattern.
Go to File -> New, and create a new 1150 x 768 px document.
Create a new layer on top of the Background layer and call it “Wood Pattern”.
Pick the Paint Bucket Tool, and in the Options Bar at the top, choose Pattern for the Fill type, and choose the wood pattern from the patterns drop down menu. Then fill the document with the selected pattern.
Create a new layer on top of the “Wood Pattern” layer and call it “Gradient”. Pick the Gradient Tool, set the Foreground color to Black, and in the Options Bar, choose the Diamond “Foreground to Transparent” gradient, and check the Revers box. Click and drag from the center of the document to one of the corners to create the gradient.
Change the “Gradient” layer’s Blend Mode to Soft Light.
Click the Create new fill or adjustment layer icon down the Layers panel, and choose Levels.
Change the Shadows value to 65. And we’re done with the Background.
Create the text with the color #c29f5f. The font used is Bubblegum, and the size is 250 px. The Tracking value (Window -> Character) is set to 10 to avoid stroke overlapping.
Now, we will modify some brush settings to create the stroke. So open the Brush panel (Window -> Brush), and choose a hard round brush. Under Brush Tip Shape, set the Size to 20, the Hardness to 85%, and the Spacing to 68%.
Under Shape Dynamics, set the Size Jitter to 100%, and make sure the other values are as shown below. Also, check the Wet Edges box down the Brush panel.
Back to the Layers panel, right click on the text layer, and choose Create Work Path.
Create a new layer below the text layer and call it “Stroke”. Set the Foreground color to #a06600 and pick theDirect Selection Tool.
Right click on the path and choose Stroke Path.
Choose Brush from the Tool drop down menu, and un-check the Simulater Pressure box.
This will create the cookies’ stroke.
Duplicate the text layer and click the eye icon next to the original text layer to remove it so that the layer content is invisible.
Right click on the copy text layer and choose Rasterize Type.
The text layer will be rasterized, which means you can no longer modify the text, so make sure that you’ve done all the modifications needed bofre this step.
Go to Filter -> Blur -> Gaussian Blur, and set the Raduis to 2.
Press the Ctrl/Cmd key, and click on both the rasterized and the “Stroke” layers to select them. After that go toLayer -> Merge Layers, (or press Ctrl/Cmd + E).
Duplicate the merged layer, and click the eye icon next to the copy 2 layer to make it invisible.
Double click on the original merged layer (Cookies copy) to apply the following Layer Styles:
- Drop Shadow: Just change the color to #825a0c.
- Inner Shadow: Change the color to #986917.
- Bevel and Emboss: Change the Size to 10, the Gloss Contour to Notched Slope – Rounded, and check the Anti-aliased box for a smoother effect. Also, change the Highlight Mode to Overlay, its color to #e4d2b2, and the Shadow Mode color to #c5a260.
- Contour: Choose the Half Round contour, and check the Anti-aliased box.
- Texture: Choose the Rusted Metal pattern, and change the Depth to 25%.
This is what the result should look like.
Now click the empty box next to the copy 2 layer so that the eye icon appears again, and the layer is visible.
Double click the copy 2 layer to apply a Color Overlay, and set the color to #c5a464.
This color will be the base for some Filters we are going to apply next.
It’s time to apply the Filters to enhance the texture we already have. But first, we are going to convert the copy 2layer to a Smart Object. This will apply the Filters to the Color Overlay instead of the original color, and will enable us to modify the Filters’ values if needed later on.
To do that, simply right click on the copy 2 layer, and choose Convert To Smart Object.
Set the Foreground color to #c3a15f, and the Background color to #93713a.
Go to Filter -> Sketch -> Reticulation. Change the Density to 10, the Foreground Level to 10, and the Background Level to 20.
Next, go to Filter -> Brush Strokes -> Ink Outlines. Change the Stroke Length to 17, the Dark Intensity to 0, and the Light Intensity to 10.
Finally, go to Filter -> Texture -> Craquelure. Set the Crack Spacing to 15, the Crack Depth to 6, and the Crakc Brightness to 10.
That’s it for the Filters. If you want to play around with the values you can do that by double clicking on the “Filter Gallery” to get into the Filter’s dialog box. Make sure to do any modifications before you move to the next step, because we are going to rasterize this layer.