During the course of the thesis project of my bachelor study at University of Teesside, I experimented with putting together a World of Warcraft style outdoors environment.
Over the course of this project I developed a particular methodology for painting my textures. This ensured both a fairly consistent output, but also helped as a paint-by-numbers backbone when I was stuck on a particular task, or uncertain about how to begin it. Once all these guidelines had been checked off, I would have a product, which was so near completion that it would be easy to make out which parts were still missing. Or as Rembrandt so wisely said, "start with what is known to you, and what is unknown will be revealed."
Though this is all the way back from 2004, perhaps it might help a few people out there.
So here we are in Photoshop looking at how to organise our layers and progress them logically till we have the desired look:
My first layer in Photoshop is a sketch layer.
|1.1 The sketch layer (left) for a grass texture, along with the final texture (right)|
With quick and simple brush strokes I lay down a rough design for the texture. The sketch layer will not be seen in the final texture at all, so precision is not paramount. It is more about trying to lock down the composition and placement of the different elements. Also it is a subconscious warm-up for the artist, where you can doodle your way into the world of the material you are about to create. Depending on the type of texture and the projection and UVW coordinates, it is a good idea to save often, and then load up the object in 3D space with the unfinished texture mapped on. This gives the artist a chance to make sure the different parts of the texture is placed correctly before too much work would have to be redone or edited.
For textures where a solid template has been extracted from the geometry, you often don’t need a sketch layer, if the UV template is self-explanatory. Here the template layer serves as its replacement to offer the proportions and shapes of the final texture.
|1.2 Templates laid out on the canvas|
Following on from the base colours, the details will be painted in, in a similar fashion, on a layer above the base colour layer. The main objective here is to lock down their shape and general colour.
|1.3 Base colours blocked out|
Take polished wood from a tabletop for example. There you will have a very smooth surface marked with tiny grooves, which all run more or less parallel, and furthermore form a pattern of elongated rings. Once a suitable texture has been found as a reference photo or painted from scratch, I will usually set this layer’s blend mode as either multiply or hard light with around two thirds worth of opacity and fill. This will allow the texture layer to mesh nicely with the colours of the base and detail layers, as it increases the contrast between brightness and darkness of the colours below in the pattern of the surface texture.
|1.4 Patterns added to the texture|
I try to illustrate the curvature of the surface by creating a light and a dark curvature layer. The first one is the “curvature dark” layer where I, with a loose hand, will paint broad and slightly transparent lines of dark and desaturated purple. Usually the brush settings are not more than 20% opacity, to make sure that I can build up the effect I want in an organic way, by painting over and over till the desired colour depth is established. The idea is to make the parts of the surface that are the farthest away from the viewer the darkest, and vice versa. I do the same with “curvature light” layer, which I place on top of the “curvature dark” layer. Here I use the light yellow to illustrate where the surface of the material protrudes out towards the viewer.
These two layers will then be taken through the Gaussian blur filter in Photoshop to smooth them out, and make sure the painting is not too conspicuous. Furthermore I lower the opacity to no more than 50% and might even take off a bit of the fill rate too. For the dark layer I usually use the multiply blend mode, and for the light layer, I use the lighten or soft light blend modes.
|1.5 Dimensionality layers in effect|
A good technique is to make sure your edges are marked out. Corners which points away from the viewer and other crevasses in the texture, I line with a dark colour, typically dark purple, on a low opacity layer with multiply blend mode. Corners which points to the viewer or edges where the material portrayed ends, I line with a light colour, like light yellow, on a similar low opacity layer with a fitting blend mode. That can be anything from colour dodge to overlay, depending on the situation. The illusion that we are trying to create here is, that at the very least, tiny amounts of dirt will gather in grooves and corners, which will obscure and darken the colour underneath substantially. Likewise protruding edges have a tendency to reflect light in a different fashion than the flat surfaces adjacent to them. This we are trying to illustrate with the lightening effect. Both layers will need to be slightly blurred with the Gaussian blur filter.
Apart from illustrating changes in local colour from additional wear on edges protruding out and collection of dirt and dust in corners and crevasses, this step is also a bit of cheap and dirty ambient occlusion, where we are painting a touch of lighting information into the texture.
|1.6 Edges and corners painted in|
When I am happy with the areas covered I change the blend mode to colour dodge and lower the opacity to around 70% to brighten up the area. Then I copy the layer and change the blend mode of the new layer (sitting on top of the old) to saturation. And the weather-worn effect is finished.
Another effect of being left outside could be long-term exposure to moisture, which will leave green algae or lichen on the material. Such effects I usually conjure up with a noise filter, and then setting my blend mode to soft light and reducing the opacity with a good 20 percent.
|1.7 Residue of green algae added to the bottom of the bucket|
|1.8 Leather shield without scratches (left) and with scratches (right)|
|1.9 Painted leather shield with scratches etched into the paint|
|1.10 Shadow cast by the rope is added|
As the texture is almost finished, I like to go back to my base colour layers and pick out two or three shades of colour analogue to the base colour underneath. These I paint on separate layers in a quick and semi-random fashion with a soft edged brush with no more than 15% opacity. The blend mode stays as normal. This is used to give the colours underneath a more crisp and lively feel. The last thing you want is a flat and completely uniform field of colour, even if that is what you are aiming for. This sounds contradicting, but even if a face of colour is perceived as being uniform, there will always be subtle variations, without which it would not be perceived as real or normal looking. Furthermore with an understanding for colour theory, the base colours can be enhanced immeasurably this way. Take a green for instance, put a light yellow on one side of it, and a purple on the other, and it will spring to life and appear much more crisp and sparkling.
|1.11 On the left the wall is without analogue colour differences, on the right it has the differences painted in|
Lastly I want to make sure that no surface, detail or anything else is too uniformly coloured. So my topmost layer consists of very subtle colour noise. This is made by using the filter render clouds on an empty layer with the default setting of white and black for foreground and background colours. Then I switch to the channels palette where I will repeat the same filter in each of the red, green and blue channels. This secures a random distribution of red, green and blue, which will show as a harlequin kind of pattern on that layer. I change the blend mode to soft light and decrease opacity and fill down to at least 40. In some instances you need to go as low as ten. This makes sure that a random pattern of the RGB colour hues is softly changing the underlying colours to break up overtly monotone fields of colour.
|1.12 A colour noise pattern|
At this point I have a decent texture, which oftentimes only needs minor tweaking. In the worst cases the details or changes needed, will be apparent at this stage. If the texture includes ornamentation or other decorative details, they can easily be added now, on top of a very believable surface, which will constantly remind you of its make and condition.
|1.13 The finished texture|
|1.14 The finished texture applied to geometry and rendered out|