ps cs6 gif制作教程

本教程将从零开始,教你如何用 PS CS6 制作一个简单的 GIF 动画。

教程概览

我们将学习以下几个核心步骤：

1. 准备工作：打开 PS CS6 并新建一个适合网络发布的文件。
2. 创建图层：制作动画的每一帧（即每一个静态画面）。
3. 打开时间轴：将静态图层转化为动画帧。
4. 设置动画参数：调整每一帧的持续时间、设置循环方式。
5. 导出为 GIF：保存并优化最终的 GIF 文件。

第一步：准备工作 - 新建文件

1. 打开 Photoshop CS6。
2. 点击顶部菜单栏的 文件 > 新建。
3. 在弹出的“新建”对话框中，设置你的画布尺寸。注意：GIF 文件不宜过大，否则加载会很慢，建议尺寸如下：
   • 宽度：500 像素
   • 高度：300 像素
   • 分辨率：72 像素/英寸（这是网络显示的标准分辨率）
   • ：选择 白色 或 透明，根据你的需求决定。
4. 点击 “确定”。

第二步：创建动画的每一帧

GIF 动画是由一系列连续播放的静态图片组成的，每一张静态图片就是一“帧”，在 PS 中，每一帧都对应一个独立的图层。

手动创建每一帧图层（最基础）

1. 在右侧的 “图层” 面板中，右键点击背景图层，选择 “复制图层”。
2. 你会得到一个新的图层,“背景 拷贝”。
3. 在 “背景 拷贝” 图层上进行你的第一帧修改，用画笔工具画一个圆，或者移动一个图片的位置。
4. 再次复制 “背景 拷贝” 图层，得到 “背景 拷贝 2”，并在新图层上进行第二帧的修改。
5. 重复此过程,直到你创建完所有的动画帧。重要：确保每一帧都保留前一帧的所有内容，只修改变化的部分，这样你的动画才会连贯。

使用图层蒙版（更专业、更灵活）

这种方法更高效,特别是当你只需要移动或显示/隐藏元素时。

1. 将你想要动画的元素（比如一个卡通小人）放在一个独立的图层上，比如命名为 “小人”。
2. 复制这个图层,得到 “小人 拷贝”。
3. 在 “小人 拷贝” 图层上，使用 矩形选框工具 或 套索工具，框选出你希望第二帧显示的区域。
4. 点击图层面板下方的 “添加图层蒙版” 图标（一个带圆孔的矩形）。
5. 这样,第二帧就只显示了被蒙版“挖”出来的部分，你可以继续复制图层，为每一帧创建不同的蒙版，从而实现逐渐显示或移动的效果。

第三步：打开并使用时间轴

1. 点击顶部菜单栏的 窗口 > 时间轴。

2. 如果你的时间轴面板显示的是 “视频时间线”，点击面板右上角的 小菜单图标（三条横线），然后选择 “创建帧动画”。

3. 下方会出现 “帧” 面板，并且默认有一个空白帧。

4. 在 “帧” 面板中，点击 “复制所选帧” 按钮（一个类似于文档页面的图标），复制出第二个空白帧。

5. 重复此操作,直到你拥有的帧数量与你创建的图层数量一致，如果你有 5 个图层，就复制出 5 个帧。

第四步：将图层分配给对应的帧

这是最关键的一步,需要将你之前创建的每一帧图层，与时间轴上的每一个帧一一对应。

1. 在 “帧” 面板中，选中 第一个帧（帧 1）。
2. 在右侧的 “图层” 面板中，隐藏 除了第一帧图层之外的所有图层，只让代表第一画面的图层可见。
3. 回到 “帧” 面板，点击 “帧 1” 下方的 “选择帧延迟时间”（默认是 0秒），在下拉菜单中选择一个时间，5 秒，这个时间就是第一帧的显示时长。
4. 选中 “帧” 面板中的 第二个帧（帧 2）。
5. 在 “图层” 面板中，隐藏 第一帧图层，显示 第二帧图层。
6. 为第二帧也设置一个延迟时间（可以和第一帧一样，也可以不同）。
7. 重复此操作,直到将所有图层都分配给了对应的帧，并设置了延迟时间。

第五步：设置动画循环方式

1. 在 “帧” 面板中，点击左下角的 “永远循环播放” 图标。
2. 在弹出的菜单中,你可以选择：
   • 一次：动画只播放一遍就停止。
   • 永远：动画会无限循环播放（最常用）。
   • 其他...：可以自定义循环次数，3 次、5 次等。

第六步：预览和导出为 GIF

1. 预览动画：点击 “帧” 面板下方的 “播放” 按钮（一个三角形），你就可以在画布中预览你的 GIF 动画效果了，如果不满意，可以回到前面的步骤修改图层或帧的延迟时间。

2. 导出 GIF：

   • 点击顶部菜单栏的 文件 > 导出 > 存储为 Web 所用格式 (旧版)。
   • 在弹出的窗口中,确保右上角的 预设 选择了 “GIF 128 仿色”。
   • 在右侧的设置面板中,你可以进行一些优化：
     • 颜色：颜色数量越少，文件越小，但画质越差。64 或 128 是一个不错的平衡点。
     • 损耗：适当增加损耗（如 5 - 10）可以大幅减小文件大小，但可能会导致轻微的噪点。
     • 透明度：如果你的背景是透明的，确保这里勾选了 透明度。
     • 杂边：如果选择了透明度，杂边颜色会用于填充透明边缘，通常选择 无。
   • 设置完成后,点击右下角的 “存储” 按钮。

3. 在最后的保存对话框中,选择一个位置，输入文件名（确保文件名后缀是 .gif），然后点击 “保存”。

进阶技巧与注意事项

• 使用“过渡”功能创建中间帧：如果你想让两个帧之间的变化更平滑（比如物体从左移动到右），可以不用手动创建所有中间帧，方法是：在时间轴中选中两个相邻的帧，然后点击面板右上角的小菜单图标，选择 “过渡...”，然后指定要添加的帧数，PS 会自动生成中间的过渡帧。
• 文件大小控制：GIF 的文件大小是制作时最大的挑战，记住几个关键点：
  • 尺寸：尺寸越小，文件越小。
  • 颜色：颜色数量越少，文件越小。
  • 帧数和延迟：帧数越少、每帧显示时间越短，文件越小。
  • 复杂度：大面积纯色和简单图形的 GIF 文件远小于照片或复杂渐变的 GIF。
• 图层命名：给你的图层起一个清晰的名字（如“帧1-初始状态”、“帧2-移动后”），会让你在管理复杂动画时事半功倍。

你已经掌握了在 Photoshop CS6 中制作 GIF 的基本方法了！多加练习，你就能制作出更酷炫、更复杂的动画效果。