How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop

How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop
How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop

Learn how to create this cinematic scene in quick and easy steps! This Photoshop tutorial will show you how to blend images to create an apocalyptic scene and add flying meteors with premade Photoshop brushes. You’ll also learn several different ways to add lighting effects and create a strong atmosphere.

Preview of Final Results


Tutorial Resources

Step 1 - Creating Background

Create new document in Photoshop. Download photo of the sky listed in the beginning of the tutorial and drag it into your new Photoshop document. Name this new layer SKY. It's a great habit to name all your layers because once you create something more complicated it saves you lot of time finding some layer you want to adjust.

Grab the Marquee Tool (M) and select down part of the sky without the rooftops. Press Ctrl+C to copy the selection and then Ctrl+V to paste it.


Place this new layer under SKY and name it BACKGROUND. Go to Edit > Free Transform or press Ctrl+T on your keyboard to activate the Free Transform Tool. Drag the bottom part of BACKGROUND to the bottom part of the image. On the photo below you can see what I mean.


It's just a base over which you put the skyscrapers so you don't need to worry that it looks weird. Add new empty layer  on the top of all layers and name it RETOUCH. Grab the Stamp Tool (S) and clone out the rooftops. After this step your image should look similar like the one below.


Step 2 - Adding City

In this step I'll show you little trick how to add photo of a city to this photo manipulation very easily and seamlessly without some complicated and time consuming masking.  Download picture of the city listed in the beginning of the tutorial and drag it into your photo manipulation. Place it on the top of all layers and name it CITY 1.  Right click on this layer and select option Duplicate layer. Name this new layer CITY 2 and place it on the top of all layers. Now let's move on blending. You created two layers of the city because each one of them you'll blend bit differently to achieve the best effect.  Make CITY 2 invisible to be able to see only CITY 1 (click on the eye icon left to the layer name).


Click on the layer CITY 1 and lower its Opacity on 50%. You can find this option in top right corner of Layers palette.


As you can see there is harsh transition between CITY 1 and rest of the image. To blend it better add layer mask to CITY 1. You can find the button Add layer mask on the bottom part of the Layers palette.


Grab the Brush Tool (B), select some soft round brush and lower its Opacity on about 70%. Pick black color. Make sure the layer mask is activated (click on it) and paint over the upper part of CITY 1 to create smooth transition between this layer and the rest of the image.


You should blend the layer similarly as on the following picture.


As you can see the city is barely visible right now. Here comes the second layer with city in play. Make CITY 2 visible again and change its Blending Mode on Overlay. Below you can see how this additional layer affects the photo manipulation.


There is the harsh transition between CITY 2 and the rest of the layers. Add new layer mask to CITY 2, grab the Brush Tool (B) with the same settings as before and blend it properly.

Pages: 1 2 3 4 5

90% Off Cyberpunk Preset Bundle

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

33 comments on “How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop”

  1. Interesting tutos and very well explained ! Congratulations!
    But how can I get your stock (resources) pictures in Pelleron-Art?

  2. Please re uploaded PSD file because when i click on download showing 404 error, this is best work for me i want check how did you do this

  3. It's an okay tutorial... Except I couldn't follow it after Step 2. (including Step 2).
    The instructions are so vague, and major steps are being skipped. I just can't follow it.
    You should really try to improve on that. I'd rather have too many details and too proper grammar than too little.

    1. Maybe you should try to find some specific youtube-workshops about this themes

  4. Fantastic website. Lots of helpful information here.
    I’m sending it to some buddies ans also sharing in delicious. And certainly, thank you for your sweat!

  5. This tutorial is okay, but it's obviously lacking a LOT of information that's required to even get close to the desired look that the author is showing.

    The tutorial is best at showing some ideas of what you can do and how to do it, but it's not showing an obvious step-by-step method to get the exact look (if you're trying for that) of the picture the author created.

  6. its totally amazin!!!!!
    i have learnt a lot of effects through this and its awesome...... u have got a lot of ability and please teach me some.....

  7. hay.. in the begginig you say to create a new document.. can you please tell me the exact dimentions of the document coz i face difficulties with the begginig.. thnx a lot!

Leave a Reply

Your email address will not be published. Required fields are marked *