用Photoshop制作GIF动画：时间轴让图片动起来！

用Photoshop制作GIF动画：时间轴让图片动起来！

GIF动画除了广泛应用于网络表情包，也常见于营销设计中，相较于静态图片更能吸引消费者目光。建立GIF分为两种方式，第一种是将多张图片组合为GIF，第二种方式是将视频片段转为GIF。两种方式都可以在Photoshop中制作。

这次介绍的GIF制作是属于第一种：将多张图片（至少两张）组合为GIF，用一个吉祥物美莓作为范例，看看如何让图片动起来！

Photoshop中GIF的制作步骤

STEP 1：将图片置入Photoshop

开启Photoshop后，可以将绘制好的所有帧置入Photoshop，并且依照帧顺序由下而上排列。怕混淆的话建议将图层名称依照顺序命名为1, 2, 3……

STEP2：开启Photoshop时间轴窗口

在Photoshop中制作GIF的工具叫做时间轴，位于窗口→时间轴。

点选后，置底于下方的就是时间轴窗口。将正中间的菜单点开，按下「建立帧动画」。

STEP3：制作GIF帧

接着就可以在时间轴中建立GIF的帧画面了！点选时间轴右上方菜单→从图层制作帧，Photoshop会依照图层面板中的图层顺序，自动建立好所有帧。

如果想再调整顺序也没问题，可以直接移动时间轴中的帧位置，变换不同帧的顺序。

STEP4：GIF帧设定

在时间轴上每个帧下方的时间代表该帧停留的时间，可以将菜单拉开放调整秒数。若每个帧秒数相同，可按着shift键选取所有帧一起设定哦！

将时间轴窗口最下方的「永远」点开，可以改变帧的播放次数，「永远」代表帧会一直无限轮播。

STEP5：预览Photoshop GIF

完成所有帧画面后，可以点选「▶」播放按键预览你的GIF！

STEP6：Photoshop GIF输出

确认没问题的话就可以存档了。GIF存档路径为：文件→存储为Web所用格式。

在存档的窗口中，将右上方的预设集点开，会有不同混色方式可以选择。

GIF文件支持8位元色彩，最多只能呈现256种颜色。范例中因为美莓颜色很少，选择GIF 32无混色就可以（即使选更多颜色，效果也是一样）。若图片本身色彩较多，尤其是有「颜色渐变」的图片，建议选择128或256混色，存档后的GIF会显示更多色彩，与原始图片较接近，但缺点是文件也会比较大。因此在选择预设集时，考量的因素包括图片本身色彩丰富程度以及是否有文件限制，综合两者选择合适混色方式！

关于不同混色方式，可以参考Adobe官方的教学文章，对于各类图档（包含GIF）存储优化有详细说明。

为何选择Photoshop制作GIF

虽然市面上有不少制作GIF的在线网站与App，但用Photoshop制作有以下优点：

• 没有水印
• 自由设定尺寸与分辨率
• 设定不同帧的停留时间
• 轻易调整帧顺序

如果帧本身是用Photoshop制作，就不需要一张张存成JPG/PNG后再置入，可以透过显示或隐藏图层，来完成所有帧画面，一条龙更方便。