Keyshape 1.7 Has Easing Presets and Guides

Keyshape 1.7 includes easing presets for commonly used easings and allows saving custom easings. They make it easier to create animations with consistent look. It is also possible to enter numerical values for cubic beziers so that animations can be made to follow design guidelines. Easings names can be shown in the Timeline, which is useful when using a lot of custom easings.

Timeline with easing names

Guides have been added to Keyshape. One special feature about guides is that they can be transformed just like any other object. Guides are shown in the Object Tree, so it is easy to copy-paste them between documents.

Below is an animation with isometric graphics, which was created with the help of rotated guides. It uses easing presets to make the animations consistent.

Isometric smiling face with glasses

This version has an improved exporter for animated GIFs. Different dither methods and an option for transparency were added.

Numeric input fields accept now simple mathematical operations, such as “120+60” and “360/8”. It makes calculation of distances and rotation angles easier.

Document properties has a checkbox called “Responsive”. It sets or clears the width and height attributes of the SVG root element. It forces SVGs to stretch to fit their container when viewed in web browsers. Disabling responsiveness makes SVGs appear in their real size, which may be useful when using SVGs as CSS backgrounds or in content management systems which don’t allow setting the size of SVG images.

The AVD and Lottie plugins have been changed to support the new easing presets, so don’t forget to update them after updating to Keyshape 1.7.

There are also some other changes and fixes in Keyshape. See the release notes for details.