Photoshop 动画终极指南：从入门到精通
Photoshop 的动画功能主要依赖于 时间轴 面板，通过在不同帧上改变图层属性（如位置、不透明度、样式）,我们可以创造出流畅的动态效果。
（图片来源网络，侵删）
第一部分：核心基础 - 时间轴面板
在开始之前，你必须先找到并熟悉 Photoshop 的“指挥中心”——时间轴面板。
-
打开时间轴：
- 菜单栏：
窗口>时间轴 - 快捷键：
Alt + Shift + Ctrl + T(Windows) /Option + Shift + Command + T(Mac)
- 菜单栏：
-
认识时间轴面板：
- A. 播放控制：和视频播放器一样，有播放、停止、预览等按钮。
- B. 选择动画类型：这是关键！有两个选项：
- 帧动画：适合制作简单的逐帧动画或 GIF,每一帧都是一张完整的静态图片。
- 视频时间轴：功能更强大，适合制作更复杂的动画，可以添加音频、调整图层持续时间、使用关键帧等。我们主要围绕这个展开。
- C. 时间标尺：显示动画的总时长。
- D. 图层栏：显示你 PSD 文件中的所有图层,在这里你可以为每个图层设置动画的起止时间。
- E. 关键帧轨道：当你为图层属性（如位置）设置关键帧时,轨道上会显示菱形标记。
- F. 添加关键帧按钮：点击此按钮,可以为当前选中的图层和当前时间点添加一个关键帧。
- G. 转换为帧动画按钮：可以在两种动画模式之间切换。
第二部分：入门教程 - 制作一个简单的淡入淡出文字动画
这是最经典的动画效果,能让你快速理解关键帧的原理。
（图片来源网络，侵删）
目标：让文字从完全透明变为完全不透明,再变回透明。
步骤：
- 新建文档：创建一个新的 Photoshop 文档,背景色自选。
- 创建文字：使用文字工具 输入你想要的文字，Hello World”，调整好字体、大小和颜色。
- 打开时间轴：
窗口>时间轴，确保你选择的是 “视频时间轴”。 - 设置动画总时长：点击时间轴面板左下角的
设置动画持续时间，将总时长设置为5秒。 - 创建第一个关键帧（淡入）：
- 在时间标尺的
0秒位置，点击图层面板中你文字图层旁边的 “秒表”图标，这会为该图层的不透明度属性在 0 秒处创建一个关键帧。 - 你的文字图层应该处于默认状态（不透明度为 100%）。
- 将时间标尺上的蓝色播放头 拖动到
5秒的位置。 - 在图层面板中，将该文字图层的
不透明度调整为0%。 - 神奇的事情发生了！ Photoshop 会自动在
5秒的位置为你创建第二个关键帧。
- 在时间标尺的
- 创建第二个关键帧（淡出）：
- 保持播放头在
5秒的位置，再次点击图层面板文字图层旁边的 “添加关键帧”按钮（菱形图标），这会为位置等其他属性创建一个关键帧,但我们现在不用它。 - 将播放头拖动到
5秒的位置。 - 再次将文字图层的
不透明度调整为100%，Photoshop 会自动在5秒处创建第三个关键帧。
- 保持播放头在
- 预览动画：
按下空格键，或点击时间轴面板上的播放按钮,即可预览你的动画效果。
- 保存为 GIF：
- 菜单栏：
文件>导出>存储为 Web 所用格式 (旧版)(Legacy Save for Web)。 - 在弹出的窗口中，选择
预设为GIF 128 仿色。 - 调整循环选项（如
永远）。 - 点击
存储，即可导出你的第一个 GIF 动画！
- 菜单栏：
第三部分：进阶技巧 - 制作更丰富的动画效果
掌握了基础后,我们可以组合多种属性来创造更酷的效果。
技巧 1：位置动画（移动）
这是制作弹跳、滑动效果的基础。
- 操作：和调整不透明度一样，在时间轴的某个点点击图层旁边的秒表（或添加关键帧按钮），然后移动图层（使用移动工具 V），Photoshop 会自动记录位置的变化。
技巧 2：缩放动画（大小变化）
常用于制作元素出现时的放大效果或脉冲效果。
- 操作：
- 在时间轴的起始点,为图层添加一个关键帧。
- 移动播放头到目标时间点。
- 按
Ctrl + T(Windows) /Command + T(Mac) 自由变换。 - 按住
Shift键拖动角点等比缩放图层。 - 按
Enter确认变换，Photoshop 会自动创建缩放关键帧。
技巧 3：图层样式动画（如投影、外发光）
让阴影或发光效果动态变化,可以极大地增强视觉冲击力。
- 操作：
- 双击图层，打开
图层样式面板，为图层添加一个投影或外发光。 - 打开时间轴，在起始点为该图层的
图层样式>投影>不透明度或大小添加关键帧。 - 移动播放头到另一个时间点，修改该样式的参数（比如把投影大小调大），Photoshop 会自动创建关键帧。
- 双击图层，打开
技巧 4：蒙版动画
通过改变图层蒙版的 不透明度 或 位置，可以实现元素的淡入淡出、擦除等效果,而不会破坏原始图层。
- 操作：
- 为图层添加一个图层蒙版。
- 使用画笔工具在蒙版上涂抹（黑色隐藏，白色显示）。
- 在时间轴上，为该图层的
图层蒙版>不透明度设置关键帧,来动态控制蒙版的显示程度。
第四部分：实用案例 - 制作动态社交媒体帖子
让我们综合运用以上技巧，制作一个动态的 Instagram 故事或帖子。
场景：一张背景图，一个标题文字，一个装饰元素（比如一个圆形）。
动画流程：
- 背景：静态,不做动画。
- 装饰圆形：从屏幕外滑入,然后轻微地上下浮动。
- 标题文字：在圆形滑入后,淡入显示。
操作步骤：
-
准备素材：
- 将背景图、装饰圆形、标题文字分别放在不同的图层,并命名。
- 将装饰圆形图层移到画布左侧外。
-
为装饰圆形添加动画：
- 在时间轴
0秒处，为装饰圆形图层的位置添加关键帧。 - 将播放头拖到
1秒处，使用移动工具将圆形拖到画布中央,创建第二个位置关键帧。 - 现在圆形已经滑入，为了让它浮动：
- 在
1秒处，为装饰圆形图层的位置再次点击“添加关键帧”按钮（这样新的关键帧会和旧的在同一位置）。 - 将播放头拖到
5秒处,将圆形向上移动几个像素。 - 将播放头拖到
2秒处，将圆形向下移动几个像素（回到或低于原始位置）。 - 将播放头拖到
5秒处,将圆形向上移动几个像素。 - 将播放头拖到
3秒处，将圆形向下移动,回到中心位置。
- 在
- 这样就完成了一个简单的浮动动画。
- 在时间轴
-
文字添加动画：
- 将播放头拖到
5秒处。 - 为
标题文字图层的不透明度添加一个关键帧，并将不透明度设为0%。 - 将播放头拖到
5秒处，将文字图层的不透明度设为100%,创建第二个关键帧。 - 这样文字就在圆形滑入并稳定后淡入了。
- 将播放头拖到
-
预览与导出：
- 按空格键预览整个动画。
- 使用
文件>导出>存储为 Web 所用格式 (旧版)，导出为 GIF。
第五部分：优化与导出
- 文件大小：GIF 文件很容易过大。
- 减少颜色：在
存储为 Web窗口中，将颜色数值调低（如 64、32）。 - 减少帧数：适当拉长关键帧之间的时间,减少不必要的帧。
- 缩小尺寸：在导出前,先将画布尺寸调整到社交媒体推荐的大小。
- 减少颜色：在
- 循环选项：在
存储为 Web窗口中，可以设置循环选项，如一次、永远或反向。 - 视频格式：如果你需要更高质量的动画，可以选择导出为
H.264视频（MP4格式），这更适合用于网站、视频平台等。
总结与资源
- 核心思想：动画 = 在时间轴上改变图层属性（位置、大小、不透明度、样式等）。
- 关键帧：是动画的“路标”，标记了属性变化的起点和终点，Photoshop 会自动补间（创建过渡）。
- 练习：最好的学习方法就是模仿，看到喜欢的 GIF 动画，试着在 Photoshop 中一步步拆解并复现它。
推荐学习资源：
- Adobe 官方教程：Adobe 官网和 YouTube 频道有大量高质量的官方教程。
- YouTube 搜索：搜索 "Photoshop animation tutorial"、"Photoshop GIF tutorial" 等关键词,有海量的免费视频教程。
- Pinterest：寻找灵感，看别人做出了什么酷炫的效果,然后去学习实现它。
希望这份详细的教程能帮助你打开 Photoshop 动画世界的大门！祝你玩得开心！
