关键帧是动画时间轴上用来记录某个时刻对象状态的帧。你可以把它理解成“时间点上的存档”,比如在第0秒记录方块在左边,在第2秒记录方块在右边,时间轴就会根据这些存档点自动连接出连续动画。关键帧通常保存位置、缩放、旋转、透明度、颜色、路径、形状等属性,配合补间方式和缓动曲线,就能让画面按你想要的节奏动起来。
关键帧主要保存什么
- 位置:记录对象在画布里的横坐标、纵坐标。
- 缩放:记录对象由小变大或由大变小。
- 旋转:记录对象转动角度。
- 透明度:记录对象显示或隐藏的程度。
- 颜色:记录填充色、描边色、发光色等属性。
- 路径:记录对象沿着某条线运动。
- 形状:记录图形轮廓从一种形态变为另一种形态。
关键帧如何让画面动起来
两个关键帧之间有时间段,软件会根据起始状态和结束状态计算中间画面。起始帧和结束帧决定变化范围,中间补间决定过渡方式,缓动曲线决定快慢节奏。你调整的关键帧越多,动画节点越丰富;你设置的缓动越自然,画面运动越顺滑。
| 项目 | 作用 | 常用示例 |
|---|---|---|
| 时间点 | 决定变化发生在哪一帧 | 第0秒、第1秒、第2秒 |
| 属性值 | 决定对象当前状态 | 位移、缩放、透明度 |
| 补间方式 | 决定两个关键帧之间怎样衔接 | 线性补间、缓入补间、缓出补间 |
| 缓动曲线 | 决定动画节奏 | 开始慢、中间快、结束慢 |
| 关键帧按钮 | 用来记录当前属性状态 | 属性旁的小菱形图标 |
在时间轴中制作关键帧的流程
- 选择图层、元素或对象。
- 把播放头放到开始时间。
- 打开属性面板,调整位置、缩放、透明度等参数。
- 点击属性旁边的关键帧按钮,记录开始状态。
- 把播放头移到结束时间。
- 再次调整属性参数,记录结束状态。
- 再次点击关键帧按钮。
- 播放预览,观察运动效果。
- 如需调整节奏,修改补间方式或缓动曲线。
关键帧在常见软件中的叫法
- After Effects:关键帧用于位置、缩放、旋转、不透明度等属性。
- Premiere Pro:效果控件里的运动、缩放、不透明度可以打关键帧。
- 剪映:画面位移、缩放、透明度可以按时间轴设置关键帧。
- PPT:动画路径、属性变化通常按时间点形成关键帧记录。
- HTML/CSS:`@keyframes` 用来保存百分比或时间点上的样式状态。
适合用关键帧制作的动画
- 文字出现
- 图片缩放
- 图标旋转
- 按钮位移
- 透明渐变
- 路径移动
- 形状变化
- 颜色过渡
- 镜头推近
- 元素弹出
【常见问题】
问题1:什么是关键帧?
回答1:关键帧是时间轴上记录对象状态的帧,用来标记某一时刻的属性数值。软件会用两个关键帧之间的数据生成连续动画,所以关键帧就是动画变化的时间点存档。
问题2:关键帧怎么制作?
回答2:把播放头放在起始时间,调整属性并点击关键帧按钮;再把播放头放在结束时间,调整新属性并再次点击关键帧按钮,关键帧就会生成补间动画。
问题3:关键帧和补间有什么关系?
回答3:关键帧负责保存起始和结束状态,补间负责计算两个关键帧之间的中间画面。关键帧让动画有控制点,补间让关键帧之间衔接自然。
问题4:关键帧适合哪些动画?
回答4:关键帧适合位置移动、缩放变化、旋转效果、透明度渐变、颜色过渡、路径运动等动画。只要需要按时间改变对象状态,就可以使用关键帧。
问题5:关键帧可以设置很多个吗?
回答5:可以。简单动画常用两个关键帧完成开始状态和结束状态;复杂动画可以增加多个关键帧,让每个关键帧记录更丰富的变化节点。
免责声明
本内容用于说明关键帧基础概念和常见动画工作方式,具体按钮位置、参数名称和界面显示以软件实际版本为准。


