Design Beautifully Frosty Text Effect

Today we are going to make a tutorial on frosty text effect. While it’s still cold and wintry outside, I thought it would be high time to supply some more wintry text effects for our readers.

So, begin with making  a new canvas of any desired size, and for now please use plain white (#ffffff) background. Later on we will add a custom texture or picture to the background, but for now, it will be much easier for your to work and see all the effects against the white canvas.

Select the typing tool and using Arial Rounded MT Bold font, set to “sharp”, use very big letters, say over 100. For the purpose of the tutorial we used 115, however if you choose to download out PSD, you will see that our original canvas consists from letters with font size 195.

Type your word.

The main part of this Photoshop tutorial consists from precise application of the layer styles as we are going to work with custom designed curved, textures (default) and a lot of other features. Let’s begin and please try to follow us throughout the tutorial if you wish to achieve the same result.

Go to Layer >> Layer Styles, and start off with “Drop Shadow” options. Apply the settings as you see below. For the shadow here we used a very dark blue, almost black color: #003059. However, feel free to chose a different hue if you are going to work with a light background canvas afterward.

Switch the tab to Inner Shadow. For Inner shadow we used a gray-blue color #0a7eaf, which will nicely complement the overall wintry feel of this text. Please pay attention to the fact that we are using “Noise” here at 3%, to add to the grainy / snowy effect.

Switch to Outer Glow and apply a very dark outer glow effect, we used #0a1732 with 35% which gave us light yet dark outlined shade.

Working our way down (in Photoshop..), to Inner Glow settings. This one gives our text effect the feeling of light and reflection, yet this is not going to be a direct spotlight, rather a cold reflection as you are used to seeing when looking on ice. Also here please note that we have applied a 17%, very visible noise.

Add Bevel and Emboss settings for extremely curved effect.

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.