fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Apocalyptic City Explosion Photoshop Tutorial

www.psd-dude.com
Tutorials Photo Manipulation 41053 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

Advertisment

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.

Now take the debris brush you downloaded, select it and create a new layer then with any color paint onto that layer with your debris brush over where the woods are. Now ctrl hold and click on the layer you just paint onto. This will select the content within the layer. Now click a on the ellipse layer, select your Magic Wand tool then right click and select Via Copy, from the area the brush as painted. A new layer will be copied from the ellipse taking the shape of the debris brush. You can view a video demonstration in this tutorial at Step 11.

Click and drag the debris over to your working document. Size and position it as shown below.

To show the full effect of the explosion duplicates this layer a couple times and randomly change the position and rotation of each duplicate for variation.

Place all duplicate layers of the debris explosion into a group.Apply the following Adjustments via clipping mask to the group.

We'll now add the focus damage section of the building. Load your Rock texture stock, take the Ellipse Marquee tool and select a portion of the rock.

Copy and paste it onto your working document then size and position it on the skyscraper as shown below.

Take the eraser tool at 0% hardness and erase areas of the rock randomly. Erase the sharp edge areas.

Apply the following Adjustments by clipping mask to the rock texture.

Take your Explosion brush, create a new layer and randomly select from the set and paint on and around the rock texture effect as shown below. Create new layers for each explosion brush you paint on for better manipulation.

Create a new layer above all previous layers. Once again go Filter > Render > Clouds. Set the blend mode of the cloud layer to screen and apply a Hide All layer mask. Within the layer mask set the brush flow to 20% and gently paint back on some areas of the cloud for a sutler effect.

We further added some more explosion debris to sky scrapers in the distance by simply creating a new layer and painting on the explosion with the debris brush.

In our final step we add the colors via Adjustments above all layers (NO CLIPPING MASK): Selective Color, Color Balance, Vibrance, Curves.

We have come to the end of this tutorial. Hope you had fun learning. Any questions or discussions you can comment below. Happy Photoshoping

Create a Cinematic Effect in Photoshop

In this video tutorial you will learn "The Summer Blockbuster look" - using the powerful 2 node subtractive colour setup.

The cinematic movie effect is a edited part made by the psddude team and I hope you will like the look.

Create a new layer named Color. Set the blend mode to Color, pick the Brush Tool, and simply paint like shown in the image using a light purple #caa7ba tone. Use different opacity levels.

Use this stock image in a new layer and set the blend mode to Screen. Add a Brightness/Contrast clipping mask just for this image with the following settings.

I will now add a Photo Filter and a Brightness/Contrast adjustments for all the layers.

Pick one of these Lens Flare Textures and add it in a new layer like shown in the preview. If you picked a colored lens flare you have to add a Hue/Saturation adjustment to desaturate it.

To add some color effects I have used this lens and optical flare preview image. So this time use the preview and not the images inside. Set the blend mode to Lighten. Add a Gaussian Blur and a Motion Blur filter effects to make the colored texture blurry.

In this step we'll add a Gradient Fill adjustment using these colors: #838383 and #81a8d1

Set the blend mode of the Gradient Fill adjustment to Color, opacity 60%. Also add a layer mask and inside paint with different tones of gray like shown in the image.

Add a new Gradient Fill adjustment using black and white colors. Set the blend mode of the Gradient Fill adjustment to Color, opacity 70%. Also add a layer mask and inside paint with different tones of gray like shown in the image.

I have also added this flame on the city block explosion. You have to resize the image, roate and also change the blend mode to Screen.

Create a new layer and call it Darken. Use the Brush Tool and with the color black and different opacity levels simply add shading effects.

Add two adjustments for all the layers that you have so far. Add a Curves and a Vibrance Photoshop adjustments with these settings:

For extra blasting effects for the explosion I have used this cool texture ; all you have to do is to add the texture in a new layer, resize/etc and set the blend mode to Screen. Add a Brughtness/Contrast adjustment just for this layer only to make it pop.

The last but not the least step is the sharpen photo effect using the High Pass filter. Here are some quick and easy to follow tutorials on how to Sharpen Photos with High Pass Filter in Photoshop

Here is a quick video tutorial on how to create the sharpen image effect in Photoshop using 3 different methods.

So here is the final result for the apocalyptic city explosion Photoshop tutorial; we hope you enjoyed reading/practising this tutorial and that you learned new interesting techniques.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

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"

dwight
dwight
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
JadonM
JadonM
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 a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

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

      Metal Tag Photoshop Creator
top