Adobe Photoshop Tutorial-Create Cool Frosty Text with Eraser Font and Ice Texture

From this tutorial you will learn fast and easy way to create awesome Frosty Text Effect by using layer styles, ice texture which is my own photo and Eraser Source Font which you can download for free from www.fontsquirrel.com.

This is the result you should get if you follow all my steps:

STEP_19

STEP 1

Start your work with creating a new Adobe Photoshop document. Set its Width to 1200px and its Height to 700px. Choose 96 Pixels/Inch for Resolution (if you don’t intend to print the final result) and select Transparent for Background Contents to get and editable first layer. Choose also RGB for Color Mode. As you see on the screenshot given for this step, I have called my file Frosty Text.
Those of you who would like to print the Text, should set its Resolution to 300 Pixels/Inch and also choose CMYK for Color Mode.
Now rename Layer 1 to Background, then press Ctrl+G to place it in a Group. Call the Group Background too.

STEP_1

STEP 2

Navigate to the Tools bar and Set the Foreground color to #1d2a2f. While the transparent Background layer is highlighted, use Paint Bucket Tool or Edit, Fill, Foreground color to colorize the Background layer.

STEP_2

STEP 3

Click on the Ice Texture image below in order to open it in a new window then right click and select Save Image As to save it in the respective folder on your computer.
This Ice Texture is my own photo and unrestricted stock. You can use it for your own projects.

STEP_3

STEP 4

Create a New Layer on top of Background group and call it Ice Texture. Keep this new layer selected.
Open in Adobe Photoshop the Ice Texture image which you previously downloaded, press Ctrl+A (Select All) to load selection then press Ctrl+C to copy it. Go back to your Frosty Text.psd file, and press Ctrl+V to paste the texture in Ice Texture layer. As the texture is bigger than your canvas, go to Edit, Free Transform and drag the nodes vertically and horizontally in order to resize the texture to cover your canvas. Press Enter to apply the Transformation.

STEP_4

STEP 5

Change Blend Mode of Ice Texture layer to Hard Light and lower its Opacity to 35%.

STEP_5

STEP 6

Now we’ll start with the main part of this tutorial- creating the Frosty Text Effect.
Many thanks to www.fontsquirrel.com for the superb text effects which they give us for free. As I decided to use rough looking Font for my Frosty Text, I chose Eraser Font. Download the Eraser Font from here: http://www.fontsquirrel.com/fonts/Eraser?filter%5Bclassifications%5D%5B0%5D=grunge&filter%5Bclassifications%5D%5B1%5D=handdrawn&filter%5Bclassifications%5D%5B2%5D=monospaced&filter%5Bclassifications%5D%5B3%5D=retro.

Install the font then select Horizontal Type tool from the Tools bar (or press T). From the Font Family drop down menu choose the newly installed Eraser Font. Set the Font Size to 220pt. Choose #ffffff (white) for Text Color then type Frost in Capital Letters as you see on the screenshot given for this step.
Highlight your Frost Text then click on Toggle the Character and Paragraph Panels icon in the Options bar and Set the Tracking for the Selected Characters to a value you like. I have chosen 70 to avoid overlapping after applying the Blending Options.
Press Ctrl+G to place the Text layer in a Group. Call the newly created Group Text.

STEP_6

STEP 7

Select Frost Text layer, right click on it, choose Blending Options and firstly tick Drop shadow. Change its settings like this:

Blend Mode: Multiply
Color of Shadow: #000000
Opacity: 75%
Angle: 120 degrees
Use Global Light: checked
Distance: 0px
Spread: 36%
Size: 16px
Contour: Linear
Anti-aliased: unchecked
Noise: 0%.
Layer Knocks Out Drop Shadow: checked.

Keep Layer Style dialog box opened. We have more Blending Options to add in the next steps.

STEP_7

STEP 8

Let us add bluish shades to our Text Effect. For the purpose check Outer Glow in Layer Style dialog box and insert these settings:

Blend Mode: Linear Dodge
Opacity: 80%
Noise: 20%
Color of Glow: #dae2ff
Technique: Softer
Spread: 0%
Size: 10px
Contour: Cove-Shallow
Anti-aliased: unchecked
Range: 75%.
Jitter: 0%.

STEP_8

STEP 9

Now tick Color Overlay to add more cold blue shades and change the settings like this:

Blend Mode: Multiply
Color of Overlay: #2c47ed
Opacity: 10%.

STEP_9

STEP 10

The next Layer Style to be applied is Satin. Insert the following settings:

Blend Mode: Normal
Color of Effect: #c7caf6
Opacity: 50%
Angle: 19 degrees
Distance: 25px
Size: 25px
Contour: Ring-Double
Anti-aliased: unchecked
Invert: checked.

STEP_10

STEP 11

Now check Inner Shadow Layer Style and change its settings like this:

Blend Mode: Normal
Color of Shadow: #b1b9e3
Opacity: 100%
Angle: 120 degrees
Use Global Light: ticked
Distance: 0px
Choke: 20%
Size: 10px
Contour: Half Round
Anti-aliased: unchecked
Noise: 0%.

STEP_11

STEP 12

Let us add 3D look to our Frosty Text Effect so check Bevel and Emboss Layer Style and apply these settings:

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 16px
Soften: 7px
Angle: 120 degrees
Use Global Light: checked
Altitude: 30 degrees
Gloss Contour: Linear
Anti-aliased: checked
Highlight Mode: Linear Dodge
Color for Highlight: #ffffff (white by default)
Opacity: 30%
Shadow Mode: Color Burn
Color of Shadow: #dce7fc
Opacity: 100%.

STEP_12

STEP 13

Check also Contour Layer Style and insert the following settings:

Contour: Guassian- Inverse
Anti-aliased: not checked
Range: 100%.

STEP_13

STEP 14

Now we are going to add slight relief and texture to our Frosty Text. For the purpose tick Texture Layer Style and insert these settings:

Pattern: Leaf (128 by 128 pixels, RGB mode)
Scale: 53%
Depth: +50%
Invert: not checked
Link with Layer: checked.

Now you can press OK button to apply the Blending Options and to close Layer Style dialog box.

STEP_14

STEP 15

Now duplicate Frost Text layer- right click on it and select Duplicate Layer or simply drag the text to Create a New Layer Icon at the bottom of Layers Panel.
As we have to get rid of the previously applied Blending Options, right click on the duplicated Frost Copy layer and select Clear Layer Style. You can do the same by dragging fx icon which is to the right of Frost Copy Layer to the recycle bin icon at the bottom of Layers pane.
Reduce Fill Opacity of Frost Copy layer to 0%.

STEP_15

STEP 16

While Frost Copy layer is highlighted, right click on it, select Blending Options and tick Inner Glow in Layer Style dialog box. Insert the following settings:

Blend Mode: Normal
Opacity: 100%
Noise: 0%
Color of Glow: #ffffff
Technique: Softer
Source: Center
Choke: 0%
Size: 45px
Contour: Sawtooth 1
Anti-aliased: unchecked
Range: 50%.
Jitter: 0%.

Keep Layer Style box active as we are going to add one more effect in the next step.

STEP_16

STEP 17

Now check Bevel and Emboss Layer Style and change its settings as follows:

Style: Inner Bevel
Technique: Smooth
Depth: 250%
Direction: Up
Size: 9px
Soften: 0px
Angle: 120 degrees
Use Global Light: checked
Altitude: 30 degrees
Gloss Contour: Rounded Steps
Anti-aliased: not checked
Highlight Mode: Screen
Color for Highlight: #ffffff (white by default)
Opacity: 100%
Shadow Mode: Multiply
Color of Shadow: #000000 (black by default)
Opacity: 25%.

Press OK button to close Layer Style box.

STEP_17

STEP 18

We finished our work on the Frosty Text Effect. You should have two Groups of layers in your Layers panel:

1. Background Group which contains two layers: Background and Ice Texture;
2. Text Group which consists of two Text layers: Frost and Frost Copy.

STEP_18

STEP 19

This is the final result saved in .jpg format.
Hope you liked this short tutorial and found it easy and useful.
Good luck and have fun. God Bless! 🙂

STEP_19


Share with your friends
Facebooktwittergoogle_plusredditpinterestlinkedinmail
To report this post you need to login first.

Leave a Reply

Your email address will not be published. Required fields are marked *