Resprite 洋葱皮:让前几帧 / 后几帧半透明叠加在当前帧上
洋葱皮是逐帧动画的基本工具
"洋葱皮(Onion Skin)"这个名字来自传统动画——动画师在半透明的赛璐珞上画,透过纸能看到下面几张纸的轮廓。Resprite 的洋葱皮功能就是把前几帧 / 后几帧的内容半透明叠加在当前帧上,让你画的时候能看到"上一帧在什么位置"。
这对画逐帧动画来说是不可或缺的——没有洋葱皮你得记住上一帧每个像素的位置,这几乎不可能。
开启与关闭
桌面端
- 时间轴动作栏上的洋葱皮图标,点击开关。
- 可以在时间轴设置里调整显示参数(透明度、前后帧数)。
iOS 端
- 时间轴动作栏上的图标。
- 也可以用手势(单指上下拖动)快速切换洋葱皮层(见 时间轴概览 的移动端手势部分)。
设置项
前帧数(Previous Frames)
把前 N 帧半透明叠在当前帧上。默认 1(只显示上一帧)。
后帧数(Next Frames)
把后 N 帧半透明叠在当前帧上。默认 0(不显示未来帧)。
透明度
洋葱皮层的透明度(10% ~ 50% 常用)。太浓会遮住当前帧,太淡看不清轮廓。
颜色区分
可以给前帧和后帧设置不同颜色(比如前帧蓝、后帧红)。对有很多帧的复杂动画很有用,一眼能分清哪层是历史、哪层是未来。
典型用法
角色走动循环动画(Walk Cycle)
一个 8 帧的角色走路动画:
- 从第 1 帧开始画——先画关键姿势(比如左脚抬起、右脚落地)。
- 洋葱皮显示前 1 帧——画第 2 帧时能看到第 1 帧的轮廓,保证姿势平滑过渡。
- 画第 4 帧(中间帧)时洋葱皮显示前 1 帧,对照第 3 帧过渡。
- 画完后打开"后帧数 1"——检查"未来帧"方向是否正确。
快速修帧
如果发现第 5 帧手臂位置不对:
- 跳到第 5 帧。
- 前帧数设 2——同时看到第 3、4 帧。
- 后帧数设 2——同时看到第 6、7 帧。
- 在前后约束中间调整第 5 帧。
与图层的配合
洋葱皮默认显示所有图层的前后帧。如果只想看某一个图层的洋葱皮(比如只看角色、不看背景),可以在图层属性里单独开关。
效率建议
- 透明度设 20~30% 是大多数人觉得舒服的水平。
- 前帧数 1 + 后帧数 0 是最常用的极简配置,对简单动画够用。
- 对复杂动画(比如 16+ 帧),把洋葱皮帧数调到 3~5 能更清楚地看到整个动作的趋势。
- 不要依赖洋葱皮做所有判断——画完一段后关掉洋葱皮,直接看动画播放,才能确认过渡是真的平滑还是"在洋葱皮上看着对"。