Advertise About Tech Consultations Write for Us Contact

City of Ice Photoshop Tutorial

By mstdesigns   |   August 20, 2009   |   Posted in Photoshop   |   View Comments  
→ Photoshop 3D for Animators: The complete guide to learn 3D and animation in Photoshop CS5. Pre-order this book now and receive a %22 discount here

Tutorial Preview

In this tutorial we will transform a city to look like a city made of ice. First we will need the image of a city, for this example I used a shot of Chicago city. Then we will need a lot of ice textures and images to make it as realistic as possible. The more the textures we use, the better the result.

image1

After we open the document we will need to do some modifications so as to make it ready for the texture, otherwise it might look like applying rust or decaying matter, everything in Photoshop is just about coloring and illumination.

image2

We will use the Brush tool in color mode and Opacity set to 20%, selecting a light grey blue color, I used #a2b8bd but you can use any neighboring hue you’d like. We will apply the coloring 3 times to the lake, and 4 times to the buildings and plants, the buildings that have a really intense color should be colored 6-7 times. The image should look somehow like this :

image3

Select the Dodge tool and set it to highlights with exposure to 50%. For CS4 users make sure Protect tones option is unchecked!

image4

As ice really reflects sunlight, we will apply the dodge to the top half of all the buildings and in the whole lake/sea. Now we have successfully created a frost environment with coloring and illumination and can carry on to texturing. The result should be similar to this :

image5

For the lake/sea what’s better using for texture than a frozen lake pattern?

image6

We will use healing brush for texturing, you can use copy paste, but with healing brush we can achieve more complexity. Make sure though you duplicate the layer on the main image. On the Layers panel select right click – duplicate layer and name it something like lake texture.

image7

Using the Healing Brush tool set to multiply, we will apply the lake texture on the duplicated layer, (alt + click to define the pattern you want to copy). Then we will set the layer to 80% Opacity. The result should look like this :

image9

To make the lake more realistic you can copy and paste ice parts to the document

image10

Using the eraser tool you can take out any unwanted parts.

image11

Finally you can set effects like Lighten and add some 75% opacity to make it more realistic.

image12

For the building texturing we can use any ice texture image we can find, we can use more to make it more realistic. I used a kaleidoscopic looking one.

image13

We can directly copy and paste it to the document setting it to 40% opacity and to Linear Dodge. Then using the eraser tool set to 20% opacity we can smoothly erase some parts where the effect is a bit annoying like the middle buildings and the lake.

image14

We can use yet another texture in the same way as the other for more detail.

image15

The result should look like this:

image16

Finally we will add some fog to the whole scene. Click Layer ? New ? Layer and name it fog with opacity set to 25%

image17

Using the color picker tool we will select the very white color

image18

Then with the Brush set to normal and 25% opacity we will apply the coloring 1 time in all the buildings and after that two times in the middle buildings and another two times in the last building on the horizon. If there was no lake you could have used a gradient for this effect, but now it would be complicated. The result should look like this :

image19

Finishing up we will add some blur to the whole effect.

image20

City of Ice Photoshop Tutorial

DOWNLOAD: PSD


RESOURCES: City IceTexture I Ice Texture II

Tags: , , , , , ,


About mstdesigns

I've been a creative graphic designer for about 5 years. I have expierience in graphic design and photoshop artwork, creating many logotypes business cards, brochures interfaces and photorealistic artwork.

Enter your email to receive updates:

View Comments to “City of Ice Photoshop Tutorial”

  • This tutorial couldn’t have come to my attention at a better time!

    I have a local ice distributor who wants to do redo his website.

    And Although I think the actual image could be tweaked a bit, the steps you outline is a great starting point…

    Thanks & Regards
    Noel from nopun.com
    a professional graphic design studio

  • really awesome work.

  • AMAZING!!!!

  • Very Nice….
    .-= Rameexgfx´s last blog ..My DeviantART =-.

  • [...] a comet. Lets look at an example: Anthony GoicoleaSome random “destruction” tutorials ice city, city, tsunami, horror landscape, haunted house, aging someone, 1, 2, 3, 4, 5, 6, 7I was trying to [...]

  • Thanks a lot man! it’s a kind of you.
    making ice effect is one of my unachievable dream.
    gotta try it now!
    cheers.

Post comment

blog comments powered by Disqus

Subscribe without commenting

Follow on Twitter Subscribe: RSS | Email


 


 

 

Enter your email to receive email alerts of new posts and fresh free resources .

Pages

 

 


Resources News

  • Create a Vibrant and Eye-Catching Drink Compositio…August 18, 2010

    In this Photoshop tutorial, you’ll learn how to create a Sobe fruit drink advertisement using some simple water stock images and a lot of easy to use techniques that will yield high quality resul…

  • 25 FREE HIGH QUALITY VECTOR FILESAugust 18, 2010

    We would like to proudly introduce you to Vectorious.net. Vectorious is a great resource for finding royalty free stock vector images. Currently they offer over 12055 vector image files available f…

  • Logo Design: 80+ Beautiful ExamplesAugust 18, 2010

    It has been almost four months since my last post on logo design. Since then I have assembled an amazing collection of fresh new creative logos for you to be inspired by. I am confident that these …

  • Poster Art – Reminiscence Down the History LaneAugust 18, 2010

    Poster art is one of the most well-defined forms of art that has a rich historical background that involves a number of famous artists throughout the world. Ranging from advertising campaigning to …

  • The Complete Beginner’s Guide to User Script…August 18, 2010

    A user script is code written in a programming language that allows you to control a piece of software.

 

Useful Links

 
 


Graphic Mania on Facebook