advanced photoshop

Photoshop Tutorial: Design thematic type, part 1

Posted in:
Tips & Tutorials, by Anna-lisa Saywell

Create themed type in Photoshop with this frosty effect, icicles and all! Come back tomorrow for part 2

Ice type effect

Download a list of all the start files used from

Step 1

Photoshop Tutorial: Design thematic type, part 1

First of all make a new document and choose dark blue for the background. Select the Type tool and type in the word ‘FREEZE’. Now Ctrl/right-click on the text layer and select Rasterize Type. Select the first letter and cut it out, then repeat for each letter. Rotate the letters a little for interest.

Step 2

Photoshop Tutorial: Design thematic type, part 1

Now you have to cut out all kinds of ice images. You can find many different images using the links. Open an image (we started with ‘Cold as ice 2’), use the Pen tool to select some parts of the ice, then Ctrl/right-click>Make Selection. Click on the Rectangular Marquee tool, then Ctrl/right click on the selected area and select Layer via Cut. Drop the layer into the main document.

Step 3

Photoshop Tutorial: Design thematic type, part 1

Resize the image as much as needed and rotate it to the first letter ‘F’. Now make the colours more beautiful – go to Image>Adjustments>Brightness/Contrast and play a little bit with it until happy. Once you’re done, select the Eraser tool, choose a soft brush and rub away the edges of the ice, blending it to the letter ‘F’.

Step 4

Photoshop Tutorial: Design thematic type, part 1

Open ‘Icicles 4’ and, again with the Pen tool, cut out the ice elements. After that open more images and keep cutting. We know this process is fairly laborious, but you need material to build an interesting composition. Cut out as many different kinds of ice as you can.

Step 5

Photoshop Tutorial: Design thematic type, part 1

Drop the ice into the main document, adjust the colours and erase the edges. Now Ctrl/right-click on the layer and select Duplicate Layer. Go to Edit>Transform>Flip Horizontal; afterwards, rotate the layer to the letter ‘F’. Repeat these steps several times, until you can no longer see the end of the letter.

Step 6

Photoshop Tutorial: Design thematic type, part 1

Keep cutting out ice elements and dropping them onto the ‘F’, adjusting the colours, rotating them and erasing the edges of the images as required. Do this until your letter starts looking as if it completely frozen. Generally, the more ice you use the better it will look, but know when to stop too!

Step 7

Photoshop Tutorial: Design thematic type, part 1

Now you just have to do the same steps with the rest of the letters that you did with letter ‘F’. Try to be patient; you have to do the things you did this far all over again for five more times – or you could always pick a shorter word like ‘cold’! Constantly bear in mind that the aim is to make the letters look as realistic as possible.

Continue to part 2 of this tutorial…

  • Cool, but it’s basically just cutting and pasting. But the result is awesome!

  • Pingback: Photoshop Tutorial: Design thematic type, part 2 | Official Advanced Photoshop Blog()

  • I am not happy to see the outcome



  • ☠Stunt Mike☠

    fuck this shit! the links to the image source are broken example:

    Cold as ice 2: 1103489
    Photographer credit: Michael Faes is not available! put the resources on a zip to download please

  • Glad to see your images. But I think you need to increase this image outcome. Thanks for sharing this.

  • That’s a great overview!
    I can confirm to your readers as well blog commenting not only works, it works great!

  • Helpful tutorial. This is really working with me.

  • Nicolus Martin

    Great post. I like it and thanks for sharing it here.

  • The best site for learning photoshop work. Thanks for your tutorial.But try to make video tutorial.That will be more easy to understand.

  • Nice piece of work, very nice design of fonts. How normal thing can be a fantastic thing this is prove of that. Every steps are really clear to understand and explained in a very nice way. Images of screenshots are very helpful for understand the thing in a nice way. Actually these works are creative, how creativity should be use we should learn from it. This is really nice post you have made, great job.

  • Thanks for graphics design tutorial share with us. It’s really helpful for me.

  • Expert Clipping

    I am going to try it immediately. Thanks a lot for your wonderful post.

  • Easy to learn from you. Thanks for sharing your efforts.

  • Marvelous post. The articles are well written. Your blog is really outstanding. Thanks a lot for sharing such a wonderful post.

  • This is incredible

  • Fareha Nowrin

    This blog about Photo editing is really nice.

  • Hey!! This is very helpful for me. Easy to Learn.

  • Loren

    This is really incredible. I love This frosty effect

  • Hikot
  • I am really grateful to be able to benefit from your knowledge