Design Beautifully Frosty Text Effect

As you could see, for the Shading we used a custom design curve, which we developed especially for this tutorial. Click on the Gloss Contour icon and try to replicate the mapping as you see below. This could be a little tricky, so if you are stuck, when you download our PSD this will come ready and you will only need to save this one to your custom curves for future usage.

Inside the Bevel and emboss settings, you have an option called “Texture”. Select one of the default, pre-installed patterns called “Weave 5” and apply with Depth  and Scale as you see below.

Please pay attention to the Depth here. The less you set it to, the less texture coming from the top you will see, so in our case, we use this Photoshop texture to create the illusion of fading snow and you can play around with setting it to even less than 4, to see how you cover just the top of it.

And now, Satin settings:

Gradient is going to be from dark hue of baby-blue shade #6ed3fe to lighter shade of blue #e4ffff

Now the last thing, we are going to add “Stroke”.

Colors: #000000 … #ffffff … #999999 … #cccccc …#000000

And here is what you got so far, if we zoom in a little:

Next step is, select the text layer, just press Ctrl + the layer in the layers preset.

Create a new layer on top of the text and press Ctrl + Shift + I to inverse the selection.

Fill the layer with one of the colors we used for our text:

Se the blending options of this layer to “Hue”. Now, at this point you are not really going to see any difference but what we want to do is add a nice wintry motif to the background, which will complete our frosty text atmosphere.

Take any image you like and paste it behind the text layer. Don’t worry if he hues of the image don’t meet the color scheme of your composition, because the blue layer with Hue overlay blending settings is going to equalize the images’ tones to match the text.

Here is your result (click the image to full view).

The PSD file of this tutorial is available for a download at only $1. Instant download upon payment verification, however if your browser blocks redirects and you have completed the transaction, email me to get the file within 24 hours. Enjoy!

Lorelei

Lorelei is a co-founder of PSwish.com and has over 15 years of experiences in Photoshop & web design. Fueled by coffee, chocolate, peanut butter and Irish cream.

27 Responses

  1. Abdulaziz Lamlum says:

    Amazing how you thing of the options that you might use

  2. Cindy Ko says:

    I don’t know how to insert color. Because my text still grey… I want to be blue text!

    • Lorelei says:

      try setting the gradients to shades of blue or alternatively use color overlay options with the blue shade of your choice. 🙂

  3. Cindy Ko says:

    I done during 1 weak!!
    I am proud of my self!!
    Thank you for your teaching!

  4. Cindy Ko says:

    But not same as you…

  5. Cindy Ko says:

    How can you update some steps in tutorial?(like layers…)

  6. christian says:

    i cant paste an image behind the text… how do i do that?

  7. Mia Holmen says:

    Where do I get the Weave 5 pattern?

  8. Jay says:

    Wow, this is really cool!

  9. Morten says:

    Awesome tutorial! Thank you!

  10. smith says:

    great tuts..you are good artist..I am working as a web designer at http://www.websitedevelopment-india.com and it helped me to improve my design work..thanks

  1. January 31, 2010

    […] ??????? ?????? ????????? ?????? ?? ?????? ????? Lorelei. ?????? ????? ???????? ????? ???????? ? ???????? […]

  2. May 9, 2010

    […] 10.Design beautifully frosty text effect […]

  3. May 10, 2010

    […] 10.Design beautifully frosty text effect […]

  4. May 10, 2010

    […] 10.Design beautifully frosty text effect […]

  5. May 10, 2010

    […] ?????????????????????????? […]

  6. May 14, 2010

    […] 10.Design beautifully frosty text effect […]

  7. May 19, 2010

    […] 10.Design beautifully frosty text effect […]

  8. June 2, 2010

    […] 10.Design beautifully frosty text effect […]

  9. October 5, 2011

    […] 16. Frosty Text Effect […]

  10. January 7, 2012
  11. September 22, 2012

    […] Free Photoshop Tutorial […]

  12. February 15, 2013

    […] 30. Lorelle – Frosty Logo Photoshop […]

  13. June 27, 2014

    […] 10.Design beautifully frosty text effect […]