如何编辑缩放缓动而不扭曲角色比例

缩放用于控制各轴上的尺寸。当水平和垂直缩放使用相同的乘数时，角色会保持原有的宽高比。当这两个乘数不同时，形状就会改变。MDN 的技术文档将这一区别描述为等比缩放与非等比缩放。MDN：scale() CSS 函数

缓动控制动画值在关键帧之间的变化过程。假设两个轴都从 80% 开始，到 100% 结束。如果水平缩放达到 96% 时，垂直缩放仍为 88%，角色相对于高度就会暂时变宽。即使端点看起来正确，过渡过程中仍可能出现明显的拉伸。

对于起初没有失真的角色，在整个过渡过程中保持 X 和 Y 缩放值相等，就能保留其比例。更一般地说，应保留已批准的基准比例：如果经过处理的素材有意以不相等的缩放值开始，就对两者应用相同的变化乘数。不要自动将该基准改成相等的数值。

保存一个工作副本，并找出控制整个角色的变换。本指南从一个二维角色图层开始，该图层在参考尺寸下的外观已经正确。如果图稿由多个部分组成，请先为整体尺寸变化设定一个共享变换；否则，只编辑身体可能会改变它相对于面部或配饰的尺寸。

在 After Effects 中，选择角色图层并按 S 显示“缩放”。输入等比例尺寸变化时，启用缩放值旁边的 约束比例 图标。Adobe 的文档明确介绍了此控件用于链接缩放编辑。Adobe：在 After Effects 中调整图层属性

修改前，记录已批准的起始值、结束值和关键帧时间。也要检查现有的中间关键帧。将链接控件视为编辑辅助工具，并核对整个动画过程中的实际数值，不要假设启用它就能修复之前的编辑。

优化时序前，先确定放大的基准点。After Effects 会围绕图层的锚点进行缩放。居中的锚点适合围绕中心放大；底部居中的锚点则适合角色放大时仍需保持视觉上贴地的情况。Adobe：图层锚点

使用 数值图表 检查尺寸，使用 速度图表 调整尺寸变化的快慢。Adobe 将数值图表定义为属性值随时间的变化，将速度图表定义为这些值的变化速率。请在图表编辑器选项中明确选择图表，而不要依赖默认视图。Adobe：After Effects 动画基础

在数值图表中，同时检查所有相关的缩放分量。基准值相等时，在等比缩放动画中，它们的曲线应始终重合。曲线之间出现间隔，就提示你检查对应的帧。如果已批准的基准值不相等，则应比较比例变化，而不是要求曲线重合。

如果想调整加速或定格效果，同时保留相同的关键帧尺寸，请使用速度图表。每次进行重要调整后，都返回数值图表检查。这样可以分别确认两点：时序是否合适，以及尺寸比例是否仍然正确。

使用以下受控示例：一个比例正确的二维角色在 12 帧 内从 80%、80% 放大到 100%、100%。这些数值仅供示例，并非规定的时长或尺寸范围。

1. 选择角色图层，显示“缩放”，并启用“约束比例”。
2. 将第一个“缩放”关键帧设为 80%、80%，再将第二个关键帧设为 100%、100%，时间晚 12 帧。
3. 同时选中两个“缩放”关键帧，应用 动画 > 关键帧辅助 > 缓入缓出。
4. 打开图表编辑器并选择 编辑速度图表。
5. 同时选择缩放关键帧。对相关分量进行一致的调整，并小幅移动手柄。
6. 切换到 编辑数值图表，检查关键帧之间各轴的数值。

缓入缓出会提供一个起始过渡效果，使所选关键帧处的速度为零。如需更精细的调整，可使用 动画 > 关键帧速度 编辑入点或出点速度及影响度。Adobe 说明，水平移动速度手柄会改变其对相邻关键帧的影响程度。Adobe：在 After Effects 中应用和控制速度变化

本例中，可以尝试快速放大后缓慢定格。调整末尾关键帧的入点影响度，预览效果，并与原始版本对比。此阶段固定端点尺寸和 12 帧时长，以便单独判断缓动变化的效果。

如果调整后角色出现拉伸，请撤销该改动，并检查选中了哪些分量。继续之前，再次检查中间数值和端点。Adobe 的图表编辑器教程演示了如何选择关键帧、显示其手柄、调整速度图表并预览结果。Adobe：使用图表编辑器创建关键帧之间的动态运动

如果难以比较曲线，可以进行比例变化测试。在选定的帧上，用各轴当前的缩放值除以其已批准的基准缩放值。若尺寸变化均匀，计算结果应相同。这个测试直接基于对两个维度应用相同乘数的原理。

状态	X 缩放	Y 缩放	X ÷ 基准 X	Y ÷ 基准 Y	说明
已批准的基准	80%	80%	1.00	1.00	参考形状
正确的中间帧	92%	92%	1.15	1.15	保持比例
失真的中间帧	96%	88%	1.20	1.10	水平增长更多
已批准的端点	100%	100%	1.25	1.25	恢复参考比例

在失真示例中，宽高比乘以 96 ÷ 88 ≈ 1.091。这使角色相对于基准的高度而言，宽度约增加了 9.1%。这些数值只是算术示例，并非来自某个具体动画的测量结果。

如果有意采用 120%、100% 的不等基准值，均匀放大 1.10 倍后会得到 132%、110%。两个轴都增长了 10%，因此已批准的外观得以保留。若将端点改为 132%、132%，就会改变现有比例。

再次调整缓动之前，先根据可见症状进行诊断。暂停在某一帧，区分形状变化、位置偏移和图像细节变化。

症状	下一步检查
过渡过程中宽度和高度的变化不一致	检查该时刻的轴值、中间关键帧和曲线手柄。
角色整体在放大时发生移动	检查锚点和位置动画。
只有某个角色部件的相对尺寸发生变化	检查该部件的变换以及角色的共享变换。
定格前角色变得比预期更大	检查数值图表，确认尺寸没有超出目标值。
轮廓比例不变，但边缘变得粗糙	检查源图稿的分辨率和放大幅度。

如果两个轴同时超调，暂时的尺寸超调仍可保持比例。是否让动画出现这个更大的尺寸，需要另行判断。如果需求是简单放大后停止，就将缩放值保持在选定的起始和结束范围内。

栅格图像放大也可能改变图稿的观感，却不改变其比例。Adobe 指出，大幅放大栅格图层会产生粗糙的像素块，而缩小则可能使图像变模糊。调整缓动无法修复源图细节问题。Adobe：缩放或翻转图层

检查起始帧、若干中间帧、尺寸最大的帧以及端点。在缩放变化最快或形状看似发生偏移的区域，进行更密集的检查。抽查帧有助于定位问题；检查完整曲线则有助于发现这些抽样帧之间的差异。

然后以预期播放速率预览。Adobe 的图表编辑器教程建议检查信息面板，确认预览是否实时播放，因为预览未完成时更难判断时序。Adobe：预览并调整图表编辑器动画

当角色达到预期尺寸、整个过渡过程中保持已批准的比例，并按预期加速和定格时，即可完成。以统一的缩放乘数作为基本规则，使用图表检查变化时序，并在接受编辑前核对中间帧的形状。

• Adobe — 在 After Effects 中调整图层属性
• Adobe — After Effects 动画基础
• Adobe — 在 After Effects 中应用和控制速度变化
• Adobe — 使用图表编辑器创建关键帧之间的动态运动
• MDN — scale() CSS 函数