preview

How To Create a Post Apocalyptic Photo Manipulation

Download Source Files

In this tutorial, I’ll show you how to create a post apocalyptic manipulation using adjustment layers, vector masks, and some special effects. Let’s get started!

Final Image Preview

Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. You can view the final image preview below or a larger version here.

Preparation

In this tutorial, we’ll create the final image using mostly pictures I took. Many of which are shown below. They are available to Psd Plus members. None Plus members will need to search for compatible images to follow this tutorial. I also used an image of a gas mask, some crack brushes, curvy brushes, mist brushes and a grunge texture. You will also need an image of a person sitting down for Step 8.

Step 1 – Blending the Background

Create a new document. Open the pictures with the bottom part of the background and drag them into the new document. As you can see, I used the right picture twice to make the manipulation wider.

Now we have to blend all the parts nicely together. Start with the picture on the right. Add a vector mask to the layer. You can find the button Add Vector Mask in the palette Layers (If you don’t see the palette just click F7 on your keyboard and it will show up).

Open the Brush Tool (B). Pick a soft, round brush, then choose solid black color and lower the Opacity on about 25%. Start painting over the parts of the image which should be hidden. Do the same also with the middle and right part of the background.

Using a vector mask instead of the eraser tool (which is so popular among Photoshop users) is better because you can very simple reverse all steps you did. You just choose white for the color and paint over the areas which you want to see again. With the eraser tool there is no way to recover. The right part of the background is very bright. Fix it by adding an adjustment layer with Levels and set it as shown.

Right click on the adjustment layer and choose the option Create Clipping Mask. Thanks to clipping mask, the adjustment layer effects only one layer under itself. After this step, your image should look like that shown below.

Step 2 – Blending the Sky

It’s time to add sky. Open the proper sky photos and drag them into the manipulation. Blend them in the same way as you did with the bottom part, by adding in a vector mask to each layer, then with a black brush paint over the parts which should be hidden.

Be very careful with blending because if you don’t do it accurately the whole manipulation will never look realistic.

Step 3 – Coloring The Background

In this step, we’ll desaturate the picture and add a decent cyan tinge. Click on the top of the layers and add an adjustment layer Hue/Saturation. Lower the Opacity to -100. Then add an adjustment layer of Color Balance and set it as shown.

The sky seems a little boring. To make it more dramatic, add an adjustment layer of Brightness/Contrast and turn up the contrast a little. You can not use a clipping mask because the sky is made of two layers. But you can reach the same effect if you fill a vector mask of adjustment layer Brightness/Contrast with black, then you paint over the sky with a soft, white brush. The vector mask should look like the one below.

After this step your manipulation should look like the image below.

Step 4 – Fixing Perspective

In this step, we’ll fix the perspective of the manipulation. Grab the Marque Tool (M) and select the whole manipulation. Now go to Edit > Copy Merged (Command + Shift + C). Paste (Command + V) the merged image.

Click on this newly created layer and add apply Filter > Distort > Spherize…set the value Amount to 20%, then press OK.

Step 5 – Adding Nuclear Power Station

Open the picture of the nuclear station, then select the station area out of it using your preferred method. You don’t have to care about the smoke much, but be very careful with selecting the cooling towers. After you’re satisfied with selecting, grab the Move Tool (V) and drag the station into the manipulation.

Add the vector mask to the layer with the station, then using a soft brush paint over the areas you want to have hidden. You can change the opacity and size of the brush as often as you need, as the result will look more realistic.

Just a little notice: it is better to use a lower opacity and paint over the layer more often. Thanks to it, there will be no hard edges and blending will look very realistic.

Step 6 – Adding the Power Station

Now we’re going to add the power station. It would be hell to select all the parts with the Lasso Tool or something similar to that. Instead I will show you a little trick.

Open the picture of the plant. Duplicate the layer. Now go to Image > Adjustments > Threshold. Set the Threshold Level to value 162. After this you should have something similar to the image below.

Grab the Magic Wand Tool (W). Make sure that you have unchecked all options as shown.

Now simply click on a black area and it will create the mask. Hide the layer with a threshold effect. Click on the layer with the station and drag it into the manipulation. Easy, isn’t it?

Since the plant is in the background, it should be little lighter. To do that I lowered the opacity a little. You can do the same or increase the brightness, or something else you usually use.

There are some unwanted wires toward the right part of the picture. Grab the Eraser Tool (E) and simply erase them.

Step 7 – Adding the Car

Open the image of the car and separate it from the background. You can use any method you are comfortable with. I usually use the Lasso Tool, but there is no rule. After you’re done, drag the car into the manipulation. If you look carefully at the bottom part of the car, there is some mess to clean up.

Add a new layer above the layer with the car. Grab the Brush Tool (B), then choose a soft, round brush with a low Opacity. Pick some color similar to the shadow color under the car, then paint carefully over the mess. Now add an adjustment layer of Brightness/Contrast, set value of brightness to -20, and set the value of Contrast to -15.

Step 8 – Adding a Person

Search for a picture with a sitting person to use. I used one I had on file. Then separate it from the background and drag it into the manipulation. You don’t have the similar picture as I did so you may have to do some minor edits a little different than I will show you, but the overall process should be similar.

As you can see, the woman is too saturated, with bright highlights and too much contrast. To fix that, add an adjustment layer of Hue/Saturation above the layer, then set Saturation on -65. Now create a clipping mask from the layer.

There is too much highlights and contrast is also high because the photo was taken with internal light. This type of light is very hard and does not fit the global lighting of this manipulation. Add a new adjustment layer of Levels and set it as shown.

Now click on the vector mask of the adjustment layer and fill it with solid black color.

Grab the Brush Tool (B). Choose a small, soft, round brush. Lower the Opacity to 20%. Choose a white color and paint carefully over the highlights you want to have darker, as shown below.

It would be better to have the trousers a little bit darker. Add adjustment layer Levels and set the Input Levels on: 0, 0,57, and 255. Fill the vector mask with black and paint with white over the trousers.

The whole picture of person should be darker. Add a layer mask of Brightness/Contrast and set the Brightness to -25 and Contrast to -15.

Step 9 – Gas Mask

Download the photo of a gas mask here. Separate it carefully from the background and drag it into the manipulation. Go to Edit > Transform > Warp and change the grid to fit better on the face. The result should look similar to the image below.

In the original stock photo the light source comes from the top, but it does not fit to this manipulation. To fix that, add an adjustment layer of Levels above the layer with the gas mask, then set the values as: 0, 0,38, and 255. Create a clipping mask. Fill the vector mask with black and then paint with a white brush over the areas which should be darker.

Now we are going to add more cyan colors. Add an adjustment layer of Color Balance and set similar to that shown below.

The final step in the gas mask adjustment is to lower the opacity. Add an adjustment layer of Hue/Saturation and set the Saturation on -40. Also, create a clipping mask from it.

Step 10 – Adding the Flower

Open the picture of the flower. Separate it from the background and drag it into the manipulation. As you can see, the flower doesn’t have a nice yellow color like the final image. To improve that add adjustment the layer Color Balance and set it as shown.

Increase the contrast a little (add an adjustment layer of Brightness/Contrast and increase the value of contrast) and lower the saturation (with an adjustment layer of Hue/Saturation). Don’t forget to create clipping masks from all the adjustment layers you’ve just added!

According to me, it would be nice to separate the flower from the background a little more by adding an outer glow. Right-click on the layer with the flower and choose Blending Options. Now check Outer Glow and set it as shown.

After you’re finished you should have something like the following image.

Step 11 – Painting the Steam

Don’t worry, you won’t have to paint anything difficult here, just one nice curve. If you have some big problem with doing that you can download some curvy brushes (for example here and use them). This is just a quick step. The results should look like the image shown below.

Alright! The basic part of this manipulation is done! We’ve placed all the main elements. Now we’ll work on some details and especially lighting. But before that, let me show you how your layers should look so far.

Step 12 – Adding Global Lighting

In this step, we are going to change the global lighting to create a more dramatic atmosphere and catch the viewer’s attention.

Click on the layer with the background and fixed perspective. Duplicate the layer. Now go to Filter > Render > Lighting Effects, and set it as shown.

Add an adjustment layer of Levels. Set it on these values: 0, 3,74, and 255, then press OK. Create a clipping mask and fill the vector mask of the adjustment layer with black. Grab the Brush Tool (B), choose a white color, lower the opacity of the brush, then paint over the areas of horizon in areas where you feel should be lighter.

Step 13 – Destroying The Nuclear Station

According to me the nuclear station should be a little more destroyed and dirtier. At first we will fix the cleanness issue.

Install the dirt brush. If you don’t know how, you can look at this tutorial. Create a new layer and paint dirt over one of the towers. Now go to Edit > Transform > Warp, and adapt the dirt to the shape of the tower.

Erase unwanted parts and lower the opacity. Do the same with the second tower. Now install the crack brushes. I used these. Create a new layer and paint some nice cracks.

Step 14 – Fix the Lighting On The Nuclear Station

Since we added quite strong light in the middle of manipulation, we have to fix the lighting on the station.

Add an adjustment layer of Levels above the layers with the nuclear station. Set the Input Levels to: 0; 1,25; and 255. Fill the vector mask with black and choose a nice soft, round brush with low opacity. Now paint over the areas which should be lighter. If you are not sure, look at the picture below for reference.

Step 15 – Adding the Mist

In this step, we’ll add a pretty mist to the background. Download some mist brushes (I used these) and install them. Now add a new layer above the layers which are in the background (the layers with power and nuclear station, not the layers with car and person). Grab the Brush Tool (B), choose a white color, lower the opacity of brush, then paint the mist.

If mist does not look natural, then try lowering the opacity more, or change the blending mode to Screen.

Step 16 – Adding the Lens Flare

As you can see in the previous picture, light on the horizon isn’t still the same as in the final image. We will fix it with adding a lens flare.

Create a new layer above the layer with the mist. Fill it with a solid black color. Go to Filter > Render > Lens Flare, then choose the type of flare you wish. I used Lens Type 105 mm Prime. Press OK. Now change the blending mode of the layer to Screen, or Lighten, and then lower the Opacity to about 40%.

Step 17 – Shadows Under the Person

In this step, we will add shadows under the person and on the front of the car. Remember that shadows are very important and if you look carefully around you, you’ll realize that everything has some shadows. Keep this in mind when creating any of your manipulations!

Create a new layer under the layer with the person. Now Command-click on the thumbnail of the layer with the person. It activates the mask of the person.

Fill the selection with a solid black color and deselect it. Grab the Move Tool (V) and move the shadow down.

Now go to Filter > Blur > Gaussian Blur…and set Radius so it will nicely blur the edges of the shadow; I set it on 4 px. Lower the Opacity to 70%. Grab the Eraser Tool (E), then erase every parts of the shadow except the shadow under the leg.

Now do the same procedure as before, but lower the Opacity even more to about 40%. Very well, the shadows under the leg are done! Now we have to add shadows under the person’s back. The process is still same, except you move the shadows to the left and not down. After this step, your manipulation should look similar to the image below.

Step 18 – Shadows In Front Of The Car And Person

There have to be shadows in front of the car and person because of the light source and background. We will fix it very easily though! Add a new layer under the layers with the car and person. Grab the Brush Tool (B), then choose a big, soft, round brush. Pick a black color and lower the Opacity to about 30%. Now just pain in front of the car and person. Easy isn’t it?

Step 19 – Adding the Highlights

In this step we will add some highlights to increase the contrast and make the whole scene a little more dramatic.

Add an adjustment layer of Levels on the top of all your layers. Set the Input Levels to these values: 0; 2,30; and 208. Press OK. Now fill the vector mask of the adjustment layer with a solid black color. Grab the Brush Tool (B), choose a white color and lower the Opacity to 25%. Paint over the areas which should be highlighted. If you’re not sure, then look at the image below for reference.

Step 20 – Shadows Once Again

Now we’ll add some more shadows. Add an adjustment layer of Levels again and set the Input Levels to: 17; 0,60; and 255. Fill the vector mask with black and with a white brush paint over the areas where you think there should be more shadows.

Step 21 – Final Adjustments

During this and next step we will create the atmosphere which you can see in the final image. Add an adjustment layer of Color Balance on the top of your layers, then set the Color Levels as: -3; +4; and +15.

Now we’ll add a pretty vignette around the edges. Add an adjustment layer of Levels, then set the Input Levels as: 0; 0,50; and 255. Now fill the vector mask with black and then paint with a soft, white brush around the edges.

Open some grunge texture (I used this one) and drag it into the manipulation. Change the blending mode to Overlay and lower the Opacity to 25%. Texture adds some more contrast to the picture.

I changed the Color Balance once more and lowered the opacity, but it depends on your personal taste. Below you can see final two adjustments.

Conclusion

Well, that’s all. I hope that this tutorial was useful for you and you’ve learned some new techniques, or you’ve found inspiration for your own photo manipulations!

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

Add Comment

Discussion 109 Comments

Comment Page 1 of 21 2
  1. Gareth says:

    Wow this is very cool…

  2. Jason says:

    Brilliant! There seems to be a current trend of Post Apocalyptic settings within films and imagery lately…this is another worthy tutorial!

    Thanks!

  3. overlysimple says:

    Some great tips on blending elements together and actually making them look decent (especially in terms of lighting).

    Must say though that the flower looks a little comp’d in still not sure if its a lighting issue or what, aside from that though, well done!

  4. Nils Kurzok says:

    hm
    rly nice tutorial.
    one of my favourite, will try it.

  5. Simona says:

    cool, nice tutorial.L)

  6. SoTired says:

    so many layers!
    thx!

  7. loswl says:

    Very nice!..love the textures on the building in the foreground and the movie blue tone to the final image, nice photo manipulation techniques :o)

  8. massafakka says:

    this is a v nice one ^^
    v detailed and great to follow… thx bb hun

  9. Steven Aiello says:

    I like the tutorial, I think that there are many features that people could use to improve their photoshop skills.

    One thing that I would like to see in general, not a knock against this tut at all is the integration of mooooooooore photography into “photo” shop tutorials. I’ve been moving more and more away from composed images in photoshop and just started shooting the image the way I want it.

    I know this isn’t always feasible but it’s pretty amazing how cool a well composed photo can come out.

    Wonderful job,
    Steven

  10. Anonymous777 says:

    Very nice tut, but the flower is completely looking fake, sorry. :(

  11. Tom says:

    Wow, really creative. Cool how you were able to come up with the final image from all those images.

  12. Sathish says:

    Love the final image.. Really Nice tutorial

  13. Brolando says:

    My god, this is really cool. One of the best results here on psdtuts. Awesome work.

  14. Great tutorial. I wouldn’t mind seeing more like these.

  15. Dave Ellsworth says:

    Great tut! The only “critique” I may have is that the flower needs a little work and that the car is either really small, or the girl sitting against it is really tall. Standing her up, her legs are about as long as the car is tall. :)

    Still, great work!

  16. MK says:

    I like every step of the tutorial, nice and easy to follow!
    thanks for sharing

  17. nukular says:

    Wow… this is really great!
    But recently, I observed a development on tuts+ that I definitely dislike.
    It is that tutorial authors give their source materials only to plus members. This makes the tutorial outcome nearly unreproducable for non-plus members, which I think is a pity. A tutorial is something to learn from, but how can you learn it without having the required sources?! Please re-think that decision that seems to have been taken.
    Thank you a lot.
    Your constant reader and non-+member for financial reasons (I am 16),
    nukular

  18. Merxhan says:

    very good, very inspiring, one of the best tuts for me ,

    a million thanks

  19. Jon Brookes says:

    Just Superb!!

  20. Aneslin says:

    awesome tutorial.
    gonna try this today :)
    thx brov

  21. kevinsturf says:

    great tutorial, but I think the yellow flower throws it off a bit. I dunno. maybe just my imagination at work again. lol

  22. shureiman says:

    Thx to Jarka H. for using tuned version of ВАЗ-2101 car in this photo manipulation. Very nice.

  23. tasarhane says:

    pretty nice tutorial.. thanks ^.^

  24. chillyweed says:

    omfg really nice tut

  25. Lucas says:

    Hello.

    Let me first say the tutorial is very well written and will surely help many people not only on how to use Photoshop but help them build a theme and atmosphere to the image.

    But commenting on the image let me just say wow. I am not a big fan of the post-apocalyptic topic or simmilar ones but let me say that this image is inspiring and provokes deep though. The use of a plant in what seems an artificial world is really good and im my opinion this is what a picture should be – a thousand works put in a nice format. The only thing about it, its the area under the cars seems a litle hmm alien but i think it’s just me being picky.
    Peace & Love.

    - Lucas

  26. ZaFaR says:

    pretty nice tutorial.. thanks ^.^

  27. mat says:

    There are a few things I must note.

    First of all, instead of stitching together three photos of gravel, it would probably be a lot easier to just use one single picture of gravel and use a wide angle. Searching around for stock imagery is rather tedious when it’s a lot easier to just go out and take pictures of things.

    Also, the shadows on the car and girl do not match.

  28. Diego SA says:

    Hey, nice composition. Very well done, but the car is bothering me somehow.

  29. JJ Adk. says:

    Thats so hotttt!!! I’m really inspired now!

  30. VertigoSFX says:

    Great stuff, I really love how it is such a great how to on color enhancement and shadowing and all that…which is probably at least 70% of photo manipulation but either way you did a great job of explaining it and covering all the effects. I’m going to try this one for sure :)

  31. CgBaran Tuts says:

    Excellent tutorial i gotta try this

  32. hiflyer says:

    I agree with others that the car stands out a little too much. I thinks it’s the colours and the size. I like the surreal look of the flower popping out. In an overall fake scene it’s not distrubing me but making some kind of point towards a healthy remainder of nature etc. But, to go with reality, gas masks won’t help in nuclear fallout… :-D

  33. Ramon says:

    Overall it is good. But! The shadows are very bad.

  34. gsenthil says:

    well done

  35. Apocloudiptic says:

    Man the merged cloudsky at step 3 rocked. Would’ve kept that.

  36. Andris says:

    Thanx a lot for this cool tutorial. It saved my morning. Here’s what I ended up with: http://andrislinz.ch/post-apocalyptic-photo-manipulation/

  37. su says:

    Really appreciate your effort to share this wonderful & inspiring stuff. Thanks so much, :)

  38. Mars says:

    amazing, whew! i was so tired of reading the tutorials, it seems i am the one who is doing it

  39. dr.zack says:

    shit…I should have posted my work…i did it few weeks ago…
    check it: http://drzack69.deviantart.com/art/fallout-survivor-125115800

  40. Eli McMakin says:

    This is a really great tut.

    My only criticism is that nuclear power is awesome. GO NUCLEAR POWER!

  41. James says:

    Bravo. great tut.

  42. xxxx says:

    Honestly the components of this manipulation look very noobish. Nothing blends together believably

  43. inderjeet says:

    i love it, relay great tutorial

  44. Nick says:

    good job
    thanks

Comment Page 1 of 21 2

Add a Comment