There are several ways of animating in Painter – using nothing but the canvas or by using layers in various degrees of complexity.

By placing an object or drawing on a layer and moving it into different positions in the simplest way of creating an animation. This would be a good first step if you haven’t created a Painter animation before – this tutorial will take you through this process step by step.

The first part will create a brush stroke of paint on the canvas – using frame-by-frame drawing. The second part will then add the brush which will be placed on a layer and moved along the existing stroke.
>> download sample image of brush [from morguefile.com]

PART 1 :: brush stroke

1. create a new movie file with the following settings (please read previous post for further details):
   • 680px x 480px
   • 150dpi
   • 50 frames
   • 4 layers of onion skin
   • 8 bit color system palette
2. to work more efficiently – enable the tracing paper in order to work with the onion skins.
   
3. select a broad brush and colour of your choice – here – purple paint on a grey canvas has been set with the brush options as shown below.
   
4. start drawing your brush stroke in frame 1 with a small dot – move to the next frame and redraw the initial stroke and extend it a little. Repeat this until you have completed a brush stroke as shown below.
   
   final stroke:
   

PART 2 :: paint brush

1. create the image of of paint brush at a suitable size -
   NOTE: Painter can read multiple file formats and will open Photoshop files including most layer types.
   - or download sample image of a brush here.
   
2. open the image in Painter and move the brush image into your movie file. This can be done by simply clicking on the brush and dragging it across into the movie window (you can only drag the actual image across and NOT the layer as you can in Photoshop!).
   Make sure to place the brush into frame 1 of your existing movie and position it in place above the first dab of paint on your canvas. If you need to create an empty frame in front of your existing movie – you can do so via the top menu > Movie > Add Frames…
   If you are using the sample graphic – you will see an error on opening – due to the text layer which is not supported by Painter. Click ok to the error message and the file will open with the text converted to a graphic.
   As you can see the layer mask has been applied and the brush tip edited to show the colour of the paint.
3. as previously for the brush stroke – work through your existing movie – one frame at a time and move the brush into the appropiate position according to the stroke length, using the onion skin layers as reference.
   
4. once you have reached the last frame – you can save your movie in different formats.
   
   depending on how you are going to edt your final movie – choose your preferred format.

>>> view sample movie

One of my all time favourites programs (ever!) is Painter. When I was new to computer graphics and not quite sure yet about this new tool – it was the one app which drew me in immediately with its rich colours and tools – and I was hooked …. it’s a dream to work with :)

One of the more hidden – or at least less commonly used – features in Painter is animation and working with video – something which is not only great fun – but can also add something to any motion graphics or animation work you might do. My posts on this subject will be by no means exhaustive – rather a quick introduction for those interested to experiment.

working with movie files

To start working on an animation in Painter – you need to specify the document type straight away as movie when creating a new file.

1. top menu > file > new
   Choose the correct file dimensions (typically an aspect ratio of 4:3), resolution and paper colour. The essentail detail here is the specify the ‘Picture Type’ as Movie – here a 10 sec movie is being set up (if viewed at 25 frames per second).
   
2. next, you will be prompted to set the location for your movie file to be saved to as well as a movie name.
   
3. you will then need to specify how many layers of onion skin you want to work with and which storage type your frames whould be saved at.
   Bear in mind how powerful your computer is – the more onion skin layers and the higher your colour depth – the more demand on your hardware.
   
4. your Painter workspace will now show the newly created movie file with its frame stack. Lay out the palettes for easy workflow and get ready to animate ;)
   

onion skinning

The onion skinning view options in Painter aim to imitate the thin transparent paper used in traditional animation. While the frame stack panel shows you all frames in a linear sequence – the onion skins allow you to view several frames at the same time within your main window. This enables you to use a number of frames before and after your current frame as references to create the desired flow of movement.
You have chosen the amount of onion skin layer when you set up your movie – to change this – you will need to close your file and open it again.

To work with the onion skinning – click on the top button on the vertical scrollbar of your main window – or use the keyboard shortcut – see below.

Once you have drawn out 2 or more frames for your new animation – you can see the previous frames faded on the canvas. By using the tracing paper you can now draw out the new frame or edit existing drawings more precisely .

BE AWARE !
One thing to get used to if you are not familiar with Painter already is the way movie files get processed. When you create a movie – the frame stack file can take up a large amount of memory, even though the final movie output might only be marginally small in comparison. Due to this, Painter will save any current frame once you navigate away from it – committing your layers, shapes or drawings immediately. You will not be able to go back and use the ‘undo’ command – you will need to edit the existing frame’s content using other methods.

>> next post on animating with layers in PainterÂ