翻页动画的原理很朴素：把动作拆成一张张连续的图，快速翻过去就成了动。手绘时代这是画在便签本角落的小把戏，搬到电脑上就变成了逐帧动画。专业的动画软件动辄几个 G，装完还要学图层、时间轴、骨骼绑定，多数人只是想画个十几帧的小动图，犯不上走那套流程。FlipAnim 就是为这个场景准备的：打开网页就是一块网格画布，画第一帧、加一帧、再画，帧数够了点播放就能看动起来，整个过程不需要装任何东西，也不用先注册。它把工具压缩到一列图标，把图层和纸张放在右边，把帧条压在底部，剩下的全是画布。本文会讲清它的帧怎么加、洋葱皮怎么用、画完的东西怎么导出，以及它适合做什么级别的动画。
FlipAnim是什么？
FlipAnim 是一个在线逐帧动画编辑器，运行的形态是网页，打开即用，不需要安装客户端，也不强制注册账号。它的工作方式沿用了传统翻页动画的逻辑：一块带网格的画布，底下是一排帧，每帧是一张独立的图，连续播放时形成动画。编辑器把功能分成四块：左边一列是绘图工具，包含画笔、橡皮、取色器、油漆桶、直线、矩形、椭圆、移动与缩放视图、撤销与重做，以及一个设置入口；中间是画布，默认铺一层网格辅助定位；右边是 Layers 与 Paper 两块，分别管图层与纸张；底部是帧条与时间轴，负责加帧、删帧、复制帧、播放与观察。页面顶部另有一排其他用户的公开作品缩略图，点开可以先看别人画成什么样。站点由 Poklik 维护，项目已持续多年。
核心功能
它的功能全部围绕逐帧动画这一个目标，没有多余的模块，学习成本主要花在帧与图层的概念上。
- 逐帧画布——每一帧是一张独立的画布，底部帧条显示当前帧号，加帧即在现有内容基础上新增一张，可以接着上一帧改，也可以清空重画。
- 帧管理三件套——底部提供新增帧、复制当前帧、删除当前帧三个操作，复制帧是做连续动作的主要手段，改一处就能生成下一帧。
- 洋葱皮参考——时间轴与帧条上的眼睛图标用于切换前后帧的显示，让上一帧的轮廓以淡色垫在底下，方便对着画出下一笔的位置。
- 图层与纸张分离——右侧 Layers 面板管理叠放顺序，可以把描线、上色、背景分开；Paper 面板控制纸张本身，改底色不会影响已画的线稿。
- 基础绘图工具齐全——画笔、橡皮、取色器、油漆桶、直线、矩形、椭圆覆盖了逐帧动画的常用笔触，另有移动与缩放视图工具方便在画布上找细节。
- 撤销与重做——左下角的双箭头按钮回退与重做操作，画错一步不用整帧重来。
- 播放与速度调节——底部 Test 与 Show 之间的滑块控制播放节奏，拖动即可预览不同帧率下的效果。
- 公开作品展示——顶部缩略图条展示其他用户的作品与作者名，点开可以看完整动画。
使用场景
逐帧动画的门槛在耐心而不在软件，所以它最适合帧数不多、动作简单的内容。真要做一个几十秒的短片，浏览器里的编辑器会显得局促。
| 人群/角色 | 场景描述 | 推荐指数 |
|---|---|---|
| 想做小动图的人 | 画十到二十帧的简单动作，导出动图发到聊天或社交平台 | ★★★★★ |
| 教学演示动画原理 | 现场画几帧展示视觉暂留，学生跟着一起画 | ★★★★★ |
| 学生做作业 | 美术或多媒体课程的逐帧练习，不用装专业软件 | ★★★★☆ |
| 做表情包的人 | 画循环小动作，帧数少、动作简单，正好匹配 | ★★★★☆ |
| 独立游戏做素材 | 画角色行走或待机的小循环，导出后进引擎 | ★★★☆☆ |
| 制作正式动画短片 | 需要音频轨、骨骼、复杂图层，浏览器编辑器撑不住 | ★★☆☆☆ |
操作指南
第一次用建议先画三帧跑通播放，确认帧率与节奏符合预期之后再正式画，能省下大量返工。入口在 FlipAnim，打开后编辑器会自己加载完成。
- 打开站点后等编辑器加载完，先在左侧选 画笔，在中间网格画布上画第一帧的内容，笔刷与颜色在设置里调。
- 底部帧条点 加号 新增第二帧，此时画布会保留上一帧的画面，直接在上面改动作幅度，改完就是第二帧。
- 需要整帧重画时先清空再画，或者用 复制帧 复制一份再改，复制比重画省时间，也更容易保持风格一致。
- 打开 洋葱皮（帧条上的眼睛图标），上一帧会以淡色垫在下面，对着轮廓画下一笔，动作位移会更准。
- 描线与上色分开做时，用右侧 Layers 新建图层，把线稿放一层、颜色放一层，改色时不会破坏线稿。
- 画完几帧点底部 播放 预览，拖 Test 与 Show 之间的滑块调节速度，觉得太快就加帧、太慢就减帧。
- 结束前用左下角 撤销与重做 回退不满意的修改；想参考别人的节奏，点顶部缩略图打开公开作品看。
（两点提醒：编辑器的操作在浏览器里完成，画到一半别关标签页，未保存的内容不会自动留档；顶部公开作品属于其他用户，参考节奏可以，不要直接拿来做自己的成品。）
支持平台
FlipAnim 是纯网页应用，没有需要安装的客户端，桌面浏览器打开即可使用，Chrome、Edge、Firefox、Safari 都能正常运行。编辑器以鼠标操作为主，画笔、油漆桶、图层这些操作都依赖精确指针，触屏可以点选工具但画线精度不如鼠标，手机上屏幕尺寸也不足以同时容纳工具栏与画布，实际操作建议在桌面端完成。页面自带移动端适配，能打开、能播放，只是不适合作为主要作画环境。站点使用浏览器本地存储保存编辑状态与偏好，清理浏览器数据会一并清掉；页面另引入第三方统计脚本，首次访问会弹出 Cookie 提示，接受后不再显示。
产品定价
浏览、作画、保存与播放全部免费，没有付费墙、会员等级或作品数量限制，站点也不设内购与订阅入口。注册账号不是使用前提，不登录同样可以直接画、直接播放。它由个人开发者维护，项目已持续多年，成本主要靠项目方自行承担，页面上不出现广告位或赞助入口。对使用者来说，金钱成本为零，需要衡量的是时间：逐帧动画的帧数直接决定工作量，一个两秒的循环动作用十二帧就要画十二遍，工具省掉的是软件安装与学习成本，省不掉画的动作。站内引用了开源的动图编码库与配色库，这也是它能免费运行的原因之一。
常见问题
Q：画的东西会不会丢，需要注册才能保存吗？
不注册也能画，编辑状态存在浏览器本地，同一台设备同一个浏览器再打开通常还在。换设备、换浏览器、清理浏览数据都会丢失，所以正式作品画完要及时导出，别只留在编辑器里。注册入口在页面右上角，登录的作用主要是保留身份与作品展示，不是保存的必要条件。
Q：能做多长的动画，帧数有上限吗？
站点没有在界面上标注帧数上限，实际能不能做取决于浏览器性能与操作耐心：帧数越多，帧条越长、切换越慢，逐帧修改的成本也线性上升。从实际使用看，十几帧到三十几帧的短循环是它比较舒服的区间，再长会明显感到局促。需要长片、音频轨、骨骼绑定的项目应该换专业工具。
Q：导出的动图是什么格式，能直接用吗？
页面引用了开源的 gif.js 作为动图编码依赖，导出产物以动图形式提供，具体入口在编辑器内，导出后可以直接发到聊天工具或社交平台，也可以作为素材放进其他项目。不同浏览器的编码速度差别明显，帧数多时导出需要等一会儿，导出期间不要关闭标签页。
开发者小结
FlipAnim 的定位很清晰：把逐帧动画这件古老的事原样搬到浏览器里，不加任何现代动画软件的复杂度。打开就是画布，加帧就是下一张，洋葱皮、图层、帧复制这些该有的都有，工具栏压缩成一列图标，学十分钟就能上手。它适合帧数不多、动作简单的内容，比如循环小动图、表情包、教学演示、学生的逐帧练习，也适合先在这里验证动作节奏再拿专业软件重做。不适合正式的动画短片制作，没有音频轨、没有骨骼、没有复杂的时间轴曲线，帧数一多操作就会变得局促。另外它依赖浏览器本地存储，换设备就没了，画完一定要导出。真正要用它的场合，往往是“只想要一个会动的图，不想为一个动图装一套软件”。
相关导航
