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!

Pages: 1 2

You Might Also Like

28 Comments

  • Reply Abdulaziz Lamlum January 20, 2010 at 6:08 pm

    Amazing how you thing of the options that you might use

    • Reply Lorelei January 21, 2010 at 5:25 pm

      Thanks, glad you like it!

  • Reply Cindy Ko January 26, 2010 at 7:49 am

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

    • Reply Lorelei January 26, 2010 at 4:47 pm

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

  • Reply Cindy Ko January 28, 2010 at 5:02 am

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

  • Reply Cindy Ko January 28, 2010 at 5:03 am

    But not same as you…

  • Reply ??????? ?????? ????????? ?????? at Make It January 31, 2010 at 12:08 am

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

  • Reply Cindy Ko February 5, 2010 at 5:00 pm

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

  • Reply christian February 6, 2010 at 2:43 pm

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

  • Reply Mia Holmen February 11, 2010 at 12:55 am

    Where do I get the Weave 5 pattern?

  • Reply Jay March 2, 2010 at 8:53 am

    Wow, this is really cool!

  • Reply Morten March 6, 2010 at 12:56 pm

    Awesome tutorial! Thank you!

  • Reply smith March 29, 2010 at 10:57 am

    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

  • Reply The Ultimate Roundup of Best Photoshop Text effects Tutorials - Programming Blog May 9, 2010 at 2:18 pm

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

  • Reply The Ultimate Roundup of Best Photoshop Text effects Tutorials – Design Today May 10, 2010 at 6:18 am

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

  • Reply ?????????????Photoshop???????60???? 2010?5?? | DesigNet May 10, 2010 at 3:00 pm

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

  • Reply The Ultimate Roundup of Best Photoshop Text effects Tutorials | Feed-Syndicate May 14, 2010 at 10:43 am

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

  • Reply Photoshop Text effects Tutorials and Samples Collections | Design | Web Risorsa | A Web Resource Abode May 19, 2010 at 1:25 am

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

  • Reply 80 Photoshop Tutorials für Text Effekte » FRISCH INSPIRIERT October 5, 2011 at 3:06 pm

    […] 16. Frosty Text Effect […]

  • Reply Frosty Ice Photoshop Tutorial September 22, 2012 at 6:07 am

    […] Free Photoshop Tutorial […]

  • Reply 100 logo logo design photoshop tutorial Web Page Design | Web Page Design Templates | Html5 Template February 15, 2013 at 1:26 pm

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

  • Reply The Ultimate Roundup of Best Photoshop Text effects Tutorials June 27, 2014 at 3:04 am

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

  • Reply fnaf August 3, 2018 at 4:57 am

    Really a helpful post forever. I believe that it will help with my next project

  • Leave a Reply

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