Open/Select this window pressing the keys Command-3. In the Bezier window you can carefully control any aspect of the movement and other parameters such as translations, rotations, resizing, fading, speed, acceleration and deceleration of any object on the stage. The horizontal axis represents the time of the animation, while the vertical axis represents the values of each parameter described by the curve. For example, in the picture here below, the red curve represents the values of the X positions along the time of the selected object. At the time point 200, for example, the value of the position X is -88. This means that at the time point 200 the center of that object stays at the coordinate X = -88, on the left side of the Stage. Then later on, at the time point 400, it will be moving to the X coordinate 108, on the right side of the Stage.
You can double click on a sprite to open automatically the Bezier window and see/edit its curves, or you can click on a sprite, or select an object on the Stage, then open the Bezier window choosing the menu item Window:Bezier. Here you can tune up the animation of the object acting on the control points of the selected curve representing that parameter (e.g. the magenta curve represents the values of the rotation along the vertical axis Y).
• To show hide some curves in order to have a cleaner view, press the keys:
- p: show only the curves representing the positions (X, Y, Z)
- r: show only the curves representing the rotations (X, Y, Z)
- q: show only the curves representing the positions (X, Y, Z) and the rotations (X, Y, Z)
- s: show only the curves representing the size (X, Y, Z)
- c: show only the curves representing the centers (X, Y, Z)
- x: show only the curve representing the position X
- y: show only the curve representing the position Y
- z: show only the curve representing the position Z
- Control-x: show only the curve representing the rotation X
- Control-y: show only the curve representing the rotation Y
- Control-z: show only the curve representing the rotation Z
- a: show all the curves
Also you can show/hide a curve clicking on the check-boxes in the left split view. If you click on a deactivated check-box holding down the Alt key, you will deactivate all the curves but the one you have clicked on.
You can modify the color of each curve. Kinemac will store your custom colors in the preferences file.
In the screen-shot here below you can see that the field "Rotation z" reports the value of the selected (white) point in the view. If you don’t need to play with the left split view you can close it dragging the vertical separator to the left side.
• Zoom the view
You can zoom the Bezier view in several ways and manage the key frame points with more accuracy.
• Zoom in: press the key +.
• Zoom out: press the key -.
• Zoom area: hold down the Command key then click and drag the mouse defining the area to zoom in. Then release the mouse and the area you have just defined will fit in the window.
• Zoom point: click on a given point of the view holding down the Alt key then drag up/down the mouse to scale the view from that point.
• Zoom 1:1: double click on an empty zone the window holding down the Command key.
• Zoom in-out: drag to the left/right the zoom slider at the right-bottom corner of the window.
• Modify a keyFrame.
On the Bezier window, firstly click on a curve you want to modify, e.g. the magenta curve representing the rotations along the Y axis. Then click on an End-Point (white square) and drag it vertically to a new position (press the Shift key to constrain the drag along one direction only). If the playback time marker is positioned in a range of the curve where your change has acted (as in the sample here below), you will see the object on the Stage window moving according with your change.
Likewise, if the time marker is on a key frame point, you can go to the Stage window and drag the cube horizontally holding down the Command-Shift keys in order to rotate it along the vertical Y axis. In the Bezier window you will see the end point of the magenta curve changing position. In the Bezier window, during the drag, hold down the Command key to snap the point to a grid of 10 x 10 points.
To change acceleration and deceleration you have to move the Control points (green and orange squares).
During the drag of the Control points you can hold down the alt keys to move the two Control points specularly (the two points stay on the same line at equal distance from the end point.
If you hold down the Command key you will split the control line in two different lines as shown aside.
If you want to change an end point from “Round Style” (with control points) to “Corner style” (without control points), click on the end point holding down the Control key. A Corner Style end point produces movements without acceleration/deceleration.
• Insert a new point (key frame).
If you want to insert a new point on a selected curve, click on the curve holding down the Command key. Also you can insert a new point clicking on the key frame buttons in the left split view in the Bezier window. To deselect a curve simply click on the Bezier window in an area where there are not curves.