Text Effects

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:

Related posts
Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

BasicsPhotoshop TutorialsText EffectsUpdated

Why is the Font so Big or Small in Photoshop

Photoshop TutorialsText EffectsUpdated

Create Delicious Donut Text That Will Make You Hungry

Photoshop TutorialsText EffectsUpdated

Create an Epic Metal Text Effect From Scratch

10 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).