2 in 1 – Stunning 3D Ice Text Effect Tutorial

Posted in Text Effects, Tutorials • Posted on 31 Comments

title-cold I wanted to create very natural Ice text separately and later add it to iceberg image. In this tutorial we will learn to use different filter settings, create 3D text effect, different layer styles and much more! I hope it’s not too complex, I tried to keep it as simple as possible.

Scroll down the page to see finished result we will accomplish!

And just be sure to check out this tutorial and join me to these simple steps !!!

This is one of the things we will create here:

cold

Step 1

1.1.Create a new document. I created 800x800px document, I suggest You to do the same if You want to get the same look as mine.

1.2. Hit D button to reset foreground/background color, press ALT+DELETE to fill in black color, so we can more easily work and see workflow.

1.3. Choose some font You want to use and type some text – I typed “COLD” and used Arial, Bold, 200pt wide, color #999999

type

Step 2

Lets add some blending options to the text.

2.1. Double click on the text layer to popup blending options menu:

blending

2.2. Now press CTRL+SHIFT+N to create new layer, hold SHIFT to select both layers and then right click and choose “Merge layers” to merge them into one.

merge layers

Step 3

This is where fun part starts! :)

3.1. Go to Filter –> Sketch –> Stamp, add those settings:

stamp

3.2. While still in filter panel create new layer and  add Sketch–> Chrome with those settings and then press ok:

chrome

You must be the same output as me, if You don’t, read again everything carefully.

next

Step 4

4.1. Lets add some layer style to get more realistic shadows – do the same settings as the picture below, shadow color is #999999:

double

4.2. Now We will use one of the ways, how to create 3D text look.

Press CTRL+ALT+Arrow Down, many times – I did it 15 times.

shift

Select first layer, hold SHIFT and press on the 14. layer, right click and select MERGE LAYERS. Name that layer – “shadow”.

4.3. Lets add some more effect on that shadow – Filter–>Distort–>Glass and add the same settings:

glass

I have this result for now:

cold_text

4.4. Let’s add some color now:

CTRL+CLICK on the shadow layer to make selection and  click Image–>Adjustments–>Hue/Saturation or CTRL+U.

Use settings like this to get pale blue color:

hue-saturation

4.5. If You want to finish, just add gradient to background color, and select radial gradient:

#cccccc

#999999

gradient

4.6. Add Filter–>Distort–>Glass to background to get more realistic frozen ice effect:

cold

Two more works from this effect, just play with the same settings:

cold2

cold3

Natural Ice Text Image Effect

Let’s go a little deeper to get natural image effect:

cold4

So let’s download a picture from sxc.hu – here and use text effect we created above.

1. Drag and position a text into a picture You just downloaded:

image1

2. Create new layer above image and text effect, like this:

snow_effect

3. Now select “background image” layer and press S to select clone stamp tool.

4. Change brush size with  [ or ] brackets.

5. Move brush somewhere where snow is and click ALT + CLICK to take a sample from it.

6. Select snow effect layer and draw with stamp tool, to add a look that letters are in the snow.

clone

7. Repeat steps 3-6 to add this effect to all of the letters:

text_snow_finish

8. Add some more color adjustments, to make look more realistic.

I used Hue/Saturation with those settings:

hue-latest

Okay, now we are finished! I hope You will learn something from this tutorial too!

However if You couldn’t complete something, just ask – I am here to help!

193 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

31 Comments Best Comments First
  • Vare

    Wednesday, May 13th, 2009 22:47

    22

    I think the tutorial may be missing a step as Roxanna said…I experienced similar problems with the 3d aspect of the letter being gray.

    However, it’s a stunning effect, and if you would ever have a chance to review the tutorial and add in the missing step, it would be much appreciated!

    Thanks for sharing.

    +1
  • Roxana

    Sunday, March 15th, 2009 00:30

    20

    interesting tutorial… I tried it but didn’t get the same effect. in steps 3 and 3.1 i did exactly the same, but the result wasn’t like yours; however i did get some cool text, but not the same; the 3d aspect of the letter is still gray, the color only went to the face of the type.

    It would be really great if you’d have time to revisit this tutorial and maybe add something for people like me who didn’t quite get it like it should!

    +1
  • Richard

    Wednesday, September 24th, 2008 06:23

    13

    Nope. I created a new layer, merged the text layer with the new, blank layer, and added a new layer while doing the stamp/chrome part of the tutorial. My screen looks like yours when in that menu, but the word looks nothing like what you got.

    0
  • Dainis Graveris

    Wednesday, September 24th, 2008 11:55

    14

    You added new layer in Filter settings? You open Filter–>Stamp menu and then click in the filter menu, new layer and add following settings. You did the same image size as I did 800x800px?

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 21:38

    11

    @Richard Which step exactly You can’t do? 3D text look or ice effect?

    0
  • Johnson Koh

    Saturday, September 27th, 2008 02:37

    15

    Great work here :D
    One of the best ice text effect I’ve seen

    Johnson Kohs last blog post : Wooden Text Effect in Photoshop

    0
  • Dainis Graveris

    Wednesday, September 24th, 2008 06:01

    12

    Ice effect comes really from 3.1. and 3.2. points. If You did correctly step 2, then in step 3 carefully follow instructions especially that You “add new layer” to add not only one, but both effects. In step 4.3. – that’s already after 3D text adding. You got the result like in the step 3???

    0
  • Richard

    Tuesday, September 23rd, 2008 21:09

    10

    I couldn’t get the text to look like it did in 4.3. What am I doing wrong? I set all of the settings to how they were in the pictures, and still it won’t come out right!

    0
  • Yeti

    Tuesday, September 23rd, 2008 12:13

    9

    I think what Dana means is that you say what to do but maybe don’t explain what it does maybe?

    Anyway nice tutorial

    Yetis last blog post : We’ve Got Epic Loots!

    0
  • Richard, Peacock Carter

    Monday, September 22nd, 2008 19:21

    3

    Nice effect, I like the final image.

    0
  • Dainis Graveris

    Sunday, September 21st, 2008 18:44

    2

    Thomas Thanks, for passing by :)

    0
  • kang

    Monday, September 22nd, 2008 13:31

    4

    stumbled! please help out too!

    kangs last blog post : eating&reading round-up 20/09/08

    0
  • Dana

    Tuesday, September 23rd, 2008 00:15

    5

    Really whant my opinion? U never explain right things….really this not cool all is wrong pffff

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 15:10

    8

    @Yeti thanks, maybe I need to explain little more, okay. I will try my best in the next tutorial! Thanks!

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 10:46

    7

    @Kan Thanks! Sure thing!

    @Richard Appreciated! Thank You!

    @Matthew Cheers! Thanks!

    @Dana You could say, what really is missing? I tried to keep step by step tutorial. That’s why I am here – to explain those things!

    0
  • Matthew Heidenreich

    Tuesday, September 23rd, 2008 00:10

    6

    nice effect, nice work!

    Matthew Heidenreichs last blog post : Colorful Design Studio Header

    0
  • Thomas | Brush King

    Sunday, September 21st, 2008 15:32

    1

    Thanks for this tutorial

    0
  • Lauren

    Tuesday, August 24th, 2010 12:24

    27

    STEP 3 isnt working…omg halp! When i go into filter -sketch is blanked out.

    0
  • Habeeb Mohamed

    Tuesday, November 16th, 2010 08:00

    28

    Fantastic tutorial, it was very much help to update my photo shop knowledge.. I’m going to use this one..

    0
  • Jeremy Stecker

    Friday, October 14th, 2011 23:43

    29

    I just like the valuable info you supply in your articles. I’ll bookmark your weblog and check again here frequently. I am rather sure I’ll be informed many new stuff right right here! Good luck for the next!

    0
  • Tevin H

    Tuesday, February 21st, 2012 07:36

    31

    your tutorial is bad. Not bad as in the meld of effects is horrible. Bad as in you can’t put togethr a good tutorial. You obviously did somethign that you didn’t tell us because at step three its blatently obvious since a number of us don’t get the same results as you. Go back through everything you did and try again

    0
  • Anonymous

    Tuesday, December 20th, 2011 22:59

    30

    Step three is not working correctly. I followed each step carefully and it is not coming out the same. Instead, there is a black design within the white letters. It seems that if I raise the smoothness on the stamp effect it gets closer to looking like yours, but not exact.

    0
  • Eline

    Thursday, August 20th, 2009 19:11

    26

    I really like the effect. And thankfully that there is a tutorial of this effect.
    I did every step you explained. But it already goes wrong with the funny part at point 3. I did exactly what you discribed. I think that it goes wrong with step 2. You see on the image of step 2 (layer style > bevel and emboss > gloss contour menu. So we know which one to pick. But because of the gloss contour menu, we can´t see the highlight mode and shadow mode option. My highlight mode is on screen and my shadow mode is on multiply. I think that is wrong. I don´t know what else it could be. I hope you can tell me if my highlight mode and shadowmode is wrong or correct and what it suppose to be. Thank you so much for your time. I appreciate it!

    Waiting for your reply.

    0
  • Izzy

    Tuesday, July 28th, 2009 21:59

    25

    I agree with the steps 3.1 and 3.2… my image is not the same and i did follow the steps properly.I think one thing that might be an issue is that when you’re doing the bevel and emboss you are covering up the shadow and highlight areas with showing the emboss of the “Ring – Double”.

    Also I put the font to the exact same, have my document size at 800x800px and Arial, Bold, 200pt will not fit on the document.

    0
  • Sousou

    Saturday, November 15th, 2008 09:01

    18

    Thanks for the tuto :)

    0
  • Ardis Creative

    Friday, November 14th, 2008 01:21

    17

    Thank you for sharing this, such tutorials are very helpful this season!
    I have featured your post in our blog article 35 Free Winter Theme Design Goodies & Packages. Here’s the link: http://www.ardis-creative.com/ardisblog/?p=366

    0
  • Michael Stewart

    Friday, December 12th, 2008 15:46

    19

    Nice tutorial the final effect is amazing. Thanks for going into great detail and also I love the snow on your site.

    Michael Stewarts last blog post : Create Lightning in Photoshop

    0
  • Dainis Graveris

    Monday, March 16th, 2009 10:53

    21

    Roxana oh, okay, I’ll check it again a little bit later, I remember I tested a lot while I created this effect, I’ll go through it again.

    0
  • Rusli zainal

    Sunday, July 5th, 2009 16:06

    24

    nice tutorial, thanks

    0
  • Gus Yehia

    Sunday, May 24th, 2009 22:55

    23

    I learn many things from your blog, thank you

    Gus Yehias last blog post : King Sulumits and the Tintin Adventure

    0
  • Tevin H

    Tuesday, February 21st, 2012 07:36

    31

    your tutorial is bad. Not bad as in the meld of effects is horrible. Bad as in you can’t put togethr a good tutorial. You obviously did somethign that you didn’t tell us because at step three its blatently obvious since a number of us don’t get the same results as you. Go back through everything you did and try again

    0
  • Anonymous

    Tuesday, December 20th, 2011 22:59

    30

    Step three is not working correctly. I followed each step carefully and it is not coming out the same. Instead, there is a black design within the white letters. It seems that if I raise the smoothness on the stamp effect it gets closer to looking like yours, but not exact.

    0
  • Jeremy Stecker

    Friday, October 14th, 2011 23:43

    29

    I just like the valuable info you supply in your articles. I’ll bookmark your weblog and check again here frequently. I am rather sure I’ll be informed many new stuff right right here! Good luck for the next!

    0
  • Habeeb Mohamed

    Tuesday, November 16th, 2010 08:00

    28

    Fantastic tutorial, it was very much help to update my photo shop knowledge.. I’m going to use this one..

    0
  • Lauren

    Tuesday, August 24th, 2010 12:24

    27

    STEP 3 isnt working…omg halp! When i go into filter -sketch is blanked out.

    0
  • Eline

    Thursday, August 20th, 2009 19:11

    26

    I really like the effect. And thankfully that there is a tutorial of this effect.
    I did every step you explained. But it already goes wrong with the funny part at point 3. I did exactly what you discribed. I think that it goes wrong with step 2. You see on the image of step 2 (layer style > bevel and emboss > gloss contour menu. So we know which one to pick. But because of the gloss contour menu, we can´t see the highlight mode and shadow mode option. My highlight mode is on screen and my shadow mode is on multiply. I think that is wrong. I don´t know what else it could be. I hope you can tell me if my highlight mode and shadowmode is wrong or correct and what it suppose to be. Thank you so much for your time. I appreciate it!

    Waiting for your reply.

    0
  • Izzy

    Tuesday, July 28th, 2009 21:59

    25

    I agree with the steps 3.1 and 3.2… my image is not the same and i did follow the steps properly.I think one thing that might be an issue is that when you’re doing the bevel and emboss you are covering up the shadow and highlight areas with showing the emboss of the “Ring – Double”.

    Also I put the font to the exact same, have my document size at 800x800px and Arial, Bold, 200pt will not fit on the document.

    0
  • Rusli zainal

    Sunday, July 5th, 2009 16:06

    24

    nice tutorial, thanks

    0
  • Gus Yehia

    Sunday, May 24th, 2009 22:55

    23

    I learn many things from your blog, thank you

    Gus Yehias last blog post : King Sulumits and the Tintin Adventure

    0
  • Vare

    Wednesday, May 13th, 2009 22:47

    22

    I think the tutorial may be missing a step as Roxanna said…I experienced similar problems with the 3d aspect of the letter being gray.

    However, it’s a stunning effect, and if you would ever have a chance to review the tutorial and add in the missing step, it would be much appreciated!

    Thanks for sharing.

    +1
  • Dainis Graveris

    Monday, March 16th, 2009 10:53

    21

    Roxana oh, okay, I’ll check it again a little bit later, I remember I tested a lot while I created this effect, I’ll go through it again.

    0
  • Roxana

    Sunday, March 15th, 2009 00:30

    20

    interesting tutorial… I tried it but didn’t get the same effect. in steps 3 and 3.1 i did exactly the same, but the result wasn’t like yours; however i did get some cool text, but not the same; the 3d aspect of the letter is still gray, the color only went to the face of the type.

    It would be really great if you’d have time to revisit this tutorial and maybe add something for people like me who didn’t quite get it like it should!

    +1
  • Michael Stewart

    Friday, December 12th, 2008 15:46

    19

    Nice tutorial the final effect is amazing. Thanks for going into great detail and also I love the snow on your site.

    Michael Stewarts last blog post : Create Lightning in Photoshop

    0
  • Sousou

    Saturday, November 15th, 2008 09:01

    18

    Thanks for the tuto :)

    0
  • Ardis Creative

    Friday, November 14th, 2008 01:21

    17

    Thank you for sharing this, such tutorials are very helpful this season!
    I have featured your post in our blog article 35 Free Winter Theme Design Goodies & Packages. Here’s the link: http://www.ardis-creative.com/ardisblog/?p=366

    0
  • Johnson Koh

    Saturday, September 27th, 2008 02:37

    15

    Great work here :D
    One of the best ice text effect I’ve seen

    Johnson Kohs last blog post : Wooden Text Effect in Photoshop

    0
  • Dainis Graveris

    Wednesday, September 24th, 2008 11:55

    14

    You added new layer in Filter settings? You open Filter–>Stamp menu and then click in the filter menu, new layer and add following settings. You did the same image size as I did 800x800px?

    0
  • Richard

    Wednesday, September 24th, 2008 06:23

    13

    Nope. I created a new layer, merged the text layer with the new, blank layer, and added a new layer while doing the stamp/chrome part of the tutorial. My screen looks like yours when in that menu, but the word looks nothing like what you got.

    0
  • Dainis Graveris

    Wednesday, September 24th, 2008 06:01

    12

    Ice effect comes really from 3.1. and 3.2. points. If You did correctly step 2, then in step 3 carefully follow instructions especially that You “add new layer” to add not only one, but both effects. In step 4.3. – that’s already after 3D text adding. You got the result like in the step 3???

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 21:38

    11

    @Richard Which step exactly You can’t do? 3D text look or ice effect?

    0
  • Richard

    Tuesday, September 23rd, 2008 21:09

    10

    I couldn’t get the text to look like it did in 4.3. What am I doing wrong? I set all of the settings to how they were in the pictures, and still it won’t come out right!

    0
  • Yeti

    Tuesday, September 23rd, 2008 12:13

    9

    I think what Dana means is that you say what to do but maybe don’t explain what it does maybe?

    Anyway nice tutorial

    Yetis last blog post : We’ve Got Epic Loots!

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 15:10

    8

    @Yeti thanks, maybe I need to explain little more, okay. I will try my best in the next tutorial! Thanks!

    0
  • Dainis Graveris

    Tuesday, September 23rd, 2008 10:46

    7

    @Kan Thanks! Sure thing!

    @Richard Appreciated! Thank You!

    @Matthew Cheers! Thanks!

    @Dana You could say, what really is missing? I tried to keep step by step tutorial. That’s why I am here – to explain those things!

    0
  • Matthew Heidenreich

    Tuesday, September 23rd, 2008 00:10

    6

    nice effect, nice work!

    Matthew Heidenreichs last blog post : Colorful Design Studio Header

    0
  • Dana

    Tuesday, September 23rd, 2008 00:15

    5

    Really whant my opinion? U never explain right things….really this not cool all is wrong pffff

    0
  • kang

    Monday, September 22nd, 2008 13:31

    4

    stumbled! please help out too!

    kangs last blog post : eating&reading round-up 20/09/08

    0
  • Richard, Peacock Carter

    Monday, September 22nd, 2008 19:21

    3

    Nice effect, I like the final image.

    0
  • Dainis Graveris

    Sunday, September 21st, 2008 18:44

    2

    Thomas Thanks, for passing by :)

    0
  • Thomas | Brush King

    Sunday, September 21st, 2008 15:32

    1

    Thanks for this tutorial

    0

Comments are closed.

54.89.92.161 - unknown - unknown - US