Advertisement
Photo Effects

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

by

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.

Related Posts
  • Design & Illustration
    Web Roundups
    26 Awesome Brush Tutorials for Adobe Illustrator on Tuts+Hubtreepreview
    The brushes in Adobe Illustrator are incredible tools that allow you to create and do a multitude of things. This week we've focused purely on beginner content for those who wish to get a better understanding on brushes. These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Design & Illustration
    Designing
    Create a Mixed Martial Arts Event Flyer in Photoshop0953 fight preview400
    Most of you have probably seen event posters displayed in your area promoting a boxing, mixed martial arts (MMA), Ultimate Fighter, or wrestling match. In this tutorial, I will show you how to create a similar event poster in Photoshop using several techniques including photo manipulation, retouching, and typography. Let's get started!Read More…
  • Photography
    Photo Effects
    How to Create a Magical Photo Manipulation: Post-Production0955 toys psdtuts toys in action 400x400
    Artists often work with a team of individuals to complete a project. This team could include a client, a creative director, an art director, a photographer, a retoucher, and a graphic designer. In this two-part tutorial, I teamed up with photographer Natalie Fobes to create a magical photo illustration that depicts a child interacting with toys that have come to life. In the process, we will show you how to not only shoot the photos that you need, but also, how to retouch them and combine them with stock photos to create artwork that closely resembles a sketch. Let's get started!Read More…
  • Design & Illustration
    Designing
    Create a 3D Sports Graphics Illustration400px preview
    In this tutorial, I will show you how to create a 3D sports graphics illustration using Adobe Illustrator to create and export basic paths, Cinema 4D to build the 3D, and Photoshop for the post-production. Let's get started!Read More…
  • Design & Illustration
    Illustration
    Create an Adorable Christmas Card in Photoshop0937 x mas preview400
    In this tutorial, I will show you how to create a Christmas card using digital illustration and digital painting techniques. I will begin by first showing you how to draw the card's main character and typography. Then, I will show you how to add color, lighting, and final details. Let's get started!Read More…
  • Photography
    Post-Processing
    Sky Replacement of Complex SubjectsSkyreplacement preview retina
    If you've looked into this topic before, you've probably noticed that the majority of sky replacement tutorials limit themselves to hard-edged subjects like buildings, to make the masking process easier. To me, this is of fairly limited use and should be pretty easy to do without help anyway. What if you want to replace the sky of a more complex scene? In this tutorial, I'm going to take a nice sunny stand of trees and composite it over a cold, moody sky.Read More…