– Drop Shadow: Change the Distance to 2 and the Size to 8.

step-012c

– Bevel and Emboss: Change the Size to 7, the Highlight Mode color to #bfbfbf, and the Shadow Mode color to #797979.

step-012d

– Contour: Choose the Cove – Deep contour.

step-012e

– Pattern Overlay: Choose the “Rack Pattern”.

step-012f

This should give the Rack a nice beveled and textured look.

step-012g

Step 13

Double click the “Rack – H” layer to apply the following Styles:

– Drop Shadow: Change the color to #848484, the Distance to 0 and the Size to 4.

step-013a

– Bevel and Emboss: Change the Size to 4, the Highlight Mode color to #bfbfbf, and the Shadow Mode color to #797979.

step-013b

– Contour: Choose the Cove – Deep contour.

step-013c

– Pattern Overlay: Choose the “Rack Pattern”.

step-013d

This is what you should get.

step-013e

Apply the same Layer Styles to the “Rack – V” layer. (Right click on the “Rack – H” layer, choose Copy Layer Style, then right click on the “Rack – V” layer, and choose Paste Layer Style).

step-013f

Step 14

Select the “Shadow” layer, change its Blend Mode to Multiply and it Opacity to 50%. With the Move Toolactive, use the Arrow keys to move the shadow around (to the left and downwards). The extra parts we left will ensure that no empty areas appear when the shadow is moved.

step-014a

Go to Filter -> Blur -> Gaussian Blur and set the Radius to 1.5.

step-014b

Once you’re done moving the shadow, use the Ractagular Marquee Tool to select and delete the extra parts from the “Rack – V”, “Rack – H”, and “Shadow” layers.

step-014c

Step 15

The last thing we are going to do is toning down the colors, so this is optional. Click the Create new fill or adjustment layer icon and choose Vibrance.

step-015a

Set the Vibrance value to -15.

Note: If the colors you get still look so red and vibrant, this might be caused by the color settings you have in Photoshop. To fix this, click the “Create new fill or adjustment layer” icon again, and choose Color Balance. With the Midtones option checked, change the Color Levels to -17, +4, -4.

step-015b

And that’s it! Hope you enjoyed this tutorial and found it useful. Will be glad to know your thoughts and read your comments.


Final Result

final-results[1]

Download the PSD

Frosted Cookies Text Effect.zip | 5.4 MB

Download from FileSonic

Pages: 1 2 3 4 5 6 7

10 responses to “Create Delicious Cookie Text Using Photoshop”

  1. Glizel Ann Tomas Avatar
    Glizel Ann Tomas

    Nice Tutorial =)

  2. Elisa Tsai Avatar
    Elisa Tsai

    Awesome!!!!
    Thanks for sharing these steps and performance!!

  3.  Avatar
    Anonymous

    Absolutely wonderful,

  4. Krista Avatar
    Krista

    Absolutely wonderful, easy to follow and thorough tutorial! Thank you very MUCH for this!!!

  5. Luis Avatar
    Luis

    Excelente tutorial. Gracias!!

  6.  Avatar
    Anonymous

    where the heck is the cell pattern

  7. Tracy Avatar
    Tracy

    Thank you Rose for a great tutorial. It was easy to follow and I enjoyed following along.

  8. Agota Avatar
    Agota

    This is a very super tutorial. Easy to follow, detailed. Thank you so much!

Leave a Reply

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading