end-of-world-battle-scene-flatten

Create Dramatic Meteor and Burning City Effect in Photoshop

In this tutorial, I will show the methods I use to create a Dramatic Meteor and Burning City Effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky for beginners, but why not have a try!

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

end of world battle scene flatten1 500x312 Create Dramatic Meteor and Burning City Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create Dramatic Meteor and Burning City Effect in Photoshop

OK let’s get started!

To complete this tutorial, you will need to the following stock:

Sky

City

Rock

Dirty Brush

Step 1

Create a new document sized 1440*900px, fill the background with black colour. Load the Sky image into Photoshop and select a portion as shown below:

1 select 500x332 Create Dramatic Meteor and Burning City Effect in Photoshop

Copy and paste the selection onto our document, resize it to fit the width of the canvas:

1 paste sky 500x318 Create Dramatic Meteor and Burning City Effect in Photoshop

Add the following image adjustment layers as clipping mask to this sky layer:

Black and White

1 bw Create Dramatic Meteor and Burning City Effect in Photoshop

Channel Mixer

1 ch mix Create Dramatic Meteor and Burning City Effect in Photoshop

Curves

1 curves Create Dramatic Meteor and Burning City Effect in Photoshop

Levels

1 lv Create Dramatic Meteor and Burning City Effect in Photoshop

Erase the upper portion of the sky, and you will have the following effect:

1 effect 499x297 Create Dramatic Meteor and Burning City Effect in Photoshop

Step 2

Load the city photo into Photoshop, cut out the city portion of the image as shown below: (use quick selection tool here)

2 sel 500x354 Create Dramatic Meteor and Burning City Effect in Photoshop

Paste the city onto our document, resize it to fit the width of the canvas:

2 paste 500x305 Create Dramatic Meteor and Burning City Effect in Photoshop

Add the following image adjustment layers to the city layer as clipping mask:

Black and white

2 bw Create Dramatic Meteor and Burning City Effect in Photoshop

Channel Mixer

2 ch mix Create Dramatic Meteor and Burning City Effect in Photoshop

Levels

2 lv Create Dramatic Meteor and Burning City Effect in Photoshop

Mask on Levels adjustment layer:

2 lv mask 500x312 Create Dramatic Meteor and Burning City Effect in Photoshop

Use a small size soft eraser, erase some portions of the highest buildings, as shown below: (We do this in order to prepare for the burning effect later on)

High-rise 1

2 erase Create Dramatic Meteor and Burning City Effect in Photoshop

High-rise 2 and High-rise 3

2 erase 2 500x252 Create Dramatic Meteor and Burning City Effect in Photoshop

and here is the effect so far:

2 effect 500x296 Create Dramatic Meteor and Burning City Effect in Photoshop

Step 3

I decided to use the sky image again to fill the empty space on the upper side of our document. So let’s copy and paste the sky photo onto our document again:

3 sky paste 500x317 Create Dramatic Meteor and Burning City Effect in Photoshop

Reduce the layer opacity of this new sky layer to around 50%:

3 reduce opa 500x302 Create Dramatic Meteor and Burning City Effect in Photoshop

Black and White

3 bw Create Dramatic Meteor and Burning City Effect in Photoshop

Channel Mixer

3 ch mix Create Dramatic Meteor and Burning City Effect in Photoshop

Curves

3 curves Create Dramatic Meteor and Burning City Effect in Photoshop

and here is th effect so far:

3 effect 500x308 Create Dramatic Meteor and Burning City Effect in Photoshop

Step 4

Load the rock image into Photoshop, select one rock from the image – we will use it for the meteor effect:

4 select rock Create Dramatic Meteor and Burning City Effect in Photoshop

Paste the selection on to our document, sharpen it a little bit with the sharpen filter:

4 paste 500x372 Create Dramatic Meteor and Burning City Effect in Photoshop

Erase the edges of the rock with a soft eraser:

4 erase 499x352 Create Dramatic Meteor and Burning City Effect in Photoshop

For your reference, this is the layer mask I added on the rock layer – by mixing soft eraser and grungy brushset:

4 mask on rock 500x272 Create Dramatic Meteor and Burning City Effect in Photoshop

Apply the following layer blending options to this rock:

Outer Glow

4 outer glow 500x350 Create Dramatic Meteor and Burning City Effect in Photoshop

Inner Glow

4 inner glow 500x350 Create Dramatic Meteor and Burning City Effect in Photoshop

and here is the effect so far:

4 effect 500x324 Create Dramatic Meteor and Burning City Effect in Photoshop

Step 5

We’re almost done. Now we can fine-tune the image a a bit by adding some cloud around the meteor. Make sure you warp/distort them to form a trailing effect: (Hint: if you’re having trouble with cloud warping, take a look at this tutorial)

5 paint cloud 500x300 Create Dramatic Meteor and Burning City Effect in Photoshop

Optionally, you can add a few more rocks to the image, use the same step described before:

5 dup 500x299 Create Dramatic Meteor and Burning City Effect in Photoshop

Now you can either render some cloud with the cloud filter, or use some cloud brushes (reduce their sizes) to paint some cloud/smoke BEHIND the high-rises:

5 paint flow 500x113 Create Dramatic Meteor and Burning City Effect in Photoshop

Paint some particles with the dirt brush you downloaded:

5 paint part Create Dramatic Meteor and Burning City Effect in Photoshop

Also add some cloud overlay to the high-rises on the far distance:

5 cloud over 500x155 Create Dramatic Meteor and Burning City Effect in Photoshop

Add a colour balance adjustment layer on top of all layers:

5 sha Create Dramatic Meteor and Burning City Effect in Photoshop

5 mid Create Dramatic Meteor and Burning City Effect in Photoshop

5 hig Create Dramatic Meteor and Burning City Effect in Photoshop

Add a layer mask on this colour balance layer for some variation and increase depth of the image: (we don’t want to the whole image to be red!)

5 col bal mask 500x296 Create Dramatic Meteor and Burning City Effect in Photoshop

After adding this colour balance layer, you will see those smokes and cloud we added before will transform into flame/burning effect:

5 effect 1 Create Dramatic Meteor and Burning City Effect in Photoshop

Plus the meteor is now red-hot as well:

5 effect 2 500x502 Create Dramatic Meteor and Burning City Effect in Photoshop

And here is the overall final effect: (click to enlarge)

end of world battle scene flatten1 500x312 Create Dramatic Meteor and Burning City Effect in Photoshop

That’s it! I hope you enjoy this tutorial and find it useful! Till next time, have a great day!