Subscribe for testkings online training and get certified testking 70-290 materials with testking 640-553 Q & A to prepare and pass IT exams.
In this tutorial, I will show you the steps I took to design this chilling and icy text effect in Photoshop. Yesterday and today are both really hot in my city (suppose to be winter right now here!!), so I though I can make something to cool myself down :)
Along the way, we will be practicing a lot of layer blending technques, applying texture, selection technique, and an interesting method to create snowy/foggy effect. Have a try!
Here is a preview of the final effect for this tutorial: (click to enlarge)
Alternative version: (click to enlarge)
PSD File Download
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas
Ok let’s get started!
To complete this tutorial, you will need to following stocks:
Step 1
Create a new document sized 1000px * 600px, leave the background colour as white, and let’s firstly make a background to work on.
Grab the Ice Grunge Brushset we just downloaded, paint around the edges of the background layer as shown below: (tip: set the opacity and flow of the brush to around 50%, and try to use a variety of brushes in the set so we can have a mixture of patterns)
Optionally, you can apply the Star Brushset for extra effect.

We can now add some cooling effect to the background. To do so, I added two adjustment layers to it:
Colour Balance

Brightness and Contrast

and here is the effect so far:

Step 2
Use the font we just downloaded and type some texts onto the document:

Apply the following layer blending option to this text layer:
Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Color Overlay

Gradient Overlay

Pattern Overlay

Stroke

and you will have the following effect:

Step 3
Load any one image from the Ice Package into Photoshop (I chose the ice6_0174 image), select a distinct portion of the image use the Rectangluar Marquee Tool, copy and paste the selection onto our document, rotate it slightly as shown below:

Rename this layer as “Icy Texture right” and change its blending mode to “Screen”, use the ice brushset we download to erase the edge of this layer so only the centre part of the image remains:

Duplicate this “Icy Texture right” layer once and drag the duplicated layer to the left, rename the layer as “”Icy Texture Left”, keep the blending mode as “Screen”, and you will have the following effect:

Step 4
Now let’s create some shattered ice around the text.
Load a different image from the ice package into Photoshop (I chose ice6_0176.jpg file) and use the same method as described above, select a portion of the image, copy and paste it onto our document, and put it just beneath text layer:

Use the ice grunge brushset to erase the edge and leave just the bits in the centre. (Tip: repeatly left-click the centre of this image for the shattering effect)

Rename this layer as “Background Ice Texture Right”, Add the following adjustment layers to this layer (make sure to tick “use previous layer as clipping mask” option)
Black and White

Colour Balance

and you will have the following effect:

Duplicate the above three layers, and drag them to the left, you will have the following effect:

And we can add some extra effect under the text. To do this, grab the Ellipitical Marquee Tool with 20px feather, create a new layer just below the text layer, draw a selection as shown below:

Maintain the selection, again grab the ice brushset we downloaded, paint inside the selection. You will have the following effect:

Step 5
Now we can fine-tune the image a bit. Firstly, we flatten the image (don’t forget to save a copy of the original before flatten it) and duplicate the background layer once, apply the following motion blur settings to the duplicate layer:

Now we come to the interesting part: change the blending mode of this duplicated layer to “Pin Light”, keep the opacity of this layer to 100%, and hit Ctrl + T and resize the duplicate layer as shown below:

Erase the edges of the duplicated layer.
You can see by doing so, we created a nice snowy/foggy to our icy text.
Now we can finalise the image by adding the following adjustment layers:
Curves

Hue/Saturation

Colour Balance

and here is the final effect I have for this tutorial: (click to enlarge)
That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.
Here is an alternative version I have after I change a few things (Decided to give it a darker/groovy theme): (click to enlarge)
Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.
Till next time, have a great day!
-
Taimur
-
James
-
http://www.orphicpixel.com Mars
-
Taimur
-
ricardofx
-
http://www.feuersturm.eu Roque
-
http://www.itechart.com/Pages/Subsections/FlexDevelopment.aspx Flex developer
-
paul
-
Rebecca
-
James
-
ixnacium
-
ixnacium
-
http://www.alias3dmedia.com/2d-tutorials/photoshop/design-a-chilling-and-icy-text-effect/ Design a Chilling and Icy Text Effect | Alias 3d Media
-
http://www.devilsworkshop.org/10-refreshing-photoshop-text-effect-tutorials/ 10 Refreshing Photoshop Text Effect Tutorials
-
http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009 Top 6 Photoshop Text-Effect Tutorials : August 2009 | ExtraTuts
-
http://hellophotoshop.com/tutorials/photoshop-text-effect-tutorials-august-2009/ 2009.8 最火的文字教程 – Hello Ps
-
http://inwebdesign.ru/?p=359 Веб дизайн,графика » Эффект с текстом(vol.2)
-
bobble
-
http://photoshop.dizayndergisi.com/?p=59 Photoshop Dizayn Dergisi » Blog Archive » yepyeni 19 adet fantastik photoshop metin efekti dersi
-
http://neyeni.net/blog/2009/09/05/yepyeni-19-adet-fantastik-photoshop-metin-efekti-dersi/ yepyeni 19 adet fantastik photoshop metin efekti dersi « NeYeni.Net – [ yeni olan ne varsa ]
-
xChrisc
-
http://aeltari.deviantart.com Aeltari
-
http://www.sastgroup.com/tutorials/creare-un-effetto-ghiaccio-sul-testo-con-photoshop Creare un effetto ghiaccio sul testo con Photoshop! | sastgroup.com
-
http://www.bloogz.it/internet/creare-un-effetto-ghiaccio-sul-testo-con-photoshop/ Creare un effetto ghiaccio sul testo con photoshop!
-
http://photoshopvn.net/bai-huong-dan/hieu-ung-chu-dong-bang/ Hiệu ứng chữ đóng băng | Photoshop Việt Nam
-
http://mavisalon.totalh.com/blog/2009/09/24/yepyeni-19-adet-fantastik-photoshop-metin-efekti-dersi/ Mavi Salon // Just another Mavisalon.totalh.com weblog
-
http://www.chatgul.com/photoshop/yepyeni-19-adet-fantastik-photoshop-metin-efekti-dersi.html yepyeni 19 adet fantastik photoshop metin efekti dersi | Chatgul.Com / Klavyeden Dostluga acilan kapi
-
http://www.hptobias.de.tl Yakushi
-
http://www.sblgraphics.com/clipping-path_service.aspx clipping path services
-
http://edynaarts.wordpress.com/2009/11/16/criando-uma-palavra-congelada/ Criando uma Palavra Congelada « Edyna Arts
-
jordan
-
jordan
-
http://www.graphicmania.net/40impressive-photoshop-text-effects-tutorials/ 40+ Impressive Photoshop Text Effects Tutorials | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
-
http://www.neurosoftware.ro/programming-blog/facebook-web-design/photoshop/40impressive-photoshop-text-effects-tutorials/ 40+Impressive Photoshop Text Effects Tutorials | Programming Blog
-
http://speckyboy.com/2009/12/18/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine
-
http://www.coreldesign.com/blog/?p=999 40 آموزش افکت متنی در فتوشاپ | به وبلاگ کرل دیزاین خوش آمدید
-
http://www.kaangokce.com/2009/12/19/en-iyi-40-adet-photoshop-yazi-efekti/ En iyi 40 Adet Photoshop Yazı Efekti « Kaangokce
-
http://www.heycome.net/the-best-40-photoshop-text-effects-from-2009.html The Best 40 Photoshop Text Effects from 2009 | 嗨,来网络
-
http://www.jackchen.cn/blog/?p=2004 2009年40个华丽的photoshop 文字特效设计 | Jackchen Design 1984
-
http://focusec.cn/index.php/09-best-text-effect-photoshop-tutorials/ 2009年国外最佳文字效果photoshop教程 | Focusec
-
http://www.omnetsolution.com/blog/?p=170 The Best 40 Photoshop Text Effects « Om Net Solution
-
http://forusedesign.com/article/62 Text Effect with Photoshop « Foruse Design Studio
-
http://www.newspoon.com/the-best-photoshop-text-effects.html 2009年40个最佳Photoshop字体设计教程_新勺网| 专注于引进国外设计资源和设计酷站_
-
http://www.i-render.net/2009/12/28/the-100-most-popular-photoshop-tutorials-2009/ The 100 Most Popular Photoshop Tutorials 2009 « i-render | Creative Media
-
koorosh
-
http://socy.wordpress.com/2009/12/29/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 « Social-Press
-
http://airyland.com/blog/40-photoshop-text-lessons/ 40款最漂亮的PhotoShop特效文字制作教程 « 幻岛|领地
-
http://77even.net/2009/12/20/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 | Seventy Seven
-
http://phorias.wordpress.com/2010/01/20/los-mejores-efectos-de-texto-de-photoshop-en-2009/ Los Mejores Efectos de texto de Photoshop en 2009 « phorias
-
http://www.lxlabs.com.cn/?p=30 2009年最经典40个photoshop教程 « Lx实验室
-
http://www.bire1.info/?p=138 Etkileyici Photoshop Text Efektleri « Birebir Paylaşım
-
http://creativenerds.co.uk/tutorials/70-photoshop-ttorials-for-creating-perfect-typography/ 70 Photoshop Ttorials For Creating Perfect Typography | Creative Nerds
-
http://thenewdrop.com/?p=297 70 Photoshop Tutorials For Creating Perfect Typography | The New Drop
-
http://www.lanche86.com/blog/70-photoshop-tutorials-for-creating-perfect-typography/ 70 Photoshop Tutorials For Creating Perfect Typography | blog.lanche86.com
-
http://www.booto.net/?p=5326 70个字体Photoshop设计教程 | Booto’Blog
-
http://epubd.com/?p=7 80 Best Photoshop Text Effects Tutorials, Part III
-
http://www.hongkiat.com/blog/80-best-photoshop-text-effects-tutorials-part-iii/ 80 Best Photoshop Text Effects Tutorials, Part III | Photoshop Tutorials
-
http://www.creativosonline.org/blog/80-tutoriales-de-efectos-de-texto-para-photoshop.html 80 tutoriales de efectos de texto para Photoshop | Recursos para Diseñadores Gráficos y Web | Creativos Online
-
http://photoshopcow.com/photoshop-tutorials/design-a-chilling-and-icy-text-effect-in-photoshop-psd-vault-extra-unique-adobe-photoshop-tutorial/ Design a Chilling and Icy Text Effect [PSD Vault] | Photoshop Cow
-
http://www.webrisorsa.info/creating-text-effects-using-photoshop-and-tutorial-collections/251/ Creating Text Effects Using Photoshop and Tutorial Collections | Design | Web Risorsa | A Web Resource Abode
-
http://Website Luris
-
James Qu
-
http://spaikserver.no-ip.org/ spaik21
-
http://Website alabrahemi
-
http://www.texturepl.us Texture Plus
-
http://Website ImmortaL
-
http://Website curtis
-
http://Website curtis
-
http://www.asiahong.com Name (required)
-
http://framedrops.net/ Maura Bocchieri
-
http://www.wiiblackfriday.us/ choo
-
http://Website Nixo
-
http://dylanbeck.com Dylan Becks
-
http://www.pandorashows.co.uk pandora
-
http://Website ForcePalm7
-
http://www.brushesbee.com/ Brushesbee
-
http://www.raybansale.co.uk ray ban
-
http://Website gertex
-
http://wwt/rw.raybanshop.uk.com/producay-ban-2132-wayfarer-sunglasses-resin ray-ban 2132
-
Spike_rulzz
-
http://webhosting.gen.nz/ Web Hosting
-
http://taupoaccommodation.org.nz/ Taupo Accommodation
-
http://buildinginspectionsauckland.org.nz/ Building Inspections Auckland




















