Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Photo Effect»Create Dramatic Meteor and Burning City Effect in Photoshop
Photo Effect

Create Dramatic Meteor and Burning City Effect in Photoshop

By James QuJanuary 2, 20114 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

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!

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

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

PSD Vault VIP Membership

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 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive!

OK let’s get started!

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

Sky

City (unfortunately the original stock image linked expired, please use this new image instead)

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:

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

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

Black and White

Channel Mixer

Curves

Levels

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

Step 2

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

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

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

Black and white

Channel Mixer

Levels

Mask on Levels adjustment layer:

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

High-rise 2 and High-rise 3

and here is the effect so far:

 

 

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:

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

Black and White

Channel Mixer

Curves

and here is th effect so far:

Step 4

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

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

Erase the edges of the rock with a soft eraser:

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

Apply the following layer blending options to this rock:

Outer Glow

Inner Glow

and here is the effect so far:

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)

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

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:

Paint some particles with the dirt brush you downloaded:

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

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

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!)

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

Plus the meteor is now red-hot as well:

 

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

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

burn city photoshop city burning photoshop meteor city effect photoshop meteor effect photoshop
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

September 27, 2025

How to Use Reference Image AI Feature in Photoshop

September 26, 2025

AI Portrait Lighting in Photoshop: Adjust Moods in Seconds

September 20, 2025

34 Comments

  1. teddy on January 3, 2011 12:27 AM

    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!

  2. jayson on January 5, 2011 11:32 AM

    its great!! and very easy to do and follow

  3. Danny on January 6, 2011 2:42 AM

    Great and clear tutorial! Thank you!

  4. Andrei on January 6, 2011 7:33 AM

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

  5. legacy on January 6, 2011 9:37 PM

    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

  6. Harry Hilders on January 7, 2011 11:42 PM

    Great tutorial. Well done.

  7. mohamed hassan on January 13, 2011 3:33 PM

    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…….

  8. joseph on January 15, 2011 1:17 AM

    good tutorials will try today

  9. Johan Paterson on January 15, 2011 7:12 AM

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

  10. Meowzers on January 22, 2011 1:06 AM

    Great tutorial

  11. Graywolf on January 28, 2011 7:54 AM

    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!

  12. ass on January 31, 2011 12:13 AM

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

  13. James Qu on January 31, 2011 2:17 PM

    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/

  14. arnold on February 3, 2011 12:27 PM

    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

  15. James Qu on February 3, 2011 5:57 PM

    @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 :)

  16. shahryar on February 6, 2011 7:40 PM

    wow…
    it’s very powerfull tutor

    tanx

  17. InfinityFotos on February 16, 2011 3:27 PM

    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

  18. BRYAN on February 17, 2011 10:30 AM

    ANG TINDI … TWO TUMBSUP ^_^

  19. Gadul on March 13, 2011 7:45 AM

    Ah…awesome.

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

    danke

  20. Niclas on April 8, 2011 4:43 PM

    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

  21. Biar on May 11, 2011 12:44 AM

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

  22. Aldian Pietra on May 31, 2011 4:09 PM

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

  23. Arnold on June 13, 2011 12:00 PM

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

  24. One Epic Indian on September 27, 2011 1:35 AM

    thats pretty damn awesome!

  25. One Epic Indian on September 27, 2011 1:37 AM

    comets look deadly as hell, great version!

  26. One Epic Indian on September 27, 2011 1:38 AM

    loves the fiery clouds!

  27. Vishal Sharma.. on September 27, 2011 12:40 PM

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

  28. Web Hosting on February 13, 2012 11:02 PM

    cool!

  29. Web Hosting on February 13, 2012 11:03 PM

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

  30. Taupo Accommodation on February 28, 2012 5:10 PM

    i really like the flaming hot effect!

  31. Building Inspections Auckland on March 8, 2012 1:09 PM

    Sizzling!

  32. Asparquitus on December 22, 2012 7:24 AM

    very nice tutorial and useful for doom day, thank you

  33. Graphics Clipping Path on December 21, 2013 3:43 PM

    This is a great collection of tutorials. Thanks for share

  34. zdenek on February 17, 2015 3:56 AM

    :-/ I have a problem with step no. four…. . Exactly”

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

    Is there anybody who can explain (help) me?
    Thx so much

Don't Miss

How to Refine Adobe Firefly Generations Directly in Photoshop with Firefly History

October 4, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

September 28, 2025

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

September 27, 2025

For Beginners

Basics

Curves or Levels: Choosing the Right Tool for Stunning Edits

By Lana WilsonSeptember 28, 20255 Mins Read

How to Read Photoshop Histograms for Beginners

September 19, 2025

How to Master Auto-Blend Layers in Photoshop for Stunning Image Blending

September 13, 2025

10 Genius Tips to Master Photoshop’s AI Object Selection Tool

August 30, 2025

You May Also Like

Photo Effect

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

By James QuSeptember 27, 20254 Mins Read
AI

How to Use Reference Image AI Feature in Photoshop

By Mario TeodosioSeptember 26, 20254 Mins Read
AI

AI Portrait Lighting in Photoshop: Adjust Moods in Seconds

By James QuSeptember 20, 20253 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}