无需登录 数据私有 本地保存

翻页动画制作器 - 逐帧绘制在线翻书

22
0
0
0
画笔
粗细 4px
🖌 在此绘制每一帧 · 支持触摸笔和鼠标
翻页预览
速度 6 fps
就绪 · 共 1
帧时间轴
常见问题 & 翻页动画知识

使用画笔在画布上绘制每一帧画面。点击底部时间轴的「添加帧」创建新帧,逐帧绘制动画序列。右侧预览区可实时查看翻书动画效果。调整播放速度以获得最佳视觉体验。支持洋葱皮功能,显示前一帧的半透明参考图,帮助绘制连贯动画。

翻页动画利用视觉暂留原理,快速切换静态帧图像,配合3D翻页过渡效果,模拟真实书本翻页。每帧代表书页的一个状态,通过CSS 3D transform的rotateY旋转模拟页面绕书脊翻转。帧率越高动画越流畅,建议6-10fps以获得自然的翻书感。

① 使用洋葱皮功能参考前一帧位置;② 动作幅度逐帧微调,保持变化均匀;③ 先画出关键帧(起始和结束状态),再补中间帧;④ 保持线条简洁,避免过于复杂的细节;⑤ 善用复制帧功能,在相似帧基础上修改。翻页动画通常4-12帧即可完成一个完整翻书动作。

您可以导出单帧为PNG图片,或使用「导出全部」按钮将所有帧保存为PNG序列。导出的图片可用于GIF制作工具、视频编辑软件或网页动画。每帧分辨率为800×500像素,适合大多数展示场景。未来版本将支持直接导出GIF和视频格式。

翻页动画推荐帧率:慢速翻页3-4fps(适合展示细节)、正常翻页6-8fps(模拟真实翻书)、快速翻页10-12fps(卡通风格)。帧率越高过渡越平滑,但需要绘制更多帧。一般6fps是性价比最高的选择——每秒6帧,翻一次书约需0.5-1秒(3-6帧完成翻页动作)。