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 High-Rise Building on Fire Effect in Photoshop
Photo Effect

Create High-Rise Building on Fire Effect in Photoshop

By James QuMarch 18, 20213 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, you will learn how to create high-rise building on fire effect in Photoshop with step-by-step instructions. Suitable for intermediate Photoshop users. Have a try!

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

Final Result Preview

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 250+ other PSD Files & 50+ VIP Exclusive Photoshop tutorials there. Signup now and get exclusive!

Stock Image Required

To complete this tutorial, you will need the following stocks:

  • City building by kuschelirmel-stock
  • Ground
  • Cloud by amka-stock
  • Helicopter

Step 1

Create a new document sized 1700x2300px with black background. Select a portion ofthe ground texture, copy and paste it onto our document and place it at the bottom of the canvas. Use the “Perspective” option in the free transform tool, add perspective to this ground texture:

Use a soft eraser to fade the top edge of the ground texture:

Apply the following adjustment layers as clipping masks to the ground layer:

Black and White

Levels

and this is the effect so far:

Step 2

Load the city building stock into Photoshop, copy and paste into onto our document:

Use a combination of grunge and crack brushsets (you should be able to find plenty of them on the web) as eraser, set the eraser flow and opacity to 50%, work through the buildings.

Remember we can also remove the sky part, as well:

This is the effect I have so far:

Add the following image adjustment layer as clipping masks to the building layer:

Black and White

Levels

and here is the effect so far:

Step 3

Load the cloud stock image into Photoshop, paste it below the city building layer:

Use a soft eraser to fade the bottom of the cloud layer:

Apply the following image adjustment to the cloud layer:

Use a smoke brush to paint some light smok/dusty effect around the building:

Step 4

Load the helicopter stock image into Photoshop, cut off the helicopter and place it onto our document:

Use the black and white adjustment to remove colour on the helicopter:

We will add headlight for this helicopter. Draw a rectangular shape filled with grey colour. Use the free transform tool to adjust its shape, until it forms the following shape:

Apply the following Gaussian Blue to this light layer:

Use a soft eraser to fade the tip of the light:

and here is the effect so far:

Step 5

Load the fire stock image into Photoshop, copy and paste the fire onto our document, adjust its size and change its layer blend mode to “Screen”:

Add more fire to the building using the same technique, adjust the size and shape of the fire accordingly:

Use a particle brush, paint some particles over the image:

We can further add some colours and lightning effect on the image with image adjustment layer, and this is my result: (click to enlarge)

That’s it for this tutorial! Leave me a comment below if you have any questions and I will try my best to answer it.

Interested in this type of city building effect Photoshop tutorial? Check out these links below:

  • How to Make a Portrait with City Elements in Photoshop
  • Create Surreal Cityscape in Photoshop
  • Create a Surreal Urban City Montage with Lightning Effect in Photoshop

building fire
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 Give Your Portrait Cyberpunk Effect in Photoshop

November 15, 2025

How to Edit Non-Destructively with Smart Objects & Neural Filters in Photoshop

October 25, 2025

Create Surreal Motorbike Racing Scene in Photoshop

October 18, 2025

Comments are closed.

Don't Miss

How to Give Your Portrait Cyberpunk Effect in Photoshop

November 15, 2025

Create Realistic Neon Text Effect in Photoshop

November 8, 2025

How to Enlarge Images Without Losing Quality in Photoshop (using Super Resolution)

November 6, 2025

For Beginners

Basics

How to Create Relistic Burning Car Effect in Photoshop

By James QuOctober 17, 20251 Min Read

How to Pixelate an Image in Photoshop

October 16, 2025

How to Stay Ahead of Every Photoshop Update & Unlock Their Full Power

October 11, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

September 28, 2025

You May Also Like

Photo Effect

How to Give Your Portrait Cyberpunk Effect in Photoshop

By James QuNovember 15, 20253 Mins Read
Photo Effect

How to Edit Non-Destructively with Smart Objects & Neural Filters in Photoshop

By James QuOctober 25, 20253 Mins Read
Photo Effect

Create Surreal Motorbike Racing Scene in Photoshop

By James QuOctober 18, 202512 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}