Go To Home Page
 Main Page
Software Page
Tutorials Page
<<Page 1

Advanced Satori Tutorial # 4 : Step by Step Painting
Using a Photo for Reference.

Written and Illustrated by Michael Hirsh. Page 2 of 2

Part 1 covered the creation of the black and white layout, starting from my reference photo.
Now comes the exciting bit: Painting in Colour.

To give me a colour key, I insert (into a new bottom layer ) a picture I had the good fortune to take only last night at the dying of the light. It has exactly the right mood I want, and gives me a starting point for colour. ( Grey concrete can be very dull....)
Rather than start at the most distant layer (my normal practice ), I choose to get moving on the area nearest the sky, because this contrast region would give me my "way in" to the rest of the picture.
I figure I'll be repainting the sky anyway.
I copy the relevant 2 layers from my layout and place geometry obects ( Irregular Polygons ) directly over it. Paint brushstrokes are used with the Replace brush style.
This proceeds at remarkable speed.
Sky reference picture in place
The height reference figures are very useful to get a sense of scale in a landscape such as this.
I keep them on a separate layer throughout the whole colour painting process, and switch this layer on and off to check that the scale of details stays constant.
They show just how huge this structure is.
There's a hint of the detail that will be added to this stark flyover image later. That blobby thing on the left will be a pool of water.
There are many other details and structures to be added later.
Now I've got the colour theme established, I save my work as a CVS file and then start a new canvas of the same size.
Here's where I revert to my normal working method, painting from the back of the picture to the front.
The top layer of this new canvas is occupied by my flattened RIR layout drawing, composition method set to Multiply.
For the Sky layer I use a Box Corner filled Rectangle, and a large airbrush to darken the lower part.
On a new Clouds layer, I use a soft Solid brush with the Pressure and Limiter set to about 30% to paint the bulk of the clouds.
To sculpt the outlines of the clouds, I use the Remove Alpha setting on a small, soft Solid brush.
The Painted Clouds layer
When I finish a stage in the painting, I save the newly painted layers into a file called "master.cvs". This builds into a complete version of the whole painting, and often contains upwards of 50 layers.
My usual practice is to work on a couple of layers at a time with a flattened version of what I've done so far in the bottom layer. This method means I don't lose speed while painting, editing or zooming, and yet everything remains editable and resolution independent.
So, following this method, I save the previous stage ( stage01.cvs ) as a CVS file and as a flattened RIR ( minus the layout layer ), then I open the RIR file and save the new canvas as "stage02.cvs"
I use the Load To Layer command to place the layout in a new layer, ( set to Multiply ), and then create a couple of new layers to paint into.
Here I add the background trees and scrub:
Scrub and trees added
Now I put in a few more layers to complete the distant bridge, scrubland and remains of the road.
The distant bridge and more trees
Bridge detail
Here's a tiny snapshot of that bridge way off in the distance.
Now to crack on with the main structure....
I add a couple of decks and their supporting piers ...
A close-up of the decks and piers on the left of the picture shows some of the complexity of the subject....
Close up of piers and decks
I then repaint and re-light the layers in the top right hand corner.
I have to predict where the shadows of the decks and piers will fall.
32 layers so far....
Repainted the top decks
I paint in the remaining decks and some ladders.
I'm going to put some new layers in the picture below for extra foliage details.
40 layers and counting...
The foreground decks and details
I change the ladder on the top right deck because the scale is all wrong. Same defect with the foliage cascading from the middle right deck. I repaint it.
Scale problems can arise when working too long in a zoom window, without frequently checking back to the main canvas.
I add a few more layers for the low dividing walls and foreground grass and road, as well as adding a couple of shipping container houses in the distance.
The layout drawing (just visible) shows that there are a few more of these shipping containers to add....
Starting to paint the foreground
The pond needs some further attention, too....
I now paint the roadway, fix the pond and start on the foreground shipping container houses.
There's more work to do on the FG grass too.
Nearly done...
At this point, I've painted 69 layers and there is less than 24 hours to the deadline, but as I'm painting this in my so-called "spare time" (hah!) that should read: 6 hours.
The finished painting
This is as finished as it's going to be within the deadline.
I would have liked to add a few more details, but a deadline is a deadline....
The painting ended up with 83 layers, and won the competition. :)
To see  a high res version of the finished painting click here.
This one was interesting for me because the subject of the painting (Oil) is not shown in the picture at all. 
It is only present because of its absence, if that makes sense!

 

A few notes on technique...


My workflow is based on the method explained here.
In an ideal world, I'd normally produce a black and white layout, then a tonal sketch to get the lighting sorted out and then, if time permits, a colour sketch that shows a rough colour version of the scene.
In this painting, I skipped the tonal. The reference photo gave me quite a lot of tonal information even though the time of day and the light direction were incorrect. The colour key was provided by another photo where the time of day was just right.
I knew I had a lot of painting to do, so I thought I'd just launch straight in. ( Most of this painting was done at nights )
As explained at the top of this thread, I used a lot of Geometry shapes, mostly Irregular Polygons filled with either Flat fills or Gradient fills. I'd then use whichever brush I needed, set to the "Replace" brush style, and paint into these polygons.
This technique allowed me to paint into existing colour without adding any more alpha channel information outside the colour area. No masking needed to constrain my brushstrokes.
Brushes Used:-
I used the Solid brush most of the time. I'd generally soften its edge using the "Profile" tab of the Brush Setup... dialogue box. I'd use the Pressure and Limiter sliders a great deal to affect the amount of paint being placed.
The Solid brush was responsible for about 85% of the paint you can see in the picture. Sometimes I'd use the "Remove Alpha" style to erase paint, as well as the Pressure affects Size option in the "Response" tab of the Brush Setup... dialogue box.
The Pressure affects Size option is very useful for painting foliage.
I used the Tint brush a couple of times, mainly to affect existing paint in the purplish decks at the centre left of the painting.
I used the Crayon brush to add texture to the foreground shipping containers. If used at a large enough size, this brush can give a sort of randomized texture, but it contains pixel- like blocky shapes that are very obvious looking, so it should be used in combination with other brush strokes so as not to stand out.
The Airbrush came in handy a couple of times. The smoke and clouds, for example.
Custom brushes :-
There are a couple of custom brushes I have built that came in very useful
Leaf (Download it here ).
This movie brush was very useful in building up strands of foliage very quickly. I disabled the Pressure affects Opacity checkbox in the "Response" tab of the Brush Setup... dialogue box, but I checked the Pressure affects Size checkbox. This allowed me to rapidly build the silhouette of the foliage I wanted, and subsequently paint into it with the Replace brush style.
I have another special brush called "rough01" and it was much used for the grassy areas. It was used a lot for adding texture into the sides and undersides of the road decks.
The most useful tool of all is the Layers Palette. I used 83 layers in this picture, and by using the workflow technique described above, I never had more than 5 - 10 layers open in any one canvas file.
This kept Satori working at full speed.
The thing I'd most like to change:-
The shadow side of the orange shipping container is not dark enough, and doesn't tell the lighting story with enough oomph.
I'd also like to have added some more containers on the upper decks and a few solar panels here and there.
A nice touch would have been to add a few swallows' nests to the underside of the nearest road deck. Ah well.....
To see  a high res version of the finished painting click here.
<<Back to Page 1
 Main Page
Software Page
Tutorials Page
<<Page 1