Create Spectacular Concept Art in Photoshop

Tutorial Details
  • Program: Photoshop
  • Difficulty: Intermediate
  • Completion Time: 1 hour
Download Source Files

Final Product What You'll Be Creating

Creating conceptual work can be fun and relies heavily on your imagination. In this tutorial, I’ll show you how to combine stock photographs to create a stunning effect that can be easily reproduced to work with almost any combination of images.


What we’re going to be creating

The outcome to this tutorial depends heavily on what you want to create and what’s going on in your head. I collected two stock images that I thought would work together before I began from sxc.hu. Here are the links to the stock images I used: Landscape, Cityscape. You can use the same stock images I have, but I would also recommend you to experiment as that’s half the fun!


Step 1

Lets get started. To begin open your canvas (I used size 1200×900px) and drag in the landscape stock. From here, pull out the Burn Tool (O) and use it to darken some areas to create some shadow on the hills below the position where the buildings will be.


Step 2

Next, drag in the cityscape stock, resize it, and position it (I lowered its Opacity to 30% in order to position it) so the buildings nest on top of the hill. You can position it where you like. Next you need to get rid of all of the parts of the stock we don’t need so you have to do the tedious job of rendering around the buildings.


Step 3

Next, duplicate the rendered stock layer and flip them around a bit and position them so that they fill the rest of the hilltops.


Step 4

Now, create a new layer and apply the image: Image > Apply Image. On this new layer, take out the Burn Tool again and darken the areas where the buildings meet the hilltops to create a smoother transition and in the sky area surrounding the buildings.


Step 5

For the next step, you will need some star/planet brushes. I got mine from DeviantArt. On a new layer, select a few brushes that you like, and in two or three places add the brushing to the sky.


Step 6

Next, we are going to create a new layer and apply the image again (Image > Apply Image). Now we are going to add some lighting to this layer, so go to Filter > Render > Lighting Effects and select 2 0′Clock Spotlight. Play about with the angling settings until you get something that you like.


Step 7

Make another new layer and apply the image yet again. We are going to play around with the coloring now so go to Image > Adjustments > Color Balance. Select the Midtones radio button and in the three Color Levels boxes, enter these values: +46 +11 +13. Now select the Highlights radio button and enter these values: +26 +16 -7. Again, you can play around with these settings if you want a different look.


Step 8

Next, we are going to add two gradient maps. To do this click on the half black, half white circle on the bottom of the layers palette and from the menu select Gradient Map. In the dialogue box, select the Purple > Orange gradient which should be a default one and click ok. Set this layer to soft light and lower the Opacity to 50%. Do the same again but this time select a Black > White gradient map. Set this to Darken and lower the Opacity to 20%.


Step 9

Create another new layer and apply the image again. Go to Filter > Blur > Gaussian Blur, drag the slider to around 1.0 and hit Enter. I then set this layer to soft light at 20%.


Step 10

Next, we’re going to play around with the depth of the image using curves. To do this, click on the half black, half white circle on the bottom of the layers palette and from the menu click on Curves. From the Preset list, select Custom. Now play around with the curves for each RGB color in the Channels list. This will have a big impact the overall look of your finished piece, so feel free to experiment.


Step 11

Next, we will sharpen the image, so go to Filter > Sharpen > Sharpen. Lower the Opacity of this layer to 30%.


Step 12

To add a bit more depth to the image, we will add another curves layer. Set the Preset back to None and play about with the curves until you get something you like.


Conclusion

Hopefully you will find something in the tutorial useful. Remember…the only limit is your imagination, so don’t hold back.

Here’s the final piece

  • http://www.twitter.com/jordywhieeeee Jordy666sic

    Great tutorial. Enough space to play with colour techniques to make your own creation of it.

    Here is my result. I’m not so stoked about the shadows but I like the effects.
    http://i47.tinypic.com/j8o1hc.jpg

    Any comments? :)

  • Bryan

    Hate this Premium!!! Take it out!!!!!!!! >:(

  • Pietro

    I dont have the Lighting Effects for step 6. I am using Photoshop cs5 on Mac.

  • http://www.vibe-tutorials.com/ Vibe Tutorials

    NICE IM GONNA CREATE A MASTER PIECE LIKE THIS NOW!

  • Andy

    Hi, I just finished completing this tute and As pleased as I am with the results I did find it a bit hard to understand. I’m not exactly new to Adobe but Photoshop isn’t my main tool so a bit more detail in the instructions would have been nice.

    For Example, there was no detail (or visual guide) as to whether we were to keep each building section on a separate layer, or whether we were meant to merge it all together after each step (I ended up merging each step together)

    And it wasn’t made clear which image(s) we were meant to be applying, nor the settings we should use from step 4 onwards. It also looks as if you may have used masking, or simply a soft brushed eraser tool to edit the galaxy brushes, I myself know about those things but maybe for future reference some explanation of how to “cut out” the building’s stars and skies might be of use to those new to Photoshop, or like myself, simply don’t use it so often.

    All in all it was a lovely tutorial once I figured my own way of doing things, and the image turned out beautifully.

    Thank you

  • http://www.skyemediagroup.net Gigi

    Great tutorial. I thought it would be too hard, but I created something different, dark, and abstract. Thank you.

  • http://gods-of-art.com S3bY

    Very beautiful!

  • http://www.smoothboothdesign.com Josh Booth

    Great tutorial, after 10 years using photoshop it’s amazing what you can still learn. Thanks

  • http://www.denimgeek.com Liam Phillips

    Quality. Im more of a ‘play it safe’ artist grungey, textured imagery etc. This is a whole different side of photoshop for me, thanks for sharing will no doubt give it a try. Thanks.

  • Hhamayoon

    Great tutorial, Thanks for sharing this but don’t have lighting effect…