使用“ 图层”和“ 动画”调板，可以很容易地在Photoshop中为网络制作动画广告（或任何gif动画）：
上面的动画是根据以下四个RGB jpeg图形创建的：
首先，确定动画广告/ gif动画的大小。点击此处，您可以找到标准网络广告尺寸的列表。
接下来，以这种动画的ad / gif动画尺寸创建您自己的动画帧。将每个帧另存为单独的RGB .jpg文件（最高质量），并将它们命名为Frame1.jpg，Frame2.jpg，Frame3.jpg和Frame4.jpg。如果您想按照本教程进行操作，可以通过单击每个图像并将其拖动到桌面（Mac）或右键单击每个图像并将其保存（Windows）来下载上面的各个框架。
我为此广告选择了180 x 150像素的“矩形”尺寸。转到“ 文件”菜单，然后选择“ 新建”。在出现的对话框中，将“ 宽度”和“ 高度”设置为帧动画大小（同样，我使用180 x 150像素），将“ 分辨率”设置为72，“ 颜色模式”设置为RGB，“ 背景内容”设置为“ 白色”，然后单击“ 确定”：
您的新文档将出现。这是您制作动画的地方：
确保您的“ 图层”调板也正在显示。如果不是，请转到“ 窗口”菜单，然后选择“ 图层”：
您想将动画的每一帧粘贴到这个新的“无标题”窗口中（上方）在不同的图层上。
在Photoshop中打开动画的第一帧（Frame1.jpg）：
选择它（在“ 选择”菜单中，选择“ 全部”，或使用键盘快捷键，在Mac中为Command A /在Windows中为Control A）。
复制它（在“ 编辑”菜单中，选择“ 复制”，或使用键盘快捷键，在Mac中为Command C /在Windows中为Control C）。
您现在可以关闭Frame1.jpg。单击新的“无标题”窗口。粘贴Frame1.jpg图像（在“ 编辑”菜单中，选择“ 粘贴”，或使用键盘快捷键，在Mac中为Command V /在Windows中为Control V）。
请注意，在粘贴之后，新图层（称为图层1）出现在图层面板中：
在Photoshop中打开动画的第二帧（Frame2.jpg）：
选择它（在“ 选择”菜单中，选择“ 全部”，或使用键盘快捷键，在Mac中为Command A /在Windows中为Control A）。
复制它（在“ 编辑”菜单中，选择“ 复制”，或使用键盘快捷键，在Mac中为Command C /在Windows中为Control C）。
现在，您可以关闭Frame2.jpg。单击新的“无标题”窗口。粘贴Frame2.jpg图像（在“ 编辑”菜单中，选择“ 粘贴”，或使用键盘快捷键，在Mac中为Command V /在Windows中为Control V）。
请注意，粘贴后，新的图层（称为图层2）出现在图层面板中：
对Frame3.jpg重复：
对Frame4.jpg重复：
现在，您已经将所有四个框架都作为单独的图层，单击删除背景图层并将其拖动到“ 图层”调板右下角的垃圾箱图标即可：
接下来，通过转到“ 窗口”菜单并选择“ 动画 ”来打开“ 动画”调板：
该动画控制面板会显示：
注意：您的“动画”调板可能会显示为“时间轴”，而不是“帧动画”。如果您的“动画”调色板看起来像下面的图形，而不是上面的图形，请单击右上角的弹出菜单（用 RED圈出），然后选择“转换为帧动画”：
你的动画调板现在应该是这样的：
单击右上角的“ 动画”调色板弹出菜单（用红色圆圈圈出），然后选择“从图层制作帧”：
现在，您的“ 动画”调板现在将所有四个图层显示为动画帧：
如果您希望动画连续循环播放，请确保“ 永久”显示在“ 动画”调板左下角的下拉菜单中。您还可以使动画循环一次或多次（在“ 其他”下指定）：
接下来，您要设置每帧将显示多少秒（“ 帧延迟”），直到动画跳到下一帧。单击每个动画下方的三角形，然后从默认值中选择一个，或选择“ 其他”来设置自己的帧延迟量：
选择其他时，将出现一个对话框，您可以在其中设置自己的帧延迟量。我决定每帧3秒。注意，必须为每个动画帧设置“ 帧延迟”，但是每个帧的值可以不同：
您可以通过单击“ 动画”面板上的“ 播放”按钮（用红色圆圈圈住）来播放ad / gif动画动画：
现在，作为最后一步，您将动画另存为动画gif。首先，保存分层文件，以备日后更改时使用。我将分层文件另存为名为tiffed_layerered.tif的分层tiff。
要创建动画的ad / gif动画，请转到“ 文件”菜单，然后选择“ 为Web和设备保存”：
将出现以下对话框。对话框的外观可能会有所不同，具体取决于您上次使用的设置。最重要的是，在Preset下方的下拉菜单中选择了GIF。以下其余设置对我来说似乎总是可以正常使用，但您应该自己尝试一下。单击“ 保存”，将gif命名（并确保将.gif文件扩展名保留在名称的结尾），然后将其保存到硬盘中：
要查看动画的ad / gif动画，请将其拖动到空白的浏览器窗口中。
注意：如果在Photoshop中打开此动画ad / gif动画，则只会看到第一帧，没有图层，也不会创建动画。这就是为什么必须保留用于制作动画广告或gif动画的分层文件，以便以后要更改动画时可以重新制作动画的原因。（注： Adobe Photoshop CS5
现在具有完整的动画.gif支持，因此可以在不影响图层和设置的情况下打开动画。）
网友评论