Home     Blog

Melting Icy Typography

Preview:

Melting Icy Typography. Final Melting Icy Typography

Step one:

Open a new document. For this tutorial, I am just going to use a 810×160 px (Width, Height) document with a white background. First make a new layer called Melting Ice, Layer > New > New Layer Set. Now type the name you want to turn into ice thats melting, use font Arial Black, regular, 48 pt, crisp and #0090FF for color.  Melting Icy Typography

Step two:

With your step one layer add the following layer styles: 2dropshadow Melting Icy Typography 2coloroverlay Melting Icy Typography 2gradientoverlay Melting Icy Typography 2stroke Melting Icy Typography 2 Melting Icy Typography

Step three:

Go to Select > Load Section > Default Settings, this should add a marquee selection around your text. Now create a new layer and go to Edit > Stroke, add a 1 px white stroke outside your text layer. 3stroke Melting Icy Typography 3 Melting Icy Typography

Step four:

Now add another text layer of your name using the same font settings from step one but instead of a blue color use black. 4 Melting Icy Typography

Step five:

With your step four layer add a satin layer style and set the blending mode to Soft Light: 5satin Melting Icy Typography 5 Melting Icy Typography

Step six:

Once again add your name with a black color in its own text layer. 4 Melting Icy Typography

Step seven:

With your step six layer add an Inner Glow and Gradient Overlay layer styles and set the blending mode to Screen: 7innerglow Melting Icy Typography 7gradientoverlay Melting Icy Typography 7 Melting Icy Typography

Step eight:

Now were going to add a melting effect, first merge your Melting Ice layer set. To merge a layer set you must highlight the layer set on your layers window then go to Layer > Merge Layer Set. When you merge a layer set the folder transform into a regular layer. Now duplicate this layer and go to Filter > Stylize > Wind, set the method to Stagger and the direction from the right. Then finish it off with a motion blur, go to Filter > Blur > Motion Blur, set the angle to 0 and a distance of 7 pixels. 8 Melting Icy Typography

Step nine:

Even though the result on step eight look cool, we want the render thats not shown on your canvas when you applied the filter. So move your winded effect layer from the right to the center of your canvas so you can see the little wind effect thats not shown when first applied. Now place this little effect right on your name, preffered where it blends well in this case on the first 2 letters of our name. Your going to have to do some erasing so the effect blends with the text. 9 Melting Icy Typography

Step ten:

Now duplicate that same wind effect on the other end of your text. 10 Melting Icy Typography

Step eleven:

But were not done lets add mre effect, duplicate your layer from step eight which is the text layer that was merged. Relocate this layer on your layers window above all the current layers so when we add the effect its overlaping everything. Now go back to Filter > Stylize > Wind, this time set the method to Blast and direction from the right. Then add the same motion blur settings from step eight. 11 Melting Icy Typography

Step twelve:

Now go to Edit > Transform > Flip Vertical and on your layers window set the blending mode to Darken. Thats it your done. Final Melting Icy Typography

VN:F [1.9.17_1161]
Rating: 0.0/10 (0 votes cast)
Follow Will.Spencer on

Leave a Reply

Related Posts

  • Sleek Navigation Interface

    Preview: Sleek Navigation Interface. Step one: Open a new document. For this tutorial, I am just going to use a 810×160 px (Width, Height) document with a white background. Now make a new layer and draw a #5C5C5C colored rectangle, size 680×27 px. Step two: With your step one layer add the following layer styles: [...]...


  • Sidebar Menu Design

    Preview: Sidebar Menu Design. Step one: Open a new document. For this tutorial, I am just going to use a 250×330 px (Width, Height) document with a black background. Now make a new layer and draw a #1D1D1D colored rectangle, size 230×320 px. Step two: With your step one layer add a Stroke layer style: [...]...


  • Cool Web 2.0 Logo

    Preview: Cool Web 2.0 Logo. Step one: Open a new document. For this tutorial, I am just going to use a 810×160 px (Width, Height) document with a white background. First select the rounded rectangle from your tools window then set the radius setting to 20 px and check anti-aliased. Create a new layer and [...]...


  • Purple Theme Navigation System

    Preview: Purple Theme Navigation System.   Step one: Open a new document. For this tutorial, I am just going to use a 800×140 px (Width, Height) document with a white background. First create a new layer set called Button, Layer > New > Layer Set. Then in a new layer draw a #7E00FF colored rectangle, [...]...


  • Turn Picture into a Sketch

    Step 1: Open any Image in photoshop and prepare it with the resolution and dimension you want in your final image. Step 2: First create a copy of your image by selecting the Layer via Copy option in the Layer Menu. Now we have 2 Layers first is Background while the second is Layer 1. [...]...