Advertisment
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:
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
Step 2
Lets add some blending options to the text.
2.1. Double click on the text layer to popup blending options menu:
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.
Step 3
This is where fun part starts! :)
3.1. Go to Filter –> Sketch –> Stamp, add those settings:
3.2. While still in filter panel create new layer and add Sketch–> Chrome with those settings and then press ok:
You must be the same output as me, if You don’t, read again everything carefully.
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:
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.
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:
I have this result for now:
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:
4.5. If You want to finish, just add gradient to background color, and select radial gradient:
#cccccc
#999999
4.6. Add Filter–>Distort–>Glass to background to get more realistic frozen ice effect:
Two more works from this effect, just play with the same settings:
Natural Ice Text Image Effect
Let’s go a little deeper to get natural image effect:
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:
2. Create new layer above image and text effect, like this:
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.
7. Repeat steps 3-6 to add this effect to all of the letters:
8. Add some more color adjustments, to make look more realistic.
I used Hue/Saturation with those settings:
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!
Wow, amazing tutorial.
Text effect is cool! I like it.
Thanks again!
Traffic ultimatum´s last blog ..About Traffic Ultimatum
WOOWWWWW çok gerçekci thankssssss :)
Great reading! Thanks for sharing
great i never seen before.
[...] Stunning 3D Ice Text Effect Tutorial [...]
[...] [...]
nice 3D text effect in photoshop. It’s cool text. Thanks a lot for sharing.
Thanks for giving tutorial on Ice text and icerberg , Very in teresting ,
Keep going
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.
great and very informative stuff, thanks for the tutorial.
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 800×800px and Arial, Bold, 200pt will not fit on the document.
Can you shed some light on this please. I’d love to be able to do this!
Izzy´s last blog ..JAVA SCRIPT
Thanks for the great text effect tutorial!
nice tutorial, thanks
Rusli zainal´s last blog ..Kontroversi SEO Kontes
I Followed Step by step your tutorial, its incredible, easy and great result, thanks
Stop Dreaming Start actions last blog post : Follow Your Dream
Look So simple and easy to follow.. thank you lemme try it
I learn many things from your blog, thank you
Gus Yehias last blog post : King Sulumits and the Tintin Adventure
thank you, practising it, and succeeded, great post
Sulumits Retsambews last blog post : Ten Thousand Thundering Sulumits Retsambew!
I like the way you are making tutorial post,
Sulumits Retsambews last blog post : Sulumits Retsambew remind me of Canada
simple easy tutorial..
Adsense Centers last blog post : Adsense Free Tips | ::: Idiots and Media :::
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.
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.
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!
[...] 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. [...]
[...] 2 in 1 – Stunning 3D Ice Text Effect Tutorial | 1stwebdesigner – Love In Design – [...]
[...] 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. [...]
[...] 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. [...]
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
Thanks for the tuto :)
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
That looks really cool. Nice one!
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 …
nice work…=D
Great work here :D
One of the best ice text effect I’ve seen
Johnson Kohs last blog post : Wooden Text Effect in Photoshop
3D Ice Effect Tutorial.
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?
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.
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???
Ice effect….
@Richard Which step exactly You can’t do? 3D text look or ice effect?
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!
@Yeti thanks, maybe I need to explain little more, okay. I will try my best in the next tutorial! Thanks!
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!
@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!
Really whant my opinion? U never explain right things….really this not cool all is wrong pffff
nice effect, nice work!
Matthew Heidenreichs last blog post : Colorful Design Studio Header
Nice effect, I like the final image.
stumbled! please help out too!
kangs last blog post : eating&reading round-up 20/09/08
Thomas Thanks, for passing by :)
Thanks for this tutorial