preview

How to Create an Ice Text Effect with Photoshop

Download Source Files

In this tutorial, you’ll learn how to create an ice effect completely from scratch using special Photoshop Brushes. Some time ago playing with Photoshop and trying to make an ice effect I discovered that “dead trees” can simulate very well the ice’s “veins” giving a cool feeling to an image. I’m not going for realism here, but I do like the final effect for this tutorial. I used some text as reference, but this effect can be applied to any shape you want and can add some great style. Let’s get started!

Final Image Preview

Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. You can view the final image preview below.

Introduction

To make this image look more interesting I added some snow falling down and some dropping down from the letters. The first thing to do before opening Photoshop is to install a few Brush sets. If you don’t know how to, follow this very good guide which tells you how to install extra presets in your Adobe Photoshop.

As mentioned, this effect is made from scratch, but I used two useful sets of tree Brushes: this one and this one (the set n°17 from the top) from this list. Thank you very much to pixelgratis and Velavan. For the text we’ll use a special font called Berlin Sans FB in Bold version.

This tutorial is easy, made with basic techniques, can be done with Adobe Photoshop CS2 or superior and you don’t need a pen tablet, a mouse is good enough. OK, now let’s get working!

Step 1

Create a document of the size you want, staying near to 1600 pixels by 1200 pixels, 300 dpi resolution (if you are going to print it) or 72 dpi if you’re going to publish it on the Web. We can use 72 dpi to keep our document tidy and work faster. Set the Foreground color to black #000000 and then press Alt + Delete to fill the “Background” layer with a black color. Our “Background” layer become black with a touch!

Now choose #ff0000 as our Foreground color and type some text with the Horizontal Type Tool (T) using the settings shown below and the font we previously downloaded. We’re using a red color just to create some contrast with the black background and the white effects that will come next.

Step 2

Now double-click on the Layer thumbnail (or go to Layer > Layer Style > Stroke…) and choose #ff0000 for the color and set the Stroke at 15 pixels. This way we’re making the text more rounded and fatty to avoid rough edges.

Step 3

Create a New Layer by clicking Command + Shift + N, then pick the Brush Tool (B), right-click with your mouse and finally load the new sets of Brushes by clicking on the little black arrow (look below). After choosing Load Brushes… browse to your Presets folder and then to the Brushes folder to load the Brushes. Load all the three sets we previously downloaded, as we’re going to need some variety to create the ice effect.

Step 4

Before beginning the work with Brushes, let’s see how to modify the Angle of the Brush selected because it’s essential for the next steps. Press F5 to open the Brushes Window: using the Angle option you can rotate the Brush you’re using. Allow the Smoothing option for a softer Brush.

Step 5

Now click near the red area of the letters, everything which happens outside of that area is not important, and we can erase it later. Use your creativity to make something which should look like cracks in the ice – you have a lot of Brushes available to work with.

Step 6

The Angle and Size settings allow you to set and rotate the Brushes; uncheck the Spacing box to have more control when you’re painting the ice cracks. For every letter create a new Layer hiding the one you’ve already made, so it’s easier to look at what’s happening in the red area.

Step 7

Always give a name to layers, as it’s easier to keep them organized. During the making of the ice effect it’s important to use more linear Brushes to create the main shape of the letters and some bigger ones for the deeper cracks.

Step 8

Convert the “ICE” Layer (the red one) into a Smart Object (Right-click > Convert to Smart Object). Then Command-click on this Layer’s thumbnail to select it completely and apply a Layer Mask to the other Layers.

Step 9

Create a New Layer, call it “extra” and with a tree brush draw some extra ice into the red letters using the settings below (F5).

Step 10

Use the Brushes near the borders to make it look more three-dimensional. Help yourself by selecting the three letters so you can paint directly where you need to.

Step 11

Now go to the Blending Options of every ice layer (the white ones) and apply the settings shown below. These features are very useful also to colorize layers. We’ll use a very light blue color (#c9eaf1) in the Outer Glow options to create some halo around the letters and inside to make it look frozen.

Step 12

Using the Inner Glow option we’ll create a glow effect. Apply a value around 10% of noise to make it look more crispy.

Step 13

Select the “I” letter of the “ICE” layer, then go to Select > Modify > Contract… > 25 pixels. Then click OK. Create a new layer (“Layer 1″) and press Alt + Delete to fill the selected area; use full black (#000000). Then Deselect and go to Filter > Blur >> Gaussian Blur… 15 pixels. Do the same for the other letters applying always the same Blur.

Step 14

Name these black Layers with “black E, C, I” and set their Opacity to 40%. Then create a New Adjustments Layer and go to Levels. Applying the settings shown below, from here they will influence the whole image.

Step 15

Command-click on the “ICE” layer to select it and then create a new layer and call it “gradient.” With a white to transparent gradient draw the bottom to the top. We’re drawing some light from the bottom. Set the Opacity to 40%.

Step 16

Hide the “Background” layer (which is black) and select one letter with the Rectangular Marquee Tool. Go to Edit > Copy Merged then Press Command + V. Do the same also for the other two letters and name the layers with the corresponding letter. Then you can hide all the other layers because from now on we’ll work on these new ones, but keep the old ones because they can always be useful.

Step 17

Right-click on the thumbnail layers and Covert them to Smart Objects. Now Command-click on the “ICE” layer and go to Select > Modify > Contract… by 35 pixels. Apply this Selection as a Layer Mask to every letter. Don’t worry if the masking is covering all three letters.

Step 18

Select the Layer Mask thumbnail and go to Filter > Blur > Gaussian Blur… 25 pixels. Do this to all the “I,” “C,” and “E: layers. This process is useful to create some darker areas inside.

Step 19

Below is how it should look like.

Step 20

Press Command + L on the Layer Mask to Open the Levels and reduce the darkness (value 30). This way the Layer Mask become lighter showing more of the ice inside.

Step 21

Duplicate the “I,” “C,” and “E” Layers, Right-click on the Layer Mask > Apply Layer Mask. Finally Merge them. Hide all the rest and create a new layer. Let’s start making the snow now.

Step 22

Pick the Brush Tool (B) and choose a normal circle brush. Then apply the settings shown below in the Brush Windows (F5).

Step 23

Create a new layer and paint the snow increasing and decreasing the brush size.

Step 24

Select the “Ice” layer and press Command + T. Then click on the Warp icon and choose the Shell Upper with Bend set to 11%.

Step 25

Change the settings of the brush with these new ones. Start to paint the snow leaving some slightly darker areas.

Step 26

Paint the snow on top of the letters. We can work on one single layer now.

Step 27

After you’ve done this, retouch the corners and edges with the Eraser Tool (E) using a soft brush.

Step 28

Create a new layer on top and begin to paint some snow near the base of the letters using the same brush, with the same settings as before.

Step 29

Leave some little darker areas.

Step 30

Clean the edges using the Eraser Tool (E) with a soft brush.

Step 31

Create a New Layer above the snow on the letters and start painting with a black (#00000) Brush to create shadows. Let’s suppose the light comes from the top.

Step 32

Make some bigger shadows where there are humps.

Step 33

Create a new layer on top and paint some shadows using the same brush. These are the shadows of the letters.

Step 34

Apply this Inner Glow to the shadows just made.

Step 35

Add some more falling snow on a new layer on top.

Step 36

Now select the snow on the top and Duplicate it by dragging the thumbnail to the New Layer Icon.

Step 37

Do the same with the letters and the snow on top of them. Merge these two layers to make the reflection. Press Command + T, then Right-click > Flip Vertical.

Step 38

With the Gradient Tool (G) draw on the Layer Mask a vertical black to transparent gradient. Hold the Shift key to keep it vertical. Then apply some Motion Blur: Angle 0° and Distance 20 pixels.

Step 39

Do the same as before for the falling snow layer: Duplicate, Flip Vertical, add a Gradient Mask, and apply a Motion Blur.

Step 40

Create a new layer behind the letters and draw a horizontal white line with a brush (always holding the Shift key). Set the Size to 15 pixels and the Hardness to 80%. Set the Opacity of the layer to 90%.

Step 41

Create a new layer behind the reflections and draw a white to transparent Gradient starting from the line drawn in the previous step. Also add 70% Gaussian Noise by going to Filter > Noise > Add Noise.

Step 42

This is the actual situation: every effect on his own layer. Now Create a new layer, then go to Image > Apply Image… and click OK.

Step 43

Call this new layer “ICE IMAGE” and Duplicate it. Now we can hide all the rest, we’ll be working a bit on sharpening and increasing the definition.

Step 44

Duplicate this layer again and apply a Gaussian Blur of 0,3 pixels just to smooth everything.

Step 45

Then go to Filter > Other > High Pass and apply the following settings.

Step 46

Again, create a new layer by going to Image > Apply Image… and click OK. Set it to Overlay and 30% for Opacity.

Step 47

Draw a circle on a new layer with the Elliptical Marquee Tool. Fill it with black, then Deselect with Command + D. Now go to Filter > Blur > Gaussian Blur, and set it to 25 pixels. This gives some sort of vignetting effect.

Final Result

And here’s the final outcome! It could be very nice to add some Christmas decorations! Well it’s not that time yet!

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

Gianluca Giacoppo is Giallo on Graphicriver
  • marco

    One of the best tutorials I’ve ever seen. Yes there are a couple of glitches in it like the missing set of brushes but where there are holes in the instructions use your creativity and figure it out. By the way, simply adapting the existing two sets works just fine because the basic idea of using tree brushes to simulate varying ice cracks is frankly genius.
    Thing is this is a tut, it’s not necessarily meant to be followed to the letter. You don’t want to just write the word ‘Ice’ in ice – take the principle, learn the skills, and apply it creatively elsewhere.

  • http://www.facebook.com/album.php?aid=184718&id=576825848&l=05d79e0944 chris

    all i really need help on is step 8. I hate the fact that i’m persistent because i wont move on till I get this right. I’ve done what was stated on step 8. but when I’d applied a layer mask on it, it turned white. So I’m pretty much lost

  • http://66.com 66

    Hi,
    well… i read all your steps but i dont know where is the Foreground?

  • pointless

    pretty useless tutorial, you cant even find the two tree brushes, you havent specified them, youve just given a link, pretty much a waste of time already…

  • DjTrex

    Would be one of the BEST tuts ive seen if all of the steps were there and explained in more detail. I made it to Step 17 but then got stuck. When i mask i get a mostly black with white letters look in the mask. The tut shows mostly white with black letters. I tried inverse-ing the selection and it gave me the look that the tut has with the mostly white mask but the resulting Gaussian blur effect leaves me with a sharp edge where it had been contracted. Also the Berlin sans FB Bold that i used was slightly thicker than the one shown on this tut.

    http://i861.photobucket.com/albums/ab178/STARSMGR/ICE-tut.jpg

  • http://www.creativegeniusnyc.com Faith

    This is one of the best effects I have ever tried. I did get stuck on a few steps, like 8, 17 and 21, but it was easy enough to figure out and seeing some other peoples comments helped too. I would say this tutorial def isn’t for a beginner or someone who doesn’t know photoshop well. Here are my results, I made it into an ad.
    http://www.creativegeniusnyc.com/blizzardad.jpg

  • sasha

    very nice
    thank you

  • 14delanyb

    I couldn’t even get to step 3 because you didn’t tell us where the third brush set is! Thankfully, someone put a comment saying to Google “lady victoire foliage brushes”. No I can finally proceed!

  • http://999 johny

    pathetic make it smaller

  • aldrin

    link for the brushes u use

  • http://www.facebook.com/dudeitsag AntBoogy90

    I stopped around Step 32… and went off on my own. Added a background with some photo manipulation, and a sign for my friend. I made this for a friend of mine.. great tutorial. Didn’t follow it to a T, but it definitely gave me a few ideas.

    http://img683.imageshack.us/img683/1191/sophearisnow.png

  • Lorenzo

    Cool tutorial. Great Job !!!

  • Vivek Gawande

    Very nice tutorial. I was confused in between but I somehow made it.
    Nice idea of trees to make an ice effect

  • Lolalanda

    You can recreate the missing brushes coping them from the images from this tutorial.

  • Charlie kim

    Fantastic!!!

  • Etienne

    Awesome tutorial :)

    But it seems like the link for the brushes is broken. I used these brushes instead :

    http://www.designbrushes.com/browse/trees/veins
    http://www.designbrushes.com/browse/trees/28-photoshop-7-tree-brushes

    • http://www.graphicriver.net/Giallo?ref=Giallo Giallo
      Author

      Yes they’re expired, use whatever brushes looks limilar to veins and dead trees

  • Morgan

    Such a great tutorial I had to mention it in my blog! Unfortunately I’m working on a crappy computer so PS decided to die somewhere around step 25 (last saved around step 13).. so I’ll be continuing again tomorrow.
    Definitely one of the best tutorials out there!

  • http://www.graphicriver.net/Giallo?ref=Giallo Giallo
    Author

    Hey Guys how are you? It’s a lot I’m not answering because when I was in Italy I couldn’t answer at comments here. Me and the admins didn’t understand why..

    Anyway I always answered to private mails asking for help.

    I want to explain you once again: if you’re stack at a point, just do the next step as you would think it must be done. Try to learn not to plain copy

  • http://play.x8smile.net Kevin

    Awesome tut :D ! Luv it !

  • Isa

    the correct link for the 2st set of brushes
    http://www.pixelgratis.com/?p=71

    second link was correct.. just scroll the images on the right and it´s the 17th
    http://www.trendyrobot.com/category/brushes/page/7/

    in case it moves look for this image http://www.trendyrobot.com/brushes/000393/popup.php?brush=000393

    the 3rd set from here
    http://ladyvictoire-brushes.deviantart.com/art/Branches-and-Foliage-Brushes-31795694

  • newbie

    Thank you Giallo!
    I have a problem on step 8? As a many people. What is wrong on this step?
    Something is missing there. I do everything exactly and no results.
    http://img254.imageshack.us/img254/9864/problemrc.jpg

  • noob

    whay can’t i modify ? its gray:(

  • Samual Wyrosdick

    Ashanti Danish

  • Taylor

    Hi,
    This website is a good but I typed in google’how is ice created’,cliked on this and it is diffrent to what I asked!
    sorry though.

  • http://www.yahoo.com vinay

    Nice website and Awsome Tut

  • http://grabowski.ru Nick

    The tutorial is great. But have you tried to do it once again following this tutorial? I’ve lost myself on step 13 – where did layers “I”, “C” and “E” come from? Thanks.

  • Kumail

    Its a good art but from where can we get those brushes

  • Jeff

    I’m having trouble with step 21. Once I’ve duplicated the I, C, and E layers, I try to right-click the copied layer’s thumbnail to select Apply Layer Mask but it is grey and will not let me click it. Any help as to where I am going wrong would be appreciated!

    [IMG]http://i1064.photobucket.com/albums/u365/SeismicPumpkin/ScreenShot2012-07-10at101615PM.png[/IMG]

  • Jeff
  • Judy

    Like most others I’m stuck on Step 8. I can’t keep ICE in separated letters. Help please.

  • ferrr

    are you sure the step 17 is correct?

  • iMorix

    GREATTT TUTORIALL MAN!! ;)

  • Fizero

    So stuck on step 13 every time I select then contract it tells me no pixels are selected …?????

  • rflfn

    Thanks for more this! my result:

  • russell

    i would just like to say that the links for the brushes are no longer working.