Create Dramatic Meteor and Burning City Effect in Photoshop


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

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!

0 comentários: