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

Advertismets

This is one of the things we will create here:

cold

Step 1

1.1.Create a new document. I created 800×800px 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!

Spread the love:
  • Digg
  • StumbleUpon
  • Design Float
  • del.icio.us
  • Reddit
  • Mixx
  • Furl
  • NewsVine
  • Sphinn
  • Technorati
  • Google
  • Spurl
  • LinkedIn
  • MisterWong
  • Pownce

27 Responses to “ 2 in 1 - Stunning 3D Ice Text Effect Tutorial ”

  1. Thanks for this tutorial

  2. Thomas Thanks, for passing by :)

  3. stumbled! please help out too!

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

  4. Nice effect, I like the final image.

  5. nice effect, nice work!

    Matthew Heidenreichs last blog post : Colorful Design Studio Header

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

  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!

  8. 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!

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

  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!

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

  12. Ice effect….

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

  14. 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.

  15. 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 800×800px?

  16. 3D Ice Effect Tutorial.

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

    Johnson Kohs last blog post : Wooden Text Effect in Photoshop

  18. nice work…=D

  19. 2 in 1 - Stunning 3D Ice Text Effect Tutorial…

    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 …

  20. That looks really cool. Nice one!

  21. 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

  22. Thanks for the tuto :)

  23. 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

  24. [...] Stunning 3D Ice Text Effect Tutorial This tutorial teaches you how to make a great 3d ice text effect, which you can use to incorporate your text as part of an iceberg. [...]

  25. [...] Stunning 3D Ice Text Effect Tutorial This tutorial teaches you how to make a great 3d ice text effect, which you can use to incorporate your text as part of an iceberg. [...]

  26. [...] 2 in 1 - Stunning 3D Ice Text Effect Tutorial | 1stwebdesigner - Love In Design - [...]

  27. [...] Stunning 3D Ice Text Effect Tutorial This tutorial teaches you how to make a great 3d ice text effect, which you can use to incorporate your text as part of an iceberg. [...]

Leave a Reply

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <em> <strong>