Matte painting - Day to night
Industry professional Tiberius Viris demonstrates some of the basics of matte painting with a common scene transformation of day to night.
This tutorial will show you how to create a very common transformation: day to night. As a matte painter, you would be asked to do this task quite often! It's a method that seems easy at the first glance, but in truth is a little more complicated. When darkening an image this much, you must be wary of losing depth. You must still have enough levels to offer decent details, and even depth. This means compressing all of the daytime rules into a four-times-smaller-brightness interval. However, there's also upside to this, which is the fact that you can hide imperfections four-times easier!
Above you can see the before photo and the after result of what we're going to be tackling in this tutorial (Fig.01 and Fig.02). Note that in the final image (Fig.02), there's no pure black level in the image; not even close! If you want to get technical, there are 13 gray levels in difference between the lowest gray in the image and pure black (out of a 256 levels reference). What are we after?
I'm going to try to show you a good working habit that can be applied anywhere, not just in matte painting, which will save you a lot of time and nervousness. The key is to think and plan your image! Sure, as artists we often tend to rush ahead under the heat of passion, but as professionals we should first learn how to tame that fire, and to make it last as long as we need it to, especially when we work on big and long term projects.
So, the first step is to think about what you are after. See what you have and, more importantly, what you don't have. See what you need to get for the project (maybe you have to ask your team mates for a 3D render or a cloud formation). When you feel like you have everything you need, plan your creation steps so that you don't work chaotically and lose precious time.
In this case, we are after a day-to-night transition. We have a raw photo (Fig.01) which shouldn't be altered too much in terms of elements, so this is pretty straight-forward as far as material is concerned. So let's plan out the creation steps. We will have to:
- adjust the color values and brightness so they match a night time scenario
- replace the sky
- create artificial light
- refine the atmosphere
- add details and final touches
In any matte painting, the key is to work with many layers and use adjustment layers for transformation in order to achieve a lot of flexibility. By painting the layer's mask, you can select which areas to affect and you can discard or modify any layer at any time.
To start with, we will have to darken the image and give it a night time mood. Note that since we lose a lot of information by doing this, we must be careful not to darken it too much so we still retain enough detail! To do this, we must alter the brightness, the color values and the saturation. This translates into three adjustment layers:
- Levels: With this layer we will push the brightness of the scene towards a dark gray, this way we prevent any pixel becoming brighter than that value (Fig.03).
- Color Balance: Here we will adjust the colors toward a more blue-cyan palette, to match an American night time scenario. The amount of each altered value depends from scene to scene, so I can't give you a recipe here. Just play with it until it looks night time-like. If you need to, you can also add a Curves adjustment to define the mood, but we'll talk about this later on.
- Hue/Saturation: Here we will lower the saturation of the image, because at night time we don't see too much color. Note that this must be on top of the rest to work properly! (Fig.04)
After applying some of these basic layers, I achieved the result in Fig.05. Notice how the sky is much brighter than the rest of the scene! So we have two options: either we darken it more than the rest of the scene, or we replace it.
Let's choose a moon to be somewhere to the right of the sky, and out of the scene, like in the original photo.
Before I go any further, I want to do some refining and define the light direction, because the photo is too uniformly lit for my taste right now. For this:
- I've created a shadow layer (another Levels adjustment which further narrows the brightness values) to create a darkening gradient over the sky towards the left and the horizon, and I've also painted in some soft shadows;
- I've then increased the upper limit of the gray values a little, because it felt too dark (this translates into brighter highlights). I've done this in the original levels layer, which is why it's always good to use adjustment layers;
- I've then created an extra Curves adjustment layer at this point in order to bring in cyan values over the highlights (by going into the red channel and pulling an anchor point below the main linear function, this will cast a complementary value over the image (cyan is the complement of red, by the way). I always use Curves and Color Balance to create moods because, from my experience, it creates better results than by using just one of them (Fig.06).
When this was done I replaced the sky with a more interesting and suitable one. For this photo it was very easy to replace the sky with the help of the Magic Wand, because the sky from the original photo was clear blue and the rest of the picture had no blue values. So all I had to do was to make a selection of the sky, invert it, and then fill it with a black value into the new sky's mask.
Sometimes, you may get a more stubborn sky and then you'll have to put in more effort to select it. From case to case, the most common methods are channel extraction or lasso selection (Fig.07).
I also adjusted the depth as the image was too dark in the distance.
All in all, this covers the basic steps which define the overall mood and color palette. From now on, the work focuses on details that will bring life and realism to the image!
It might be just an old castle, but at night residents and visitors must be able to see inside it, right? Except in those cases when the Director specifically wants no light from within, the next step in a day-to-night process is to add artificial light. This is a somewhat tricky step because you have to plan those lights. Firstly, you have to place them in places where one would expect to see them, such as on wall sections, in halls, door entrances, windows and so on. Secondly, you have to be careful not to ruin the composition! Sure, a torch on a wall is realistic enough, but what if that wall is also hit by moonlight? So we need a compromise between artistic and real.
The light we use for this task is usually yellow-orange, and is the complementary color of the overall blue-cyan mood, which pleases the eye.
There are several techniques to create this type of light, but I'll present the fastest and simplest way. Duplicate the original layer (the raw photo), then move in on top of everything. Apply a fiery color balance transformation to it (Fig.08) then apply a negative mask so that it's invisible. With a soft round brush, start to paint in the part you want to be seen (the pool of lights).
This is what I've started to do and here's the result after adding a light to a behind wall section (Fig.09).
Now, this massive and old castle has a lot of windows, but, if lit, most of them would just ruin that old, ancient feel. The towers are already being lit by moonlight, so they are not an option, and the wall section already defines the center. It's a tough choice! So let's light a window in the left top tower which will contrast with the dark sky and show the thick, foggy atmosphere, and we'll also add another smaller one to the lower left in order to lead the eye. Story-wise, the top-lit window can imply that maybe there's a leader or a wizard reading old books at night! (Fig.10)
Good, well I think this does it for now with artificial light. You can go further and try to bring more light in, but I'll stop here and let you experiment for yourselves. Be careful though, since we have such a bright moon you should not overdo it or you'll ruin the whole mood!
Do you feel creative? At this moment, some may call the image done and go for final adjustments, but how about a little creativity? This is the step where you bring that little extra spice; the details that complete the image!
For this piece, I'm simply going to paint some low mist over that moat which is being lit slightly by the moonlight. It also adds to the general mood and explains why the atmosphere is so thick. Then, to finish it off, I'm going to paint in some haze, especially over distant parts of the castle (to do this we just make a new layer, color pick the value and lightly paint over those areas. This adds to the mood and helps to sell the image. The final result can be seen here (Fig.11).
I hope this has been of some help to you!