Create a bright text in the form of cookies in Photoshop

In this tutorial, I will show you how to create a bright text effect in the shape of a cookie using brushes, layer styles and adjustment layers. Let’s start!

I was inspired to create this effect by the numerous layer styles available on GraphicRiver.

1. Create a gradient background and text layers.

Step 1

Create a new document with a size of 1000 x 800 pixels, at the bottom of the layers panel click on the button Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Gradient (Gradient).

For the gradient fill, we use the colors # e8d2d6 (left) and # ddbcc0 (right), Angle (Angle) set at 107 degrees.

Step 2

Use the Font Sniglet to write text in capital letters and set its size to 250 pt.

You can write the entire word on one layer or break it into separate letters, then you can create a more dynamic and interesting result.

If you selected the second option, then we additionally add each letter to a separate group (Ctrl + G).

2. Customize and save the brush

Step 1

Take Brush Tool (B) (Brush) and open the panel Window – Brush (Window – Brush). Choose a hard round brush and set it up:

Brush Tip Shape (Brush print form)

Shape Dynamics (Dynamics of the form)

Step 2

In the lower right corner of the panel click on the button Create new brush (Create a new brush), in the opened dialog box, enter the name “Stroke cookie” and click OK.

3. Create and draw a work path

Step 1

Click the right mouse button on the text layer and select Create Work Path (Create a work path).

Step 2

Above the text layer, add a new layer, call it “Stroke”, check that the tool Brush Tool (B) (Brush) is active, and press the Enter key to stroke the working path with the brush.

After that we take Direct Selection Tool (A) (Partial selection) and again press the Enter key to get rid of the work path.

Step 3

Group (Ctrl + G) the text layer and the stroke and call the resulting text and stroke group.

4. Stylize the group with the letter

Double click on the “Text and Stroke” group to open the window Layer Style (Layer style):

Step 1

Add a layer style Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 7
  • Put a tick in front Anti-aliased (Smoothing)
  • Highlight Mode (Backlight mode):
  • Color classification: # b08965
  • Shadow Mode (Shadow mode):
  • Color classification: # d3a35e
  • Opacity (Opacity): 35%

Step 2

Add a layer style Contour (Contour) with the following settings:

  • Contour (Contour): Half Round
  • Put a tick in front Anti-aliased (Smoothing)

Step 3

Add a layer style Drop Shadow (Shadow) with the following settings:

Color classification: # 762b3d

  • Opacity (Opacity): 38%
  • Distance (Offset): 3
  • Size (Size): 5

Step 4

Opposite layer style Drop Shadow (Shadow) click on the plus button to add another copy of the effect:

  • Color classification: # 7d3848
  • Opacity (Opacity): 50%
  • Distance (Offset): 15
  • Size (Size): 25

We get the basis for the future of cookies.

5. Add texture

Step 1

Open a photo with a biscuit cookie and using Elliptical Marquee Tool (M) (Oval selection) select any cookie. Select only the inside of the cookie, without touching the edges.

Then go Edit – Copy (Editing – Copy).

Step 2

Go back to the main working document and paste the copied texture. Edit – Paste (Editing – Paste).

Place the texture at the very top of the Text and Stroke group. Then right-click on the texture layer and select Create Clipping Mask (Create clipping mask) (Ctrl + Alt + G).

Press Ctrl + T to activate the free transform, and at its discretion adjust the size and rotation of the texture on the letter.

When finished, press Enter to accept the changes.

6. Compress the selection

Step 1

Hold down the Ctrl key and click on the thumbnail of the layer with the letter on the layers panel to load its selection.

Step 2

Move on Select – Modify – Contract (Selection – Modification – Compress) and in the opened window we set Contract By (Compress) at 5.

Step 3

At the very top of the letter group, add a new layer and call it “Glaze 01”.

Fill the selection with white color and press the key combination Ctrl + D to hide the selection.

Step 4

Duplicate the “Glaze 01” layer and call the copy “Glaze 02”. Install Fill (Fill) copies at 0.

Step 5

Group (Ctrl + G) both layers with glaze and call the group “Glaze”.

7. Create a white glaze effect.

Double-click on the layer “Frosting 01” and apply the following layer styles:

Step 1

Add a layer style Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 9
  • Soften (Softening): 9
  • Put a tick in front Anti-aliased (Smoothing)
  • Highlight Mode (Backlight mode): Soft Light (Soft light)
  • Color classification: # b08965
  • Shadow Mode (Shadow mode):
  • Color classification: # b69c5e
  • Opacity (Opacity): 35%

Step 2

Add a layer style Contour (Contour) with the following settings:

  • Contour (Contour): Half Round
  • Put a tick in front Anti-aliased (Smoothing)

Step 3

Add a layer style Texture (Texture) with the following settings:

  • Pattern (Pattern): Clouds (Clouds)
  • Depth (Depth): 25%

Step 4

Add a layer style Inner Shadow (Inner shadow) with the following settings:

  • Color classification: # d3d1c8
  • Opacity (Opacity): 35%
  • Distance (Offset): 3
  • Size (Size): 7

Step 5

Add a layer style Color Overlay (Color overlay) with the following settings:

  • Color classification: # f1efde

Step 6

Add a layer style Drop Shadow (Shadow) with the following settings:

  • Blend Mode (Overlay mode): Linear Burn (Linear dimmer)
  • Color classification: # 2c1c0b
  • Opacity (Opacity): 15%
  • Distance (Offset): 3
  • Size (Size): 3

Get a delicious white icing.

8. Create a white glaze texture.

Double click on the layer “Frosting 02” and apply the following layer styles:

Step 1

Add a layer style Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 7
  • Soften (Softening): 7
  • Uncheck parameter Use Global Light (Global coverage)
  • Angle (Angle): 85
  • Altitude (Height): 26
  • Put a tick in front Anti-aliased (Smoothing)
  • Highlight Mode (Backlight mode): Vivid Light (Bright light)
  • Color: #ffffff
  • Shadow Mode (Shadow mode): Linear Burn (Linear dimmer)
  • Color classification: # b1997c
  • Opacity (Opacity): 28%

Step 2

Add a layer style Contour (Contour) with the following settings:

  • Contour (Contour): Half Round
  • Put a tick in front Anti-aliased (Smoothing)

Step 3

Add a layer style Texture (Texture) with the following settings:

  • Pattern (Pattern): Satin (Gloss)
  • Depth (Depth): 26%

Get the texture glaze.

9. Add more letters.

Repeat all steps until we create the required number of letters.

With the help of free transformation (Ctrl + T) we rotate the letters and distribute them according to the document at our discretion.

You do not need to reapply layer styles to letters each time. Instead, we simply right-click on the stylized layer and select Copy Layer Style (Copy the layer style), then right-click on the new layer and select Paste Layer Style (Paste layer style).

Having finished, we add all groups with letters to the general group “Text”.

10. Create a brush in the form of sprinkles.

Activate the tool Brush Tool (B) (Brush) and open the panel Window – Brush (Window – Brush).

Choose a hard round brush and set it up:

Brush Tip Shape (Brush print form)

Shape Dynamics (Dynamics of the form)

Scattering (Scattering)

11. We style dressing.

Step 1

Above the “Text” group we create a new layer and add it to the “Dressing” group (Ctrl + G).

Double click on this layer to apply styles:

Step 2

Add a layer style Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 6
  • Uncheck parameter Use Global Light (Global coverage)
  • Angle (Angle): 98
  • Altitude (Height): 53
  • Put a tick in front Anti-aliased (Smoothing)
  • Highlight Mode (Backlight mode): Vivid Light (Bright light)
  • Opacity (Opacity): 5%
  • Shadow Mode (Shadow mode): Color Burn (Blackout basics)

Step 3

Add a layer style Contour (Contour) with the following settings:

  • Contour (Contour): Rounded Steps
  • Put a tick in front Anti-aliased (Smoothing)
  • Range: 59%

Step 4

Add a layer style Color Overlay (Overlay color):

  • Color classification: # f88dc7

In this step, you can choose the color of the dressing, you do not need to use pink, like mine.

Step 5

Add a layer style Drop Shadow (Shadow) with the following settings:

  • Color classification: # 2a2826
  • Opacity (Opacity): 20%
  • Distance (Offset): 2
  • Size (Size): 3

12. Add topping

Step 1

We name the stylized layer according to the color of the dressing that you chose in the fourth step above (in my case “Pink”).

Carefully brush with a brush to add sprinkling. If necessary, you can correct Spacing (Interval) and Scattering (Scattering) brush to get more interesting results.

Step 2

We create several new layers and give each a name corresponding to the color of the dressing, which we will add.

To change the color of the dressing, we need to double click on the layer and in the menu Color Overlay (Overlay color) choose a new color.

Step 3

You can add as many layers and colors as you like. Do not be afraid to experiment!

13. We perform general color correction.

Step 1

Having finished adding the dressing, we group the “Text” and “Dressing” folders into a separate group, which we call “Cookies”.

Step 2

Above we create an adjustment layer. Levels (Levels) and transform it into a clipping mask (Ctrl + Alt + G) for the Cookies group.

Then install Highlights (Light) on 6, Gamma (Gamma) – by 0.90 and Shadows (Shadows) – at 248.

Step 3

Above we add an adjustment layer. Vibrance (Juiciness) and transform it into a clipping mask for the group “Cookies”. Install Vibrance (Juiciness) at 20.

Step 4

Add an adjustment layer Brightness/ Contrast (Brightness / Contrast) and transform it into a clipping mask for the group “Cookies”. Install Contrast (Contrast) at 15.

Step 5

Above the layer with a gradient fill, paste the cement texture, adjust its scale so that it fits into the dimensions of the document, and call the layer “Texture Overlay”.

Switch the layer blending mode to Linear Burn (Linear dimmer) and decrease Opacity (opacity) up to 50%.

At the beginning of the lesson, we created a gradient background and text layers.

Then we set up a brush, added a stroke with it, and applied layer styles to get the base for the cookie.

After that, we created a glaze and using a customized brush added a multicolored sprinkle.

In the end, we applied several adjustment layers and got the final effect.

Feel free to leave comments, suggestions and share the results.

Like this post? Please share to your friends: