Advertise | About | Tech Consultations | Write for Us | Contact

City of Ice Photoshop Tutorial

By mstdesigns   |   August 20, 2009   |   Posted in Photoshop   |   5 Comments  
Share


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

City of Ice Photoshop Tutorial
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • TwitThis
  • Reddit
  • Mixx

Tags: , , , , , ,

Line Break

Author: mstdesigns (5 Articles)

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.

Related topics you may like to read

5 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 My ComLuv Profile

  • [...] 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 [...]

Post comment

CommentLuv Enabled

pixmac

Host Unlimited Domains on 1 Account

Pages

New Arrivals

Resources News

  • 50 Terrifying 3D Monsters To Make You ShiverMarch 15, 2010

    Mindblowing collection of 50 3D models impersonated in monsters, trolls, warriors and demons.

  • 5 Fresh Navigation Menu Design TutorialsMarch 15, 2010

    Every Designer need to design good website navigation for more usability and attraction.Provide simple and straightforward navigation menus so that every visitor will know how to get round your sit…

  • 46 Astonishing Examples Of Digital PaintingsMarch 15, 2010

    To digitally paint your sketches or illustrations lots of different tools are used. Photoshop and tablets are most important tools to make digital paintings.

  • 90 Useful Freelance toolsMarch 15, 2010

    The web is filled with a lot of resources for freelancers to start and manage their own business. There are tools to keep track of time, billing, invoices, and where to look for jobs.I put togethe…

  • Buytemplates.net – Buy Web Templates of The Best…March 15, 2010

    One place where you can get everything for setting up your web site is Buytemplates.net. You can select your best template from a collection of pre designed templates and give a professional look t…

 

Useful Links

 
 


Graphic Mania on Facebook