Photo Manipulation

How to Create an Amazing Futuristic Matte Painting in Photoshop

img(11)[3]

img(12)[3]

I sampled the color from the sky layer and painted to fill the gap.

img(13)[3]

Drop in the Sky3 into the Sky group. Reposition the sky. I wanted the top right portion of the image. So keeping it intact hide the remaining with a Mask.

img(14)[3]

Adjust the tone and lightness with Hue/Saturation box.

img(15)[3]

I Duplicated the background Layer. Disabled the mask, copied the portion that I wanted. Blended it using Layer Mask and Curves adjustments.

img(16)[3]


Step 4: Creating the Futuristic Building

This is what we are going to create

img(50)[5]

So we have this idea of having a giant structure in the scene based on the sketch. To create the initial shape we will use Illustrator’s 3D tools. Switch to Illustrator. Press Ctrl+N to create a new document. Draw the outline shape using the Pen Tool. Change the stroke color to #ffffff

img(18)[3]

After the shape is defined go to Effect > 3D > 3D Revolve.

img(19)[3]

Copy the object and paste it into our document as Smart Object. Place it above the mountain range in the middle ground. Create a new group for the object. For the sake of simplicity call it “Building”. This is going to be the base layer that contains photo elements and details.

img(20)[3]

Yeah the shape is good but I wanted it to be a little bit wider. So I stretched it a little bit by pressing Ctrl+T. Add a Layer Mask to the base layer and hide the areas that are covering the trees in the background to make it look like it is behind the trees.

img(21)[3]

img(22)[3]

Recolor the building. Create a new layer above the base layer. Press Ctrl+Alt+G to clip the layer to the base layer. Create a new gradient in with similar values. Apply the gradient by dragging with the Gradient tool.

img(23)[3]

img(24)[3]

img(25)[3]

Lower the opacity of the layer to 50%.

img(26)[3]

Open the building stock and remove the sky using the Magic Wand Tool.

img(27)[3]

img(28)[3]

Set a vertical guide. Press Ctrl+T and rotate the building to align with the vertical guide. Make a selection, copy and paste into the main file.

img(29)[3]

img(30)[3]

img(31)[3]

Now clip the layer to the base layer. Flip the layer horizontally.

img(32)[3]

I stretched and squeezed the layer quite drastically. Try to get it right in one attempt. If you back and forth the image will loose data and blurs.

img(33)[3]

We will use the middle portion of the image. Hide remaining with a Layer Mask.

img(34)[3]

Adjust the colors and remove that green shades using Curves and Hue/Saturation.

img(35)[3]

img(36)[3]

The image is evenly lit. So paint a dark color on the shadow side of the building. Create a new layer above the current layer. Just sampled a dark tone from the background and painted with a large soft brush. The red color in the below image indicates the painted region.

img(37)[3]

Adjust the highlights slightly. Click back on the photo element, press “Q” to enter quick mask mode paint over the right edge with around 50% brush opacity. Press “Q” again to exit the quick mask mode. Invert the selection by pressing Ctrl+Shift+I, adjust the highlights slightly.

img(38)[3]

img(39)[3]

Deselect the selection. Reduce the saturation of the layer.

img(40)[3]

Create a new layer and paint a shadow. Clip to the base layer.

img(41)[3]

The lighting isn’t strong enough. Paint a lighter color with a soft brush. I painted with 50% opacity setting.

img(42)[3]

Add fine details. I picked a 1 pixel brush to paint subtle highlights and shadows. Spend some time to get it right.

img(43)[3]

Paint structural details. Pick a small brush to paint details.

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

Create an Emotional Abstract Photo Manipulation of a Rose

Photo ManipulationUpdated

Create a Sunset Landscape Photo Manipulation in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create a Chilling Abstract Using Photos and Textures

Photo ManipulationPhotoshop TutorialsUpdated

Create an Portrait Artwork with Autumn Colors

2 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).