fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Apocalyptic City Explosion Photoshop Tutorial
Tutorials Photo Manipulation 37015 Views November 12th, 2014

In this tutorial you will learn how to create a city explosion in Photoshop using just a few simple blending techniques. You will also learn how to add cinematic movie effects to your photos with gradient maps and other color adjustments. This apocalyptic building explosion was made with explosion brushes, fire and smoke effects. Hope you will enjoy reading this new tutorial written by Dwight Daley from psdtuts4u


This is a guest tutorial made by Dwight Daley a full time graphic designer, illustrator, multimedia designer and photographer. Her runs a blog with Easy to follow Photoshop Tutorials and also Free Flyers and Photoshop Brushes .

In this tutorial you'll learn how to create an explosion on a city skyscraper. You will learn how to use brushes and the cloud render filter to achieve these effect. These are the stocks we used.

You can download the stocks from the links below:

OK let's begin.

Create a new Photoshop document at 1200x625. Fill the background with black. Load your City stock and remove the the sky area away from it as shown below


Take the Rectangular marquee tool, select a portion of the bottom half of the city and hit delete on your keyboard.

Click and drag the city stock over to your working document. Size and position it as shown below. Quick Hit: Don't close your city stock document; we are going to use it again later.

Add the following Adjustments via clipping mask respectively to the city stock.

Load your Sky stock into Photoshop. Take the Rectangle Marquee tool and select the top portion of sky.

Copy and paste it onto your working document. Place it below your city stock layer then size and position it as shown below.

Apply the following adjustment layers via clipping mask respectively to the sky stock.

Load your Helicopter stock, take the Magic Wand tool, select the background of the helicopter you don't want and hit delete on your keyboard. Quick hint: To select more than one area at the same time with the Magic Wand tool, hold shift on your keyboard and click on areas you want to select simultaneously.

Click and drag your helicopter stock over to your working document. Size and position it as shown below.

Apply the following Adjustments via clipping mask to the helicopter.

Create a Building Explosion in Photoshop

Now for the explosion on the building, first we are going to create some faint smoke. Create new layer above all previous layers. Go Filter > Render > Clouds. Set the blend mode of the cloud filter layer to screen and reduce the opacity to 29%.

Now with a soft eraser at 0% hardness erase most of the cloud effect leaving just a small portion on the area of the building where the explosion will take place near the helicopter.

We are now going to add some explosion debris. Go back to your city stock document I told you to keep open in Step 2. Take your Ellipse Marquee tool and select a portion of the main skyscraper of the city.

Right click and from the drop down menu select Layer Via Copy. This will create a duplicate of the selected portion of the skyscraper onto a new layer.

You can turn off the original city layer below to focus on the copied Ellipse layer. With the Ellipse layer selected, left click on the bounding box edge then right click and from the drop down menu select wrap. Move around randomly each point of the wrap to create to distort the shape as shown below.

Part 1Part 2Part 3

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

4 comment(s) for "Apocalyptic City Explosion Photoshop Tutorial"

12:02 AM Thursday, November 20, 2014
Thanks John. Love the Cinematic effect reply
Big Papa
Big Papa
3:49 AM Wednesday, March 02, 2016
Thanks dude really enjoyed the cintematic effects, i cant wait to show my grandpa from baltimore reply
Joynul Abedin
1:38 AM Tuesday, April 12, 2016
I enjoyed this tutorial thanks for share this technique . reply
7:38 AM Sunday, March 26, 2017
Who reads Photoshop tutorials at 3:00 am? reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create The Mummy movie poster effect in Photoshop. We'll create an evil woman character...
New collection of free water textures that you might want to add to your design resources box. The l...
Learn how to create a fairy pixie dust magic trail in Photoshop using overlay textures, blending tec...
Download our new set of circle brushes which contains 30 circles drawn in Photoshop. Making a circle...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Dispersion with Real Images Photoshop Action