持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情
问题分析
- 空间插值和临时插值的概念。
- 常见弹性动画制作原理。
临时插值
临时插值我们只需要记住它可以控制物体运动的速度！ 比如距离和时间相同，但是在运动的过程中速度可以发生变化！
空间插值
空间插值控制动画运动转折处的柔和程度，可以使动画运动过程变得更自然
两者比较
空间插值：
控制动画运动过程的圆滑程度。常用属性自动贝瑟尔曲线。临时插值：
控制动画运动过程中的速度，常用属性线性、缓入、缓出。
一、空间插值和临时插值操作流程
- 设置logo动画，选中logo素材。
- 把时间线滑动到
0秒的位置，点击位置前的码表记录第一个关键帧。
- 将时间线拖动至
3秒左右位置将X轴数值调整到1573，制作横移动画。
- 将时间线移动到
1秒左右的位置，将Y轴数值移动到304 ，制作向上的关键帧动画。
- 框选所有关键帧右键可以查看空间插值属性，可以着重看一下线性和自动贝塞尔曲线。
- 框选所有关键帧右键可以查看临时插值属性，可以着重看一下自动贝塞尔曲线，缓入和缓出。
二、根据64333原理制作弹跳动画
- 设置logo锚点位置，选中素材点击锚点，将锚点移动到logo的底部。
- 制作关键帧动画把时间线滑动到0秒的位置，激活缩放前的的码表记录第一个关键帧。
并将第一帧的缩放数值改成0
- 按键盘上向右的方向键按6下移动6帧，将缩放数值改成12，记录第2个关键帧。
- 按键盘上向右的方向键按4下移动4帧，将缩放数值改成8，记录第3个关键帧。
- 按键盘上向右的方向键按3下移动3帧，将缩放数值改成11，记录第4个关键帧。
- 按键盘上向右的方向键按3下移动3帧，将缩放数值改成9，记录第5个关键帧。
- 按键盘上向右的方向键按3下移动3帧，将缩放数值改成10，记录第6个关键帧。至此弹性动画就制作完毕了。
- 弹性动画制作原理，此原理适用 缩放、位置、旋转等属性。
重点总结
- 空间插值：线性、自动贝瑟尔曲线。
- 临时插值：线性、缓入、缓出。
- 弹性动画制作
64333原理
