前阵子帮朋友做婚礼邀请函，想加点小动画让画面活起来。以前总觉得动画是专业公司才玩得转的东西，现在才发现，手头这些工具集早就把门槛拉低了。
从PPT到网页动效，工具越来越顺手
很多人不知道，PowerPoint 其实是个隐藏的动画入门工具。简单的淡入、滑动、缩放，足够应付日常场景。我同事上周做产品汇报，用几个路径动画串联流程图，老板当场说“这页看得明白”。虽然简单，但用对地方就很出效果。
真想做点像样的交互动画，Lottie 这类轻量级工具就派上用场了。设计师在 After Effects 里做好动画，导出 JSON 文件，前端直接嵌入网页或 App。我们公司小程序的加载图标就是这么来的，体积小，跑得快，安卓苹果都不卡。
开源工具让个人也能玩出花
最近在折腾个人博客，想给首页加个手绘风格的 loading 动画。试了下 Rough.js，几行代码就能画出带手绘感的线条动效。比如这段：
const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');
const rough = roughjs(canvas);
// 画一个会“抖”的矩形
const rect = rough.rectangle(10, 10, 100, 50, { roughness: 2 });
rect.draw();
配上 requestAnimationFrame 控制节奏，一个不那么规整、反而更有温度的小动画就成了。这种细节，比冷冰冰的旋转圈圈耐看多了。
手机端也有趁手家伙
有时候灵感来了，在地铁上就想记下来。Clip Studio Paint 和 Procreate 这些 App 不仅能画画，还支持帧动画。我习惯用它打草稿，录一段 5 秒钟的挥手小样，发给团队一看，意思立马到位。沟通成本低了，返工也少了。
其实大多数时候，我们不需要做出 Pixar 级别的大片。一个按钮的点击反馈，一张海报的入场动效，甚至朋友圈视频的转场，用对工具，几分钟就能搞定。现在的动画设计工具集，更像是日常表达的延伸——就像当年学会用表情包一样自然。