Animating an Effect with PaintSupreme 3D

Animating an Effect with PaintSupreme 3D

In this tutorial we want to demonstrate how to animate an effect with PaintSupreme 3D. The image we use for this tutorial can be downloaded here.

In the Welcome Dialog, drag and drop the image into the "Optionally Drop Image Here" area and click "CREATE PROJECT".

PaintSupreme 3D will load the image as a new layer into the project. The UI will look like this:

Now adjust the duration of the image layer by dragging it's right edge to the left. We want to apply a 5 second duration to the layer.

Zoom into the timeline by adjusting the slider between the two "mountain" images in the bottom of the timeline. The 5 second range of the image should fill the timeline as much as possible.

Now click the "Image Filters" button on the right, select the "Circle Dithering" filter and drag it on top of the image layer. This will create the filter as an animatable effect on the timeline. Image filters (and effects) are always displayed on top of the layer they are applied to.

PaintSupreme 3D should now look something like this:

The effect still has it's default settings. Don't worry, we will change them now via key frames.

Make sure the timeline marker is on position 0 and click on the image filter in the timeline to select it. 

Now change the Circle Setting values on the right to the maximum values for Size and Step and to the minimum value for Density. Each time you change a value, a keyframe will be create on the timeline.

Now move the timeline marker to 4 second position on the timeline and change the Density value to 17 and the Step value to 2.

Now things should look like this:

The timeline now has keyframes on position 0 and 4s:

Play the timeline to see how the values of the effect are changing over time.

Fade from White

It would be nice if the effect would slowly fade in from a white color. Add a layer to the project by clicking the "+" button on the lower left of the timeline.

Change the duration of the layer to 1 second, select the "Bucket Tool" and right click on the canvas to fill the layer with a white color. White is the default color associated with the right mouse button.

If you have key framing enabled, PaintSupreme 3D may ask you if you want to disable key framing. Disable it so that the "Bucket Tool" can change the pixel content of the layer.

Set the timeline marker to 0, enable key framing and add a keyframe by changing the Opacity value to the layer to 100, move the marker to position 1 sec and change the Opacity value to 0.

The timeline should now look like this:

Play the timeline, the white layer will fade out creating a smooth fade to the image layer and it's effect.

Fading the Effect Out

It would be nice if the effect itself would fade out, let's say starting from 3 seconds. Select the effect on the timeline and move the layer to 3 seconds. Change the Opacity value to 100 to create a key frame, move to 4 seconds and change the Opacity value again to 0, basically ending the effect at that position.

Adding an "End" Text

As the last task for this tutorial, let's add a new layer and paint an "End" text on it. Add keys for this layer to position 0s and 4s, both with an Opacity value of 0, and one at 5s with the Opacity at 100.

The duration of the text should be 6 seconds.

I did also add some more lights to the project to illuminate the text. Key framing bigger projects can lead to large timeline, but you can just fold layers to hide their keys. It is also advisable to lock layers which are "finished" so that you don't move keys or layer by mistake.

You can lock a layer by just clicking on the eye icon to the very left.

Here is the timeline view for the finished project:

You can download the finished PaintSupreme 3D project file here.

What's next

Try to animate the lights by changing the light properties or moving the light via the mouse. 


If you are new to PaintSupreme 3D you can try it out here.

Be the first to comment

All comments are moderated before being published