用photoshop制作gif动画(ps制作GIF动画)

使用图层和动画调色板，您可以轻松地在Photoshop中制作web动画广告(或任何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重复：
现在你已经有了四个单独的层，只需点击删除背景层，并将其拖到图层面板右下角的垃圾桶图标：
接下来，打开动画调色板，进入窗口菜单并选择动画：
动画控制面板将显示：
注意：您的动画调色板可能会显示为时间轴，而不是帧动画。如果您的“动画”调板看起来像下图而不是上图，请点按右上角的弹出式菜单(用红色圈出)并选择“转换为帧动画”:
您的动画调色板现在应该看起来像这样：
点按右上角的“动画”调板弹出式菜单(用红圈圈起来)，然后选择“从层制作帧”:
现在，动画面板将所有四个层显示为动画帧：
如果希望动画连续循环播放，请确保“永久”显示在动画调板左下角的下拉菜单中。您也可以循环播放动画一次或多次(在“其他”下指定):
接下来，设置动画跳到下一帧之前每帧显示的秒数(“帧延迟”)。点按每个动画下方的三角形，然后选取一个默认值，或者选取“其他”来设定您自己的帧延迟：
选择其他时，会出现一个对话框，您可以在其中设置自己的帧延迟。我决定每帧3秒。请注意，必须为每个动画帧设置“帧延迟”，但是每个帧的值可以不同：
您可以通过单击“动画”面板上的“播放”按钮来播放ad/gif动画(用红圈圈出):
现在，作为最后一步，您将动画保存为动画gif。首先，保存分层文件以备将来更改。我将分层文件保存为分层tiff，命名为tiffed_layerered.tif
要创建动画广告/gif动画，请转到“文件”菜单，选择“保存为Web和设备格式”:
将出现以下对话框。对话框的外观可能会有所不同，这取决于您上次使用的设置。最重要的是，预设下方的下拉菜单中选择了GIF。下面其余的设置似乎总是对我有用，但你应该自己试试。单击Save，将gif命名为(并确保保留。gif文件扩展名的名称)，然后将其保存到您的硬盘上：
要查看动画ad/gif动画，请将其拖动到空白浏览器窗口中。
注意：如果在Photoshop中打开这个动画ad/gif动画，只会看到第一帧，没有图层，也不会创建动画。这就是为什么需要保留用来制作动画广告或者gif动画的分层文件，这样以后想换动画的时候可以重新制作动画。(注：Adobe Photoshop CS5
现在它完全支持动画。gif，这样就可以打开动画而不影响图层和设置。)