Preview

How to Combine Digital Painting and Photo Manipulation to Create a Platform Environment

Download Source Files

In this tutorial, you will learn how to combine digital painting and photo manipulation to create polished fantasy art. The process of combining digital painting and photo manipulation is a great mix. It truly allows you conquer the world with beautiful illustrations. 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.

Step 1

The first step is to browse stock sites or take photographs to gain a basis for the finished piece. After browsing, pick out a few images that have potential to turn into a manipulation. After doing so, create enough thumbnails to further establish the theme and composition of the piece. This are small rough sketches that allow you to explore concepts and layouts quickly. The first thumbnail out of the set below was chosen for further development.

Step 2

Now, open the the base image and set it to 300 pixels per inch.

Step 3

Next, go to Image > Adjustments > Brightness/Contrast. Set the contrast to +55. Also, erase the unwanted elements of the photograph.

Step 4

Now it’s time to add more elements into the picture. A glass dome is added to give the image a purpose. You don’t want an image that people are going to have to guess what they are looking at. The dome adds to the believability that people could live and work on this platform. When making concept art, believability is essential.

Step 5

The perspective of the dome doesn’t exactly match the perspective of the initial image. To fix this, go to Filter > Liquify and warp the image until it matches. Make sure to use a fairly large brush since the whole image is being edited and not just sections. Warping the dome gives the platform a futuristic and fantastic feel by giving it some unusual curves.

Step 6

Next, clean up the bottom edges of the dome. Then paint a connecting border between the dome and platform to join the two.

Step 7

Next, cut out the image of a tree and paste it multiple times. After pasting the tree, erase the edges with a speckled brush to decrease repetition.

Step 8

First, roughly paint in the area you erased with blue. You can work on blending that into to the image as you work through the tutorial. Next, create a new layer and start painting over the trees you just placed. The best type of brush to paint foliage with is a speckled brush.

When painting the leaves, start with darker values first and then build up to a highlight. You also want to remember the light source of the rest of the image. Making everything consistent leads to a believable finished illustration.

Step 9

The next step is to create a plane for the runway. Start off with creating a random shape with the Lasso Tool (L).

Step 10

Then select the Fill Tool (F) and fill in the shape with white.

Step 11

Then paint in the detailing and basic shading for the plane.

Step 12

Next, place the plane into the environment. Erase the firing touch on the platform and replace it with a beacon light. Also, start adding in some brighter colors to your trees to add some visual interest.

Step 13

To give the image more depth it is a good technique to add structures behind the foreground image. Create a new layer and place the new dome below the main structure’s layer. Adding another dome reinforces the structure of the platform. Also, continue to work on the sky in the background.

Step 14

Continue painting more leaves and details of the foliage.

Step 15

Next, create a new layer. Set the layer to multiply and select the color black. Paint the left side of the image to add a deep shadow. The Opacity of that layer should be 69%. Also, add a plane in flight to reinforce the purpose and use of the platform.

Conclusion

To finish off the illustration, create a new layer, add some random spatter over the illustration, add some highlights, and the final image has a painted feel. You can view the final image below or view a larger version here.

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

Add Comment

Discussion 74 Comments

Comment Page 2 of 2 1 2
  1. Eric Shafer says:

    It’s a bit of a difficult tutorial but still worth reading.

    Featured here: http://www.presidiacreative.com/best-of-the-web-30/

  2. Sushimoron says:

    The image still looks quite raw. Wish there was more lighter and darker elements and the colors more striking. Also, the instructions seem quite inaccurate. :)

  3. Jaykumar says:

    i like it .it’s good.. i will try this ? but i want to more …

  4. wolf_dong says:

    very good , have chinese

  5. Csongor Kiss says:

    Wonderful!

  6. Wagner says:

    WOW!!! This wonderfull!!!

  7. Confusion says:

    I have to agree with some other comments the paint splatters towards the end ruin it alot needs more depth maybe just copy real foliage lol

  8. marwa says:

    awesome,,, gr8 work ;)

  9. Unique Prints says:

    wow what an amazing tut!
    great work, i would love to see more of you! =]

  10. Mango says:

    Thank you. This tutorial opens my eyes to concept composition. This is what I did what your tutorial.

    http://mangoprojects.blogspot.com/2009/08/mount-kimboz.html

    Once again, thank you.

  11. kira says:

    thanks, great artwork
    digital painting from photo

  12. aleks says:

    cute i still belive something is missing ( i dont know what) but otherwise its wonderfull

  13. Akash says:

    Can u show how to paintthe leaves and splatter more properly? What brush is godd to use? I can not find any in photoshop and my own do not create a dense layer.

  14. bro says:

    i dont even know how to make boarder.. not very well explained.

  15. Sandip says:

    COOL THIS IS AMAZING !!!

  16. Alek says:

    It seems like this tutorial missing some explanations.
    “Step 6
    Next, clean up the bottom edges of the dome. Then paint a connecting border between the dome and platform to join the two.”

    The border doesn’t look painted. It looks like it has been cut out and added to the picture. Am i missing something?

  17. I recognizethat dome! It’s the Reichstag, the German capitol building! Honestly I think it looks much cooler warped, but I think the Germans are too orderly to feature such abstract architecture.

  18. abhishek puri says:

    its, good.but i want some more real detail in this final image

Comment Page 2 of 2 1 2

Add a Comment