Keyshape

Keyshape is a vector graphics design software with animation capabilities. You can create animated icons, banners, and vector graphics for web pages and social media sites.

Drawing Tools:

• Typical vector tools, such as Node, Pen, Pencil, Rectangle, Ellipse, Hand, and Zoom tool
• Immediately see the preview of the shape you draw
• Boolean path operations
• Text-on-path for curved text
• Use linear and radial gradients
• CSS shorthand filters

Animation Features:

• Timeline-based animations with keyframes
• Animate position, scale, rotation, opacity, stroke opacity, fill opacity, stroke color, fill color, stroke width, dash array, dash offset, and filter
• Preview animations on web browsers with a click of a button

Work With Svg:

• Open SVG documents created in other vector graphics software
• Copy SVG code directly from Keyshape to a text editor
• Paste SVG code directly from a text editor or web page to Keyshape

Export Formats:

• SVG with CSS Animations
• SVG with Javascript Animations
• PNG, JPEG
• Image Sequences, Sprite Sheets
• Animated GIF
• MPEG-4 video

Added:

• Auto-Keyframing
• Sprite sheet exporting
• SVG image sequence exporting
• Width and height animation for rectangles
• Skew animations
• Anchor point animations

Changed:

• Preview dropdown to directly show animation formats
• The document object to be shown for new documents
• The Filter section to show filter count
• The order of transform fields to match typical animation tools

Fixed:

• Tool shortcuts to work with different keyboard layouts
• Copying only Y keyframe handle in Graph View to work
• Zoom to Fit to zoom to document bounds
• Cancel to work when adding persistent access to folders