snowy-rock-text-final-3

Design a Snowy Rock Text Effect in Photoshop

Get guaranteed success by using best quality testking 642-813 video demos, testking 642-832 practice questions and testking 350-030 mock test.

In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!

Along the way, we will use various layer blending options, some selection techniques, a number of filter effects and brush dynamics. It’s a simple tutorial suitable for Photoshop beginners. Have a try :)

Here is a preview of  my final image for this tutorial: (click to enlarge)

snowy rock text final 2 500x500 Design a Snowy Rock Text Effect in Photoshop

Here is alternative version which I added a bit of cloud and colour onto it:

snowy rock text final 3 500x230 Design a Snowy Rock Text Effect in Photoshop

Ok let’s get started!

Step 1

Create a new document sized 800 x 800 px, fill the background layer with Black Colour.

Let’s create some lighting effect for the background to work with. Use the Gradient Tool (G) tool and select the Radial Gradient options, Fill the background layer as shown below:

1 grad 500x499 Design a Snowy Rock Text Effect in Photoshop

Step 2

Download a copy of this font from dafont.com and type some texts onto the background layer. Resize (if necessary) and position it in the centre of the canvas:

2 text position 500x467 Design a Snowy Rock Text Effect in Photoshop

On the text layer, apply the following layer blending options:

Drop Shadow

2 drop shadow 500x350 Design a Snowy Rock Text Effect in Photoshop

Inner Shadow

2 inner shadow 500x350 Design a Snowy Rock Text Effect in Photoshop

Outer Glow

2 outer glow 500x350 Design a Snowy Rock Text Effect in Photoshop

Inner Glow

2 inner glow 500x350 Design a Snowy Rock Text Effect in Photoshop

Bevel and Emboss

2 bevel 500x350 Design a Snowy Rock Text Effect in Photoshop

Gradient Overlay

2 gradient overlay 500x350 Design a Snowy Rock Text Effect in Photoshop

Here is the effect so far:

2 effect1 500x311 Design a Snowy Rock Text Effect in Photoshop

Step 3

Donwload a copy of this rock image from cgtextures.com and load it into Photoshop.  Then go back to our document and load the selection of the our text layer (holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette):

3 select text 500x267 Design a Snowy Rock Text Effect in Photoshop

Then drag the selection onto the rock image we just loaded:

3 texture select 499x229 Design a Snowy Rock Text Effect in Photoshop

Copy and paste the selection back to our text document and name the newly created layer “rock texture”.  You will see the following effect:

3 effect 500x282 Design a Snowy Rock Text Effect in Photoshop

Step 4

Duplicate the “rock texture” layer once.  Hide the duplicated layer for now.

Go back to  the original rock texture layer, apply the following Black and White adjustment options:

4 bw Design a Snowy Rock Text Effect in Photoshop

Change the blending option of this layer to “Screen”.

Unhide the “rock texture copy” layer, change its blending option to “overlay”. The effect now should look like this:

4 effect 500x303 Design a Snowy Rock Text Effect in Photoshop

Step 5

Pfrom the previous step, we can see the white part of the text looks like snow, but it is not realistic enough in my opinion and we can add some more texture to make it look better!

To do this, download a copy of this snow image from cgtextures.com and load it into Photoshop. Then Go back to our text document and use the same method described in Step 3 to load the text selection. This time we go one step further with the text selection: select the Rectangular Marquee Tool (M), hold down the Alt key and at the same time draw a rectangular selection for the lower part of the text. (We would like to preserve this part of the rock texture and leave the upper part for the snowy effect)

The selection will now look like this:

5 select 500x247 Design a Snowy Rock Text Effect in Photoshop

Hit Alt + Ctrl + D and assign a 10px feather to the selection. Drag this selection onto the snow image we just loaded, copy and paste some snow back to our text document:

5 copy paste 500x275 Design a Snowy Rock Text Effect in Photoshop

If you feel there isn’t enough snow on the text, you can use the Clone Stamp Tool (S) with a small soft brush to clone some more: (Tip: load the selection of the text again, and clone inside the selection so the snow won’t go beyond the text border)

5 clone 500x222 Design a Snowy Rock Text Effect in Photoshop

Name this layer as “snow texture” and apply the following Curves adjustment settings:

5 curve1 Design a Snowy Rock Text Effect in Photoshop

The effect so far will look like this:

5 effect1 500x270 Design a Snowy Rock Text Effect in Photoshop

Step 6

To add a bit more dynamic to the text effect, we can simply create a new layer called “falling snow”, grab a 3px soft round brush with the following brush dynamics:

6 shape dyn Design a Snowy Rock Text Effect in Photoshop

6 scattering Design a Snowy Rock Text Effect in Photoshop

Also Tick the “Smoothing” option.

On the “falling snow”, use this brush to paint around the text layer as shown below:

6 after brush 2 500x257 Design a Snowy Rock Text Effect in Photoshop

To add a bit of softness to the falling snow, we can duplicate the “falling snow” layer once and apply the following Gaussian Blur settings:

6 gau blur1 Design a Snowy Rock Text Effect in Photoshop

The effect will now look like this:

6 effect1 500x243 Design a Snowy Rock Text Effect in Photoshop

Ok that’s pretty much it for this tutorial. I added some more rocky texture down the bottom, also did minor adjustment for hue and saturation and alter the angle of the text.

Here is my final image for this tutorial: (click to enlarge)

snowy rock text final 2 500x500 Design a Snowy Rock Text Effect in Photoshop

Here is alternative version which I added a bit of cloud and colour onto it:

snowy rock text final 3 500x230 Design a Snowy Rock Text Effect in Photoshop

You can of course further enhance this text effect by applying some more filter effects, or combining it with some background texture, that’s totally up to you :)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!