FliiipBook

FliiipBook是什么？

FliiipBook是一款网页端简易GIF动画制作工具，支持逐帧绘制与自动合成，让用户像翻页动画一样轻松创作。不需要安装软件，直接在网页上操作，适合初学党、设计师、创作者，马上创建有趣的表情包、教学演示或者是卡通动画。

FliiipBook有哪些功能?

• 轻量帧动画创作：网页端无须下载软件，支持 24 帧创作空间（对应 2 秒循环 gif），还配了时间轴浏览动画，可以闪切，修改任意一帧内容；轻松绘制一个简单动画。
• 多功能绘画工具：FliiipBook有5种不同大小的绘制笔刷（1 px – 50 px，细丝可绘粗痕迹均可），配备喷桶、喷雾罐工具及专属 “Spray-Fill™（喷雾填充）” 功能，丰富绘画表现形式。
• 动画流畅度辅助：内置 “洋葱皮（Onion Skinning）” 功能，可同步查看前后帧内容，辅助动画帧顺序与帧延展速度调节，简单选择撤销 / 重做，减少忙中出错。
• 创意与效率增强：可以给所画的素材添加“纹理”，注入外观特有的材质效果；可左右手双按键快捷编辑操作，大大提高我们的创作效率；一键直接导出GIF并自动生成独特文件名，方便快速分享。

使用场景

• 学习与教学：学生或老师用来演示逐帧动画原理。
• 创意娱乐：快速制作表情包或趣味 GIF。
• 设计草稿：设计师用来测试动画效果的初稿。
• 社交分享：轻松生成 GIF，在社交媒体上传播。 

如何使用FliiipBook制作GIF动图？

一、前期准备：进入创作环境

1. 访问网站

直接打开FliiipBook官网（或通过新媒派导航提供的专属链接），无需登录账号，通过浏览器（注意最好是桌面端浏览器或平板，体验会更完美）打开，加载完成即进入创建界面，默认有一个画布提供24帧分格（对应循环GIF2秒，满足短动画需求）。

2. 熟悉界面布局

核心区域包括：

• 左侧 / 顶部：绘制工具栏（画笔、橡皮、喷桶、喷雾罐等）、画笔大小控制（最小 1px～最大 50px，细刮或大线条使用均可）；
• 中间：画布区域（支持缩放、平移，方便精细画角色 / 场景）；
• 底部：时间轴（24 帧缩略图，可点击切换帧、拖拽调整顺序）；
• 右侧：辅助功能按钮（洋葱皮、撤销 / 重做、纹理添加）。

二、核心步骤：制作逐帧动画

1. 规划动画内容（可选但推荐）

弄清动画的主题（表情、动画面），想好“关键帧”（如：表情动面里面“角色挥手”的“抬手”“挥手”“收手”3个关键帧动作），否则将来的定帧会很乱；新手建议从简单循环动作开始（如小球弹跳、文字闪烁）。

2. 逐帧绘制内容

1. 切换帧：点击底部时间轴的 “第 1 帧”，作为动画起始帧；

2. 选择工具：

• 用 “画笔工具” 画主体（如角色轮廓），调节尺寸（1px 画细节，50px 画粗线条）；
• 用“喷桶”、“喷雾罐”很快涂颜色，也能用“Spray-Fill™（喷雾填充）”添加纹理等质感；
• 画错了，用橡皮擦修改，或者按“撤消”（适配左右手的快捷键，可在设置中查看）；

3. 绘制后续帧：

• 点击 “第 2 帧”，开启 “洋葱皮（Onion Skin）” 功能（点击右侧按钮），半透明播放第 1 帧的模型，便于看清相关动作是否连贯（如角色手臂略高于第 1 帧一点）；如此重复地画完 24 帧上所存在的所有动作（无需填满 24 帧，按需选择帧数，未用帧会自动空白，不影响循环）。

3. 优化动画细节

• 调整帧顺序 / 属性：时间轴移动帧的缩略图，就改变了它们播放的顺序；右键一个帧可以:复制（复制相同的一段动作，或者副本）／删除（删除不想要的帧）；
• 调整自动播放的速度：时间轴上设置帧速“FPS（frame per second）”，默认的速度已经适合2秒钟，可以把它播放速度调慢 / 调快：调整FPS（例如提高FPS流畅感会更好）；
• 添加纹理：点击右侧的纹理按键选择纹理（如手绘质感、颗粒感），在这帧上加入让它产生动画后的效果。

三、最终导出：生成GIF文件

• 实时预览效果：点击时间轴旁边的“播放”按钮预览动画播放全过程，检查动画是否流畅，是否有卡顿的情况，若有错误直接点击错误的帧进行修改即可。
• 一键导出GIF：点击界面顶部右边“导出”按钮，一般是“Export GIF”，工具会自动减小文件大小和颜色（去水印），自动命名为唯一文件名（不再重名）；导出完成再点击“下载”文件保存在本地。
• 分享（可选）：下载好gif文件可以直接在各种社交网站等分享、上传、内嵌到网页和文档中，不需要转换格式。