2 in 1 – Stunning 3D Ice Text Effect Tutorial

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!

Dainis Graveris

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!

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. Tevin H says

    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

  2. Anonymous says

    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.

  3. Jeremy Stecker says

    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!

  4. Eline says

    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.

  5. says

    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.

  6. Gus Yehia says

    I learn many things from your blog, thank you

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

  7. Vare says

    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.

  8. Roxana says

    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!

  9. Michael Stewart says

    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

  10. says

    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?

  11. Richard says

    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.

  12. says

    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???

  13. Richard says

    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!

  14. says

    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!

  15. says

    @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!

  16. Dana says

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