Photoshop Tutorials

Create Delicious Cookie Text Using Photoshop

Create Delicious Cookie Text Using Photoshop
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

final-results

Download the PSD

Frosted Cookies Text Effect.zip | 5.4 MB Download from Website

Create Delicious Cookie Text Using Photoshop

Resources

Step 1

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.
step-001a
Go to File -> New, and create a new 1150 x 768 px document.
step-001b
Create a new layer on top of the Background layer and call it "Wood Pattern".
step-001c
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.
step-001d
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.
step-001e
Change the "Gradient" layer's Blend Mode to Soft Light.
step-001f
Click the Create new fill or adjustment layer icon down the Layers panel, and choose Levels.
step-001g
Change the Shadows value to 65. And we're done with the Background.
step-001h

Step 2

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.
step-002a
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%.
step-002b
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.
step-002c
Back to the Layers panel, right click on the text layer, and choose Create Work Path.
step-002d
Create a new layer below the text layer and call it "Stroke". Set the Foreground color to #a06600 and pick theDirect Selection Tool.
step-002e
Right click on the path and choose Stroke Path.
step-002f
Choose Brush from the Tool drop down menu, and un-check the Simulater Pressure box.
step-002g
This will create the cookies' stroke.
step-002h

Step 3

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.
step-003a
Right click on the copy text layer and choose Rasterize Type.
step-003b
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.
step-003c
Go to Filter -> Blur -> Gaussian Blur, and set the Raduis to 2.
step-003d
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).
step-003e
Duplicate the merged layer, and click the eye icon next to the copy 2 layer to make it invisible.
step-003f

Step 4

Double click on the original merged layer (Cookies copy) to apply the following Layer Styles:

Pages: 1 2 3 4 5

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

10 comments on “Create Delicious Cookie Text Using Photoshop”

Leave a Reply

Your email address will not be published.

Special FX Photoshop Actions

Free Photoshop Actions

Get 10 free Photoshop actions when you subscribe to our newsletter.
Close
cross