{"id":44,"date":"2009-04-16T00:42:00","date_gmt":"2009-04-16T04:42:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=44"},"modified":"2009-04-16T00:42:00","modified_gmt":"2009-04-16T04:42:00","slug":"matte-painting","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/matte-painting\/","title":{"rendered":"Matte Painting"},"content":{"rendered":"

First of all, find a good res picture. I chose to use a picture of a house I found on the web. You can find very nice pics for free, just look around !<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-45\"\r\n <\/div><\/a><\/p>\n

The first step is to isolate the house by putting it on a separate layer and by erasing the rest.<\/p>\n

In this example I used the polygonal lasso tool for the house, and a soft eraser for the bushes.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-46\"\r\n <\/div><\/a><\/p>\n

Now you need a new background. You can either find a good pic, either paint one yourself.<\/p>\n

I chose the former because it is less time consuming, and the result is far better than what I would have gotten had I painted a background myself. I found this image on the web, unfortunately I do not remember the site I got it from.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-47\"\r\n <\/div><\/a><\/p>\n

Put the sky behind the house (by putting the sky layer under the house layer), and apply a little perspective effect to give more depth to the sky, make it less flat.<\/p>\n

Here the house picture was taken from a low angle, which makes our work easier.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-48\"\r\n <\/div><\/a><\/p>\n

Now look at the edges of the house. They still are the color of the original sky. We’ll fix that.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-49\"\r\n <\/div><\/a><\/p>\n

Using the magic wand tool, select the empty zone of the house layer. Then, Select > Modify > Expand, to make your selection wider. Pick a value that includes the zone we need to color correct.
In the menu : Image > Adjust > Hue \/ Saturation and color correct the edges by matching them with the color of the roof.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-50\"\r\n <\/div><\/a><\/p>\n

Still using Hue \/ Saturation and also Color Balance, adjust the colors of the house and sky layers so that they perfectly blend together.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-51\"\r\n <\/div><\/a><\/p>\n

Now we want to get rid of that palm tree that hides a part of the house. That tree has nothing to do there since we want to create a morbid mood.<\/p>\n

This is probably the most delicate step because we have to hand paint the missing part of the house. For that I mostly used the clone stamp tool, tool that allows you to paint something using another part of the picture for reference.
For instance, the tiles located between the lower and middle windows were painted using similar tiles of the house, using the clone stamp tool.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-52\"\r\n <\/div><\/a><\/p>\n

Why not add a lightning bolt to make the scene a little more disturbing ?
Using the simple non feathered brush, this is simple. Draw your lightning, duplicate the layer, and blur the copies to make the lightning glow.
Then, use the Dodge tool to brighten the clouds from where the lightning is originating.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-53\"\r\n <\/div><\/a><\/p>\n

Paint dead trees behind the house, or use existing ones from pictures. Of course, make the colors and luminosity match.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-54\"\r\n <\/div><\/a><\/p>\n

The fun part, now ! Let’s break down the house. Well, not all of it.
To make it look older, I added a hole in the rood, painted with brushes.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-55\"\r\n <\/div><\/a><\/p>\n

Don’t be afraid to add broken parts ! The house is supposed to still be standing, so don’t go too far.
You can see that I broke a wooden beam, a pipe, a board, another part of the roof, and a window. When you break something, use the clone stamp tool to fill in the empty space you created.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-56\"\r\n <\/div><\/a><\/p>\n

Make it look dirty. First of all, the windows. I used a non regular brush and painted the windows with a matte color. Then, change the transfer mode of the dirt layer to make sure that dirt and windows blend nicely together. For this example I chose the Luminosity mode.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-57\"\r\n <\/div><\/a><\/p>\n

Repeat that step, only do it on the entire house. Paint with a dirtier color and set your layer to Multiply.
Make sure you make joints and edges look filthy too, because that’s where dirt appears most.
This is one of the longest steps, but take your time and don’t mindlessly add dirt everywhere !<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-58\"\r\n <\/div><\/a><\/p>\n

Here, the porch, zoomed in.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-59\"\r\n <\/div><\/a><\/p>\n

The last step is to create a Levels adjustment layer to get the final contrast of the matte painting.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-60\"\r\n <\/div><\/a><\/p>\n

Here it is ! You can compare the original image and the matte painting !<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-61\"\r\n <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

First of all, find a good res picture. I chose to use a picture of a house I found on the web. You can find very nice pics for free, just look around ! The first step is to isolate the house by putting it on a separate layer and by erasing the rest. In […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-44","post","type-post","status-publish","format-standard","hentry","category-photoshop-tips"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":0,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}