Photoshop 动画制作终极指南
Photoshop 的动画功能主要依靠 “时间轴” 面板，它不仅可以制作简单的 GIF 动画，还能制作复杂的视频和动画序列，本教程将带你一步步掌握它。
（图片来源网络，侵删）
第一部分：基础入门 - 制作你的第一个 GIF 动画
我们将以一个最简单的“文字淡入”动画为例，让你快速熟悉 Photoshop 动画的基本流程。
步骤 1：准备工作
- 打开 Photoshop 并新建一个文件，设置一个适合网络的尺寸，
500 x 500像素，背景为白色。 - 创建文字：选择文字工具，在画布上输入你想要的文字，Hello World”，调整好字体、大小和颜色。
步骤 2：打开时间轴面板
- 点击顶部菜单栏的
窗口->时间轴。 - 屏幕下方会出现一个类似视频播放器的面板,这就是“时间轴”，默认情况下，它可能显示的是“帧”动画模式（这是我们制作 GIF 所需的）。
步骤 3：创建动画帧
- 在时间轴面板的右下角,点击 “复制所选帧” 按钮（一个看起来像翻页的图标）。
- 你会看到时间轴上出现了两个帧,它们的内容是完全一样的。
步骤 4：修改第二帧以创建动画效果
- 选中第二个帧（点击它，让它高亮显示）。
- 在图层面板中,确保你选中了文字图层。
- 在图层面板的顶部,找到 “不透明度” 滑块，将它从
100%拖动到0%。 - 画布上的文字消失了,但你看到的是第二帧的效果。
步骤 5：设置帧延迟（动画速度）
- 在时间轴面板中,点击第一帧下方的 “0秒” 字样。
- 在弹出的菜单中,你可以设置每一帧显示的时间，选择
5 秒，同样，也为第二帧设置一个延迟时间，5 秒。
步骤 6：预览和导出动画
- 预览：点击时间轴面板底部的 “播放” 按钮（一个三角形），你就可以在画布上看到文字淡入的动画效果了。
- 导出：
- 点击时间轴面板右上角的 “菜单” 按钮（三条横线）。
- 选择
存储为 Web 所用格式 (旧版)...(Save for Web (Legacy)...)。 - 在弹出的窗口中,确保右上角的 “预设” 选择的是
GIF 128 透明或GIF 64 仿色。 - 点击右下角的 “存储”，选择一个位置，保存你的第一个 GIF 动画！
第二部分：核心概念详解
要制作更复杂的动画,你需要理解 Photoshop 动画的几个核心概念。
图层与动画的关系
- 图层是动画的基础：你画布上的每一个图层，都是动画的组成部分。
- 可见性控制：在时间轴的每一帧中，你可以通过 图层前面的“眼睛”图标 来控制图层的显示或隐藏，这是制作动画最常用的方法之一。
- 位置变化：移动图层的位置，然后在下一帧改变它的位置，Photoshop 会自动生成移动的中间帧（关键帧）。
- 样式变化：改变图层样式（如投影、外发光）的参数，也可以产生动画效果。
关键帧
- 什么是关键帧：关键帧是动画中发生变化的“点”，在时间轴上，它通常用一个 菱形图标 表示。
- 如何创建：当你在一个时间点修改了某个属性（如位置、不透明度），Photoshop 会自动在该帧创建一个关键帧，在第一帧移动图层，然后在第二帧再移动它，Photoshop 就会在第一帧和第二帧都创建位置关键帧，并自动填充中间的过渡帧。
过渡（Tweening）
- 什么是过渡：过渡是 Photoshop 自动在两个关键帧之间生成中间帧的功能，让动画变化更平滑。
- 如何使用：
- 创建两个关键帧（一个图层在左边，一个在右边）。
- 选中这两个关键帧之间的 任意一帧。
- 点击时间轴面板菜单,选择
通过拷贝建立过渡帧。 - 在弹出的窗口中,选择要过渡的属性（位置、不透明度等），并指定要生成的帧数，点击“确定”后，中间就会自动出现平滑的过渡动画。
第三部分：常用动画效果制作技巧
掌握了基础后,我们可以尝试一些更酷的效果。
技巧 1：制作循环滚动背景
这种效果常用于网页或社交媒体的背景。
（图片来源网络，侵删）
- 创建无缝图案：制作一个可以水平平铺的图案。
- 复制图层：将背景图层复制一份，将复制后的图层水平移动到原始图案的右侧，使其无缝衔接。
- 创建动画：
- 在时间轴中创建两个帧。
- 第一帧：显示两个图层（A和B）。
- 第二帧：隐藏图层A，只显示图层B。
- 设置位移：选中图层B，在第二帧将其水平向左移动，让它完全覆盖原来图层A的位置。
- 设置循环：在时间轴面板菜单中选择
循环选项->永远。 - 导出：导出为 GIF，背景就会无限循环滚动了。
技巧 2：制作图层样式动画（如闪烁）
让一个图层的阴影或光效闪烁起来。
- 创建图层：画一个圆形或矩形。
- 添加图层样式：双击图层，添加一个“外发光”或“投影”效果。
- 创建动画帧：
- 第一帧：保持图层样式默认值（如不透明度 100%）。
- 复制帧：复制第一帧。
- 第二帧：在图层面板中双击该图层样式，将“不透明度”改为
0%。
- 设置延迟：将两帧的延迟都设置得短一些，
2 秒。 - 预览和导出：你将看到一个光效闪烁的动画。
技巧 3：使用视频时间轴制作更复杂的动画
对于更精细的控制,比如同步多个图层的动画，可以使用“视频时间轴”。
- 切换模式：在时间轴面板菜单中，选择
将时间轴切换为视频时间轴。 - 认识轨道：你会看到不同的轨道，如 “变换”、“不透明度”、“图层” 等。
- 添加关键帧：点击轨道前的秒表图标，然后播放时间轴，在需要变化的时间点再次点击秒表，就可以创建关键帧。
- 调整属性：在关键帧之间拖动时间轴上的指针，可以实时调整图层的位置、大小、不透明度等，变化会自动记录。
- 导出：在导出时，可以选择导出为 视频（如 MP4） 或 图像序列（PNG/JPG 序列），后者常用于游戏或视频制作。
第四部分：高级技巧与最佳实践
使用图层组
将相关的图层放入一个图层组中,然后在时间轴中可以 折叠/展开 整个组，让时间轴面板更整洁，便于管理复杂动画。
撤销和重做
和普通编辑一样,Ctrl + Z (Win) / Cmd + Z (Mac) 可以撤销操作，在动画中，这可以帮你撤销错误的关键帧或过渡。
（图片来源网络，侵删）
性能优化
- 减少图层数量：不必要的图层会增加文件大小和渲染时间。
- 简化图层样式：过于复杂的图层样式（如多个模糊、发光）可能会影响性能。
- 选择合适的颜色：GIF 最多支持 256 色，对于照片类图像，选择
64或128仿色；对于图形，选择128或256透明即可。
文件管理
- 保留
.psd文件：一定要保存好你的 Photoshop 源文件（.psd），方便以后修改。 - 导出为不同格式：
- GIF：文件小，支持透明，但有颜色限制，适合简单动画、表情包、网页小图标。
- MP4/WebM：高质量，支持数百万种颜色，文件相对较小，适合现代网页和视频平台。
- PNG 序列：每一帧都是一张高质量的 PNG 图片，可以导入到 After Effects、Premiere 等专业视频软件中进行进一步处理。
Photoshop 的动画功能非常强大，从简单的 GIF 到复杂的视频，都可以胜任，核心思路是：
以图层为基础，以时间为轴，通过改变图层在不同时间点的属性（位置、可见性、样式等）来创建关键帧，再利用过渡功能让动画平滑，最后导出为所需格式。
希望这份教程能帮助你开启 Photoshop 动画制作的大门，多加练习，大胆尝试，你很快就能创作出属于自己的精彩动画！
