Professional Documents
Culture Documents
A P R B SY A N 2 T 0 O S 2 H 0 1 K 2 0 O 1 N C E R O M with M us E Advertise U N T S
In this Adobe Photoshop tutorial, we are going to go over a method for composing a beautiful matte painting style scene. Matte paintings are typically used in movies to create expensive or surreal landscapes and scenes that are stitched together with regular footage. Note that we are not actually making a matte painting that would be suitable to use in a Hollywood film, but rather, composing a scene inspired by these great matte painters and film technicians.
Preview
Advertise Here
Advertise Here
Tutorial Resources
Here are various resources suggestions for you to use. Do not feel obligated to use them and feel free to experiment.
Advertise Here Advertise Here
Rocky Mountains National Park landscape Paisaje de montaas /Mountains landscape Niagara Falls Ice Mass
Grand Mosque blue mosque istanbul ortakoy mosque Sheikh Zayed Masjid Blue Mosque 4 istanbul Sultanahmet Mosque-2 Mosque
Articles Digital Art Drawing & Illustration C i t Freebies Graphic Design Icon & Logo Design
Print Design Photography Text Effects e s Tools & Basics Visual Inspiration Web Design
New Mexico Landscapes New Mexico Landscapes (2) New Mexico Landscapes (3)
converted by Web2PDFConvert.com
P M T S F
a o r e l
t n e a o
h k e g c u k
Arches 2
Laos meditation
Apple tree 2
l o f B i r d s
Seagull
Homing pigeons
Introduction
Traditionally, matte paintings were made by artists using paints or pastels on large sheets of glass for integrating with the live-action footage in film. As the ages passed, the technology has developed and helped in creating some groundbreaking matte paintings for the films like Avatar, Indiana Jones, created by artists such as Linwood G. Dunn and Norman Dawn. To see more matte paintings, visit the gallery section of MattePainting.Org.
y N
aM t o i u o n n t a a l i
nP s a
converted by Web2PDFConvert.com
m s
a o
jn
et
a d e a
a Mr
aa
s F
converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
In the similar way, import another view of Niagara Falls (you can use the Niagara Falls, New York 4 from the Resources listing) and place it under the "niagara 1" layer. Name this layer "niagara 2".
converted by Web2PDFConvert.com
Similarly, import another mosque and place it above the "mosque 1" layer, then name the layer as "mosque 2". Here, I chose blue mosque istanbul but this process of building our mythical Temple City into our scene is very subjective, and you should feel free to experiment with your own stock images.
converted by Web2PDFConvert.com
Now import another mosque and place it below the "mosque 1" and "mosque 2" layers. This time, I used the ortakoy mosque image. Keep our work consistent by naming the layer "mosque 3".
converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
In order to blend the structures into the scene, we have to set the Curves and the Exposure values.
converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Now place the "hill 1" layer behind the second Temple City as shown.
converted by Web2PDFConvert.com
Import another hill image (see the Resources listing for suggestionshere we can use the New Mexico Landscapes (2) stock image) and name it "hill 2". Move the second hill beside "hill 1" with the Move Tool (V). As shown in the reference/inspiration images, the mountains that are furthest from our standpoint look dimmer and paler. To be able to do this to our matte scene, adjust its Curves (Image > Adjustments > Curves) to the values shown below.
Now, to make the mountain look dimmer, use the Exposure image adjustment (Image > Adjustments > Exposure). Here are suggested settings for adjusting the exposure of the image: Exposure: 0.00 Offset: +0.0469 Gamma Correction: 1.0
Since the "hill 2" mountain is cut off on its left, we have to digitally extend it using another image.
converted by Web2PDFConvert.com
Import the extension image of the hillNew Mexico Landscapes (3) from the Resources listing and flip it horizontally using the Flip Horizontal Transform command (Transform > Flip Horizontally or right-click on the image and choose Flip Horizontal). Scale as needed to match "hill 2" using the Free Transform command (Ctrl/Cmd + T) and try to match it seamlessly.
Colour correct the hill extension layer by changing the curve levels (Image > Adjustments > Curves). For further colour correction and matching, use the Exposure image adjustment (Image > Adjustments > Exposure) to change the Offset value to +0.1204.
converted by Web2PDFConvert.com
Lets make it colder by importing a vastly different mountain from the Nevada desert mountains: Up in the mountains 2 and Tasman Glacier.
Again, adjust the Exposure of the image, this time setting Offset at +0.1857.
To make the scene look realistic, we will need a sky. For artistic purposes, we can use a grey, overcast sky to give the scene a darker mood. Also, you would not expect to find a rainbow (which we will paint in later) when it is bright and sunny outside. Make a new layer for the sky beneath all the layers and fill the layer with grey colour (#d9d8d8) using the Paint Bucket Tool (G).
Now add clouds using a brush tip of clouds (you can check out this one and install it) with a white foreground colour (#ffffff).
converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Now change the pathways Exposure values. Here are suggested settings: Exposure: 0.00 Offset: +0.0102 Gamma Correction: 1.09
Then import it into the canvas. Resize our monk to fit the scale of our scene using Free Transform (Ctrl/Cmd + T). Colour correct the monk using the curves and the Exposure values.
converted by Web2PDFConvert.com
Make a new layer under the monk layer for the shadow of the monk. Using the Brush Tool with a soft-tipped paint brush, add some black colour to resemble the shadow of the monk and set the opacity to 40%.
Select Blue in the Channel option drop down list for Source 1 and Source 2, as well as set Blend to Multiply.
converted by Web2PDFConvert.com
Now go to Select > Load Selection and select "Alpha 1" in the drop down list of Channel which will create an selection around our tree. Turn on all of the Channels again. Copy (Ctrl/Cmd + C) and paste (Ctrl/Cmd + V) the tree into our main canvas, placing it over the "monk" layer.
If done correctly, you will have saved some time manually cutting out the tree from its background.
converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Now using the Lasso Tool (L), select the wings and the edges of the tail of the seagull and feather the edges to 40px. Add a radial blur (Filter > Blur > Radial Blur) with Amount set to 12.
converted by Web2PDFConvert.com
Let us soften up the edges of our flock of birds. Having the "birds flock" layer selected, run the Gaussian Blur filter on it (Filter > Blur > Gaussian Blur) with the Radius set at 1.5 pixels.
converted by Web2PDFConvert.com
After, change the Exposure values (Image > Adjustments > Exposure) of the "birds flock" layer to the following values: Exposure: 0.00 Offset: +0.0755 Gamma Correction: 1.0
Place the "seagull" and "birds flock" layers under all the fog layers.
converted by Web2PDFConvert.com
After creating the arc path, right-click on the path and pick Stroke Path.
Similarly, add a few more colours like red, yellow and green.
Still on the "rainbow" layer, add a Gaussian Blur filter (Filter > Blur > Gaussian Blur) with the Radius set to 26.1 pixels to soften up its edges and also to blend the colors together.
converted by Web2PDFConvert.com
Place the rainbow layer under the fog, "monk" and "tree" layers. To give it a bit more transparency, reduce opacity to about 75%.
Tutorial Summary
Thank you for following along. In this Adobe Photoshop tutorial, I shared with you many tips and techniques for composing a surreal and matte-painting-like scene. I discussed a technique for using images as reference and inspiration, having them open in Photoshop or an image viewer just as a grounding point for our work. You saw the need for making a vanishing point grid to help us align the stock imagery that we bring into our matte painting style scene. We used a variety of processes to ensure that the elements we use in the scene are consistent in colour; particularly, we relied heavily on Curves and Exposure image adjustments. We covered a technique of cutting out a complex object (an apple tree) from its complex background using the Channels Panel and the Image Calculations command. I also showed you an easy way of painting a rainbow into a scene. If you have questions, thoughts and opinions, please do not hesitate to share them in the comments!
converted by Web2PDFConvert.com
advertise here
Tweet
Like
32
77
Q APR 20 2010
Really nice looking art work. Although just mentioning vanishing point and going to the wikipedia page isnt very helpful.
REPLY TO COMMENT
The tree leaves still have a blue halo around them where they go in front of the monk. Whats the best way to get rid of that?
REPLY TO COMMENT
After selecting the Calculations change the levels from Image>Adjustments>Levels(Increase the darkness).
REPLY TO COMMENT
There are several ways in achieving a similar effect. If you have any other method share it.
zauberer
wow, thats a very good tutorial, so often i see, i have a lot of things to
converted by Web2PDFConvert.com
wow, thats a very good tutorial, so often i see, i have a lot of things to learn :) thanks for sharing this thoughts
REPLY TO COMMENT
amazing tutorial :D
REPLY TO COMMENT
Nice work.
REPLY TO COMMENT
Good work but why you have mentioned vanishing point i doesnt get dude cos matte paintings are done without any vanishing point with the help of our eye view & imagination more over to put a rainbow effect on the layer instead of your idea try out my idea with gradients in tool pallete fill the required color radial gradient & decrease the opacity simple, it seems that you have used pen tool a lot but with the help of brush tool you can make this matte painting in simple 6 to 7 steps. Try out Cheers.
REPLY TO COMMENT
great -great work. im glad to see that most of the tutorials are yours. great. Thank you soo much. i l try all of your tutorials, for sure. Thanks.
REPLY TO COMMENT
Fantastic Work.
REPLY TO COMMENT
thanks so much for this information. will try to make this one.. very soon.
REPLY TO COMMENT
so great work////
REPLY TO COMMENT
Hi. Great looking picture! But can you please explain how you made the vanishing point grid? I tried other tutorials too, with not much help. I find the vanishing point very hard to work with in PS. Please tell me how you
converted by Web2PDFConvert.com
Y O U R
C ( O R E M Q M U E IN R TE D )
Y O U R
R ( E RA EL Q U N IA RME ED )
Y O U R ( R E E M Q A U I L I R E D
K G E R P A T V P A R T IA V R A S T E )
U S E D
F O R
Y O U R ( OU PR T L I O N A L )
Submit Comment C O M M E N T N O T I F Y R S S M E F E E D F O L L O W U P C O M M E N T S V I A E - M A I L
O F
W T R H I ET
E S
I F T O CE R O
NU NS E
W O
IP
TY
H R
U G
SH
About Design Instruct Advertise with Us Writing Guidelines Contact Us Upcoming Features FAQ Freebies Freebies Usage Terms Our Friends
Are you a talented designer eager to share your expertise to a worldwide audience? We want you to write for us real bad! Read our writing guidelines and contact us any time, we'd love to talk.
Get our RSS feed Follow us on Twitter Become a fan on Facebook Browse our Flickr stuff Join the Flickr group pool Check us out on deviantART
2010-2013 Design Instruct and its respective owners. All rights reserved.
converted by Web2PDFConvert.com