原站网页截图，页面可能随时间更新。
- 分类：设计素材与工具
- 名称：Keyshape - Create animated 2D vector graphics
- 来源：www.keyshapeapp.com
Keyshape 将矢量绘图、时间轴动画、交互触发和多格式导出结合在一起，适合需要制作可缩放图形、网页动效、界面动画或视频素材的创作者。
用途与核心能力
Keyshape 用于绘制分辨率无关的二维矢量图形，并在此基础上制作动画。绘图相关能力包括路径编辑、沿路径排列文字、颜色样本、渐变、符号、位图图像，以及网格和辅助线。动画采用关键帧方式，可设置缓动、自动创建关键帧和时间标记，适合制作旋转加载、进度指示、启动画面及其他动态图形。
工具还支持加入简单交互，例如在点击、指针移入或滚动进入可视区域时启动 SVG 动画，也可以为内容添加超链接。
导入、编辑与导出
Keyshape 可以打开由 Affinity Designer、Adobe Illustrator、Sketch 或 Figma 导出的 SVG 文件，便于在已有矢量素材上继续制作动画；也可以打开现有 Lottie 动画进行编辑，但对 Lottie 功能的支持有限。
完成制作后，同一动画可导出为多种格式，包括网页使用的 SVG 动画、GIF、PNG、WebP、JPEG XL、MPEG-4 和 QuickTime 视频、游戏使用的图像序列与精灵图集，以及面向 Android、iOS、macOS、Windows 和 React Native 应用的 Lottie 动画。面向原生 Android 的动画矢量图需要通过插件提供。
适用场景
如果目标是网页中的可交互 SVG 动效，Keyshape 可用于制作点击、指针移入或滚动触发的动画。如果需要把矢量动效交给视频编辑流程或发布到视频平台，可考虑导出 MPEG-4 或 QuickTime 视频。
对于游戏开发，图像序列和精灵图集更适合进入游戏资源流程；对于原生或跨平台应用，Lottie 导出可作为动画交付形式。需要继续利用其他设计工具中的素材时，SVG 导入也适合作为衔接方式。
上手方式
可以先从绘制一个简单的矢量对象开始，利用路径编辑、颜色或渐变完成基础图形，再通过关键帧和时间标记设置运动过程。随后可根据使用目标加入缓动，或使用自动创建关键帧来调整变化。
若制作网页动效，可在动画完成后配置点击、指针移入或滚动进入视口等触发方式，并导出 SVG 动画。若面向视频、游戏或应用，则应在制作阶段明确目标格式，再选择对应的导出类型。
使用边界与常见问题
Keyshape 的 Lottie 导入支持有限，因此复杂或依赖特定 Lottie 功能的文件，编辑结果可能受支持范围影响。原生 Android 的动画矢量图导出属于插件提供的能力，使用时应结合目标流程安排。
软件提供 Mac App Store 购买方式和 14 天试用版本；购买渠道标注为仅在部分国家或地区可用。
Keyshape 可以制作哪些类型的动画？
可以制作基于关键帧的二维矢量动画，包括旋转加载、进度指示、启动画面和动态图形，也可以制作带简单触发交互的 SVG 动画。
能否编辑其他工具制作的文件？
可以打开 Affinity Designer、Adobe Illustrator、Sketch 或 Figma 导出的 SVG 文件，也能打开现有 Lottie 动画，但 Lottie 功能支持有限。
可以导出到哪些方向？
可导出网页 SVG 动画、动态图像、视频、游戏图像序列与精灵图集、Lottie 动画，以及面向原生 Android 的动画矢量图。