Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Posted on February 14th, 2009 under Photo Effect

In this tutorial, I will show you the processes I used to transform a daylight city image into a epic warzone scene in Photoshop. The inspiration of this tutorial came from a random war image I came across while reading a magazine.

Together, we will explore a variety of Photoshop techniques such as image adjustment option, a number of filter effect and some basic selection skills. This is an intermediate tutorial and some steps could be a bit tricky, but why not just have a go? ;)

Meanwhile, I would like to take this opportunity to raise the attention to the Victorian Bushfire Appeal, as you may have already known. If you would like to make a donation, you can do so throught the Australian Redcross Website.

Here is a preview of before and after images:

Before

before 500x334 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

After (Click to enlarge)

Ok let’s get started!

Step 1

Download a copy of this city image from stockvault.net and load it into Photoshop. Once loaded, duplicate the background layer once and name the duplicated layer as “Black and White”.

On the “Background Copy” layer, hit Ctrl + Alt + Shift + B and bring up the Black and White image adjustment tool (If you’re using an earlier version than CS3, you can use Channel Mixer instead, just make sure you tick the “monochrome” option down the bottom).

Apply the following Black and White image adjustments:

1 bw1 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Change the layer blending option of this duplicated layer to “Multiply” and you will have the following effect:

1 effect 500x332 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 2

Duplicate the “Black and White” layer once and name the duplicated layer “Curves”, hit Ctrl + M and bring up the Curves Image Adjustments, apply the following image adjustments:

2 curves Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Keep the blending option of this layer as “Multiply” and you will see the image darkens further:

3 effect1 500x334 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 3

Now let’s add some particles on the image. Duplicate the “Curves” layer three times. On the “Curves Copy” layer, go to Filter > Distort > Glass and apply the following settings:

4 glass 500x289 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Change the layer blending option to “Screen” and reduce the layer opacity to 70% and you will have the following effect:

4 effect2 500x332 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Then on “Curves Copy 2″ layer, go to Filter > Brush Strokes > Spatter and apply the following settings:

4 spatter 500x392 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Change the blending option of this layer to “Screen” and you will have the following effect:

4 effect 1 500x332 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 4

Grab the Lasso Tool and set its feather to 40px. Make a selection on the Sky area and the high rises as shown below:

4 select 500x246 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

While maintaining the selection, hit Ctrl + J and make a layer via copy. Name this newly created layer as “Smoke” and go to Filter > Render > Cloud and render some cloud:

4 cloud 500x253 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Duplicate the “Somke” layer once. On the duplicated layer, go to Filter > Render > Difference Cloud. Apply this filter a few times and change the layer blending option of this layer to “color burn”.

You will see an effect similar to the following image:

4 effect3 499x268 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 5

On the the duplicated “Smoke” layer, hit Ctrl + B and apply the following Colour Balance:

5 colour balance Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

5 effect3 500x329 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

To reduct the noise a bit on the smoke, we can apply the following medium (Filter > Noise > Medium) settings:

5 medium Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

You can see the noise has been reduced:

5 effect 21 500x382 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 6

Now we can add some fire effect to the image. Download a copy of this fire image from cgtexture.com and load it into Photoshop.

Drag the entire image on our document and name newly-created layer “fire”. Set the layer blending option to “Screen”.

Grab the Eraser Tool (E) with a big brush, erase the black part of the fire image and leave just the fire:

6 eraser Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Then use the Clone Stamp Tool (S) with different size of brushes, flow and opacity, clone this fire until it reaches desired burning effect:

6 effect2 500x189 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Step 7

To add a bit more dynamics to the image, I duplicate the background layer once more and put it just below the “Curves” layer in Step 2, then apply the following Radial Blur Settings:

7 motion blur Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Desaturate the layer and change its blending option to “Screen” and you will have the following effect:

7 effect2 500x328 Transform a Daylight City Image into a Epic Warzone Scene in Photoshop

Ok that’s it for this tutorial! You can of course continue enhancing the image by adding some more effects, such as filter, texture or just have a play with its hue and saturation!

Below is my final image for this tutorial: (Click to enlarge, I added a planet of the sky, adjusting the hue and saturation of image)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23

Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop

Unique and Curious Photoshop Tutorial Showcase – January 2012

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54

Design Abstract Surreal Text Effect with Metal Texture in Photoshop

VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect

Ahmed

Most Amazing ! The transformation is amazing and simple !
admin

Thanks Ahmed!
http://www.joyoge.com/ joyoge designers’ bookmark

nice useful transformation thanks..
AOUN

BUT YOU FORGET THE REFLACTION ON THE WATER !!!
Nona

Thankyou very much for ypour amazzing tutorails it teach me a lot
I like youre explanation where can I find other tutorails for u ?
http://haroh.multiply.com Haroh

Hey,
someone is posting this to her site claiming it’s her.
http://sevenmarz07.multiply.com/journal/item/36/Transform_a_Daylight_City_Image_into_a_Epic_Warzone_Scene_in_Photoshop
admin

Hi Haroh, thank you so much for imforming me. I did not give any permission of letting her re-publish my tutorial in any form.
I’m just sick of dealing with those people really…
David

Its Baltimore!!
Alex

This tutorial is BA!
Really good.
Did you come up with it yourself?
Timmy

Hello
I have been doing about 5 tutorials and i have noticed that i follow the exact instructions and i turn out with a different result that i cannot mimick. For example when you did the curve layer, mine turned out blue and it was not as dark. And when i added the smoke its dark black and tiny bits of white. Do you know what can assist us in following better cos im stuck trying to make it look like your one.
admin

@Timmy: yeah the end result won’t always be exactly the same (especially with the cloud rendering) however make sure you set the layer blending mode correctly, and make sure the curves are as close as the one shown in the tutorial.
Hope this helps
http://tutorialpear.com Crystal

Great Tutorial, i really like the transformation, its simple yet effective to achieve. Makes me think James Bond films lol (not sure why), anyway keep up the good work.
dru

this is incorrect. unless you are using the EXACT same city skyline this isn’t gonna turn out the way you’re typing brother. The 3 cloned Curvers layers get LIGHTER when you keep setting them to screen. your result is only possibly by setting those layers to multiply. I’ve tried your tutorial with your instructions with 4 different skylines and it comes out a million times lighter each time.

Everyone, when homeboy says set to “screen” set them to multiply.
admin

@dru: Thanks for your input. However with step 3, you do have to set the blending mode to “Screen” – Listen to homeboy and you won’t go wrong :)
http://www.uprinting.com/Brochure-Printing.html Brochures

Awesome tutorial you’ve got here. Very imaginative as always. Your outputs never disappoint and are always an enjoyable learning experience.
Wayne

Dude, you blew up Baltimore
Tim

I have tried your tutorial but I am having much difficulty, I am new to Photoshop and I want to create a warzone / desolated future image. Your image seemed perfect. But I copied your’s word for word.

But I could not see the fire when I put that image in and then when I finished it was always black and white and it was black and white all the way through the tutorial and I couldn’t do anything to make it colour again.

What am I doing wrong?
zeta29

Did you try changing the layer ordering?
http://altcreativestudios.com TheHolyFatman

Warzone and Baltimore….so very Ironic. Gotta love my city. That’s an old image—the skyline has changed a bit. we’ve added more buildings.
http://www.miraztutorials.com huwaw69

Hmmmmmmm the multiply thing is quite a help, it made the water black… good technique!
Faheem Baig

Excellent my friend this is awesome.
http://www.photoshoproadmap.com/Photoshop-blog/2009/07/15/20-devastating-destruction-and-apocalyptic-scenes-photoshop-tutorials/ 20 Devastating Destruction and Apocalyptic Scenes Photoshop Tutorials

[...] Transform a Daylight City Image into a Epic Warzone Scene in Photoshop [...]
anoop

superb awesome work….well done…………i mean mind blowing…….can u help me………can u tell me how to change a dark person into a white person
?????????????????
http://jinspiration.wordpress.com/2009/07/28/20-devastating-destruction-and-apocalyptic-scenes-photoshop-tutorials/ 20 Devastating Destruction and Apocalyptic Scenes Photoshop Tutorials « JinSpiration

[...] Transform a Daylight City Image into a Epic Warzone Scene in Photoshop [...]
http://facebook.com Armani

I Have Trouble On Step 2 And Step Three…Can Someone Plz Hlp Me.?!
Jabel

The other tutorials are better, this one is so unreal, to begin with, the reflexion of the water…and all the buildings burning at once? some destruction would have been better with smoke…

well, hope u understand with my pathetic english :s . keep this site as allways, cya and many thanks for the rest of tutorials, they all are very good! ;)
http://psdvault fishign all

the fire picture did’t download for me wich was kind of annoying
http://psdvault fishign all

but it wasreally easy to follow and the final picture looked really coooool
Mr Sithu

hi. I am from Myanmar and a student.Nice to meet you and you website.I am interested in Photoshop.Thanks.
http://designbeep.com/2009/12/23/50-amazing-and-useful-photoshop-photo-manipulation-tutorials/ 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | DesignBeep

[...] 16.Transform a Daylight City Image into a Epic Warzone Scene [...]
http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/transform-a-daylight-city-image-into-a-epic-warzone-scene-in-photoshop/ uberVU – social comments

Social comments and analytics for this post…

This post was mentioned on Twitter by clippingimages: Transform a Daylight City Image into a Epic Warzone Scene in Photoshop http://tinyurl.com/av979a...
http://www.afiffattouh.com/web-design/50-amazing-and-useful-photoshop-photo-manipulation-tutorials 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | Afif Fattouh – Web Specialist

[...] 16.Transform a Daylight City Image into a Epic Warzone Scene [...]
Vanessa

Man I seriously am hooked at these tutorials!! You are not only extremely talented but the way you write it down is awesome and great! Keep up the good work!
http://www.shwemyanmars.com shwemyanmar

Great post, it is pages like this which make information sharing on the internet so powerful and quick!
http://www.shwemyanmars.com shweroom

Thanks for your tutorial. It is easy to learn.
http://Website Robotpandainspace

Very good tutorial :). I have played around with the flames and have notices if you put the fire layer on hard light or pin light it makes the fire darker and gives it more intensity
Darshangetin

hi there ..i actually followed it the way,it was scripted………………..it actually helped me a lot………….n budy ur color sense are just amazing………..Keep up the good work………….i have been following your tut’s since past few months…………….. Gr8 job…………..Thanks