About PSD Vault

In operation since 2008, PSD Vault is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyists around the world.

VIP Membership

Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!

Useful Resources

site5 banner

Create Dramatic Meteor and Burning City Effect in Photoshop

Posted on January 2nd, 2011 in Photo Effect.

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!


Take a Break

  • http://www.psdvault.com/photo-effect/create-dramatic-meteor-and-burning-city-effect-in-photoshop/ teddy

    NICE !!! Hope someone teach us beginners on how to use pen tool and its trick ‘coz I just add it on my Frustration’s list. haha to God be the glory!

  • http://bscs2b@yahoo.com/plp jayson

    its great!! and very easy to do and follow

  • http://www.site2you.com Danny

    Great and clear tutorial! Thank you!

  • http://www.psdbox.com Andrei

    This is actually an awesome tutorial. I’m stunned that is not for premium users. Really well explained. I love that falling meteorites effect

  • http://Website legacy

    this is my result
    http://sphotos.ak.fbcdn.net/hphotos-ak-snc6/hs003.snc6/165361_178119722218989_100000628882123_481119_3019786_n.jpg

    i would like to know the name of the creator ;p because i want to add the credits on my work

    @btw i used my techniques :p

  • http://www.harryhilders-fotografie.com Harry Hilders

    Great tutorial. Well done.

  • http://Website mohamed hassan

    great tutorial , thank you . but i want to know if there are vedio files for your work or not , if the answer is yes , please send it for me on my e-mail .
    many thanks…….

  • http://www.ezdrivigngtest.com joseph

    good tutorials will try today

  • http://www.joste.tk Johan Paterson

    Exelente post, está bueno, gracias praticaré a ver como me sale

  • http://Website Meowzers

    Great tutorial

  • http://Scourgewolf.deviantART.com Graywolf

    Hello, fine tutor!
    I am known as Scourgewolf at DeviantART, and am pleased to announce that your tutorial has given birth to a similar masterpiece which will be featured at my deviantpage.

    Thanks for everything!! I’ll look back every now and then to see what else ya got cookin in here!

  • http://sda ass

    ….this is so damn gay…u sasy to add clouds to rock but how? can u explain it more clearly……

  • James Qu

    For those who having trouble with adding cloud to rock in step 5, I have a basic tutorial about cloud warping here: http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/

  • http://Website arnold

    damn, nice tut .
    and wow lots of advertising images here, lol, can you cut down ads its making the site slower, and ugly

    just my 2 cents of advice

  • James Qu

    @arnold: yes, we will gradually cut down the amount the ads in the coming months. For now, we do rely on them to keep the site up.
    A new template will be built for PSD Vault as well, so stay tuned :)

  • http://fibodesign.net shahryar

    wow…
    it’s very powerfull tutor

    tanx

  • http://www.infinityfotos.com InfinityFotos

    What a great tut. I chose to do recreate this with my own city, clouds and rock and my new Intuos4 tablet. Needless, to say it took me two times to do it (mostly because I’m not used to the tablet.)

    Anyway, here’s my interpretation.
    http://infinityfotos.photoshelter.com/image/I00002p0Istfo8W0

  • http://Website BRYAN

    ANG TINDI … TWO TUMBSUP ^_^

  • http://bahancoli.blogspot.com Gadul

    Ah…awesome.

    It’s really helpful and your words make it easy to understand.

    danke

  • http://Website Niclas

    Great tut!!! I had a little hard time with the meteor but i managed to solve it :) here is my resluts :)

    http://img856.imageshack.us/img856/4791/pariso.jpg

  • http://facebook Biar

    this tutorial¦ helps me to create a portrait of end of the world

  • http://Website Aldian Pietra

    Hello, can someone help me how to make meteor? i am so confused :(
    and i dont have grungy brushset

  • http://Website Arnold

    I wish the tutorial was more easy to understand for people that arnt so familiar with photoshop. can someone help me? :l

  • Pingback: Fresh and Excellent Photoshop Tutorials | | Psd P2PTuts

  • Pingback: 100 + Tutoriais Photoshop fresco e Excelente | Won Creative

  • http://twitter.com/FloydusMaxximus One Epic Indian

    thats pretty damn awesome!

  • http://twitter.com/FloydusMaxximus One Epic Indian

    comets look deadly as hell, great version!

  • http://twitter.com/FloydusMaxximus One Epic Indian

    loves the fiery clouds!

  • Vishal Sharma..

    This is the best tutorial site…..!!!!
    everything is explained clearly…. :)
    thumbs up to this!!!!

  • http://webhosting.gen.nz/ Web Hosting

    cool!

  • http://webhosting.gen.nz/ Web Hosting

    i’m not a big fan of Armaggedon theme, but this is pretty cool tutorial!

  • http://taupoaccommodation.org.nz/ Taupo Accommodation

    i really like the flaming hot effect!

  • http://buildinginspectionsauckland.org.nz/ Building Inspections Auckland

    Sizzling!

  • Asparquitus

    very nice tutorial and useful for doom day, thank you