Graphic Mania

  • Home
  • Articles
  • Vector Packs
  • Freebies
    • Free Fonts
    • Free Icons
    • Photoshop Brushes
    • Photoshop Patterns
    • Photoshop PSDs
    • Textures
  • Photography ideas
  • Advertising Ideas
  • Image Cropper
  • Inspiration
    • Illustration
    • Showcases
  • Resources
    • News
    • Reviews
    • Contests
    • Adobe exams
    • Logo design
    • Wallpapers
    • 3D
  • Web
    • WordPress
  • Tutorials
    • Flash tutorials
    • HTML5
    • Illustrator tutorials
    • Photoshop tutorials

City of Ice Photoshop Tutorial

13
  • by Michael Stagkos
  • in Photoshop tutorials
  • — 20 Aug, 2009

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.

Related posts:

  • Quick Tip: How to Create a Seamless Pattern in Photoshop
  • How to Create Islamic Style Poster in Photoshop
  • How to Customize Skyscraper Background in Photoshop
  • How to Create a Photo Manipulation Poster in Photoshop
  • Amazing Photo Manipulation Tutorials
  • How to Create a Comic-Book Style Image of Yourself
  • How to Create HDR Photos in Photoshop CS5

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

DOWNLOAD: PSD


RESOURCES: City IceTexture I Ice Texture II

Share

Tags: AdobeCS4Free Photoshop Tutorialsice effect in photoshopPhotoshopPhotoshop Effectsphotoshop tutorial

— Michael Stagkos

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.

  • Previous story The Big Collection Of Amazing Photoshop Actions
  • Next story The Best Photoshop Button, Banner Tutorials

You may also like...

  • Photo Manipulate Tutorial Using Photoshop 30 Jun, 2010
  • How to Create a Tilt-shift Blur in Photoshop CS6 19 Apr, 2012
  • How to Create 3D Earth in Photoshop 21 Oct, 2013
  • Aligning Images in Photoshop CS4 20 Jul, 2009

13 Comments

  1. Noel Wiggins says:
    August 20, 2009 at 5:58 pm

    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

  2. Dzinepress says:
    August 20, 2009 at 6:00 pm

    really awesome work.

  3. Snapper77 says:
    September 6, 2009 at 2:02 pm

    AMAZING!!!!

  4. Rameexgfx says:
    October 17, 2009 at 10:56 pm

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

  5. Class 2: Mimesis | ART 360 with sean cohen says:
    February 2, 2010 at 8:42 pm

    […] 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 […]

  6. TanTianSheng says:
    March 30, 2010 at 2:20 pm

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

  7. Jenni says:
    August 17, 2011 at 9:32 am

    Hi there, I am not very good with graphics, though I am trying to learn. I would love to try to follow this tutorial, but I don’t understand several of the steps you outline; it’s clearly meant for someone with more experience with Photoshop than I have (which is minimal). Is there somewhere you can recommend that I can learn how to follow this with more details on how to do each step?
    Thank you!

  8. Rafiq Elmansy (admin) says:
    August 18, 2011 at 3:43 pm

    Hi Jenni,
    This tutorial may requires basic knowledge of Photoshop,you cna try to start with lynda.com, it is a great video site for learning.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Promo Codes Available

    A2 Hosting Coupon
    NordVPN Coupon
    Unbounce Coupon
        • Home
        • Privacy Policy
        • About the Author
        • GRAPHIC MANIA – Guest Post Guidelines
        • Contact

        Copyright © 2008-2024 GraphicMania.net. All Rights Reserved.