The transformation layer allows you to keyframe a transformation of a drawing, an animation or a video. That way, you can move drawings or animations very quickly with a system of keyframes and curves.
The icons visible on the transformation layer are different than those on the other layers. The 3 icons at the left of the menu are the most important functions for easy access.
You can change the pivot points of each individual layer in the transformation layer’s options which you can access with the next icon.
Tap on the menu icon to access more layer options:
The Transformation layer can contain layers to which it is linked. The layers contained inside a Transformation layer are its children and the layer containing the children is the parent.
When the transformation layer is current, you can see its links to its children layers. The children layers are slightly shifted to the right.
You can hide the children with the arrow located on the parent and gain space while you are not working on these specific layers.
A Transformation layer containing children layers can also be child to another Transformation layer, creating another level of hierarchy.
When a layer is linked to a Transformation layer, there is a diamond icon next to the layer icon.
When you create a transformation layer, it will automatically be linked to the last current layer (drawing or video).
Drag layers on the transformation layer to link them to it.
To remove the link between the transformation layer and another layer, enter the curves mode.
The same way, if you wish to remove a layer from this list, go back to the layers pile and drag the layer out of the transformation layer.
Keyframes & curves
Once you have linked a Transformation layer to another layer, you can start adding keyframes in the Timeline. If your Transformation layer is linked to a Drawing layer, make sure that your drawing sheet(s) extend to the desired duration of the animation.
You can use the Transformation layer on a single drawing, an animation or a video.
You can move your drawing or video in a transformation box like you would when using the transformation tool.
When you transform while holding one finger down, you can snap the transformation box to main guidelines (horizontal, vertical, diagonals and center) and to the box position guidelines.
In the side-bar, you get some transformation options.
Sends you to the previous keyframe in the timeline.
Sends you to the next keyframe in the timeline.
Inverts the content of the transformation box horizontally.
Inverts the content of the transformation box vertically.
Resets the transformation.
You can add keyframes from the transformation values, or directly in the curves in the timeline.
Before adding a keyframe, go to the desired frame to set the current frame.
Tap on the dark diamond next to the color to add a new keyframe.
White diamonds indicate the presence of keyframes for specific values (position, scale, rotation, opacity).
Tap on a white diamond to remove the keyframe.
Simply moving your image on the canvas with the transformation box creates keyframes on the current frame for the different values you moved.
The movements of the HUD create keyframes for Positions X, Y, Scale X, Y and Rotation. The respective curves are displayed according to what you are currently changing.
When a keyframe is added, it appears on the current frame of the timeline. You can move the keyframe directly in the timeline to change its frame position, which will also change its values.
If you wish to change the frame position of the keyframe without changing its values, hold one finger on the screen while moving the keyframes.
Hold 2 fingers on the screen to move the keyframes vertically, changing only the values without changing the frame position.
Rotation changes the rotation of the object according to its pivot point. The x in 0x represents the number of times of a full rotation, and + 0° is the value added to the full rotations in degrees.
These values can be changed by moving the transformation box, the curves, or directly by sliding your finger or pencil on the values. You can also double-tap on them to enter the desired value manually.
Tap on a keyframe (diamond) to select it. A selected keyframe is orange.
To select multiple keyframes, double-tap then drag the area in which all the keyframes will be selected.
This multi-selection will select the keyframes of all the curves displayed in the timeline. If you wish to select only the keyframes of the Position X, then tap on the eye of all the other curves displayed to hide them before selecting.
On the contrary, if you wish to select the keyframes of all active curves, then display them all on the timeline before selecting.
When one or several keyframes are selected, the action panel appears at the top of the timeline.
These icons represent the strength of the curves of the tangents between 2 keyframes. That way, you can determine how abruptly your animation slows down or speeds up. This is a good way to build your ease-ins and ease-outs.
This example shows the curve of the Position Y values of the animation. Different tangents have been set in order to control the animation speed.
This example is the same as above. The only difference is that all the tangents of the animation curves have been set as linear.