PS 怎么做 gif 帧动画导出教程

在 PS 里面制作 gif 动态图，核心是通过时间轴面板创建帧动画，把不同图层按照顺序设置显示隐藏，再设置每一帧的停留时间，最后导出为 GIF 格式，也可以使用视频时间轴制作补间动画，实现平滑过渡效果，之所以很多设计都会用 PS 做 gif，是因为 PS 可以直接调用已经做好的图层素材，不用切换其他软件，适合表情包小动效 banner 动态图标这类项目，图层可以独立编辑，每一帧都能修改颜色位置大小，同时可以精准控制帧延时循环次数，导出之后支持无限循环播放，需要注意 gif 是索引色格式，色彩数量有限，大面积渐变很容易出现色阶断层，制作的时候就要提前控制画面色彩，平衡画质和文件体积。

方法一 帧动画基础制作

适合简单跳变动效，比如表情包切换文字闪烁

1 打开 PS 新建画布，按照动效顺序把每一帧内容分别放在独立图层，图层从上到下最好和播放顺序对应，方便管理

2 顶部菜单窗口，选择时间轴，调出时间轴面板，如果默认是视频时间轴，点击面板里面转换为帧动画按钮，切换成帧模式

3 时间轴面板会生成第一帧，在图层面板只保留第一帧对应的图层可见，其他图层全部隐藏

4 点击时间轴底部新建帧按钮，生成第二帧，这一帧打开下一图层，隐藏前面图层，重复这个操作，把所有帧全部创建完成

5 点击每一帧下方的时间数值，修改帧延迟，单位是秒，常用 0.1 秒 0.2 秒 0.5 秒，数值越小动画速度越快

6 面板下方循环选项，选择永远，也就是无限循环，也可以设置一次或者自定义循环次数

7 可以拖动帧卡片，调整帧的播放顺序，选错顺序直接拖动调换位置

8 预览动画，点击播放按钮，检查动作是否流畅，有没有漏帧或者顺序错误

9 确认无误之后，点击文件导出存储为 Web 所用格式旧版，选择 GIF 格式，调整颜色数仿色参数，预览文件大小，点击存储导出 gif

方法二 视频时间轴补间动画

适合平滑移动旋转淡入淡出，比逐帧手动制作效率更高

1 准备好需要做动效的图层，打开窗口调出时间轴，选择创建视频时间轴

2 展开对应图层，找到位置不透明度变换这些属性，添加关键帧

3 在时间起点打第一个关键帧，移动时间指针到后面位置，修改图层的位置或者不透明度数值，软件自动生成第二个关键帧

4 右键关键帧之间区域，选择创建补间，生成平滑过渡动画

5 可以继续添加多个关键帧，制作连续运动效果

6 完成之后导出，文件导出存储为 Web 所用格式，选择 GIF 格式输出

参数优化对照表

进阶制作要点

如果素材是连续序列图片，可以直接导入，文件脚本将文件载入堆栈，把序列图全部导入成图层，再批量生成帧，省去手动新建每一帧的操作

导出前尽量精简图层，隐藏多余备用图层，不要把无关图层带进 gif，避免增加文件体积

gif 不支持透明以外的混合模式高级效果，部分图层样式导出之后会丢失，重要效果建议合并成像素图层

如果导出之后画面偏色，是索引色限制，降低渐变范围，或者减少颜色数量，优化仿色方式

【常见问题】

问题 1 PS 怎么做 gif 导出之后不会循环播放怎么办

回答 1 PS 做 gif 的时候，在时间轴面板把循环选项设置为永远，导出存储为 Web 所用格式窗口里面也要确认循环选项保持永远，部分播放器默认只播放一次，建议换浏览器打开测试，确认是文件本身循环设置问题。

问题 2 PS 怎么做 gif 文件太大怎么压缩

回答 2 PS 做 gif 体积过大，可以在导出面板降低颜色数量，开启合适仿色，减少总帧数，缩短帧延迟，删除多余细节图层，必要时缩小画布尺寸，就能明显压缩 gif 文件大小。

问题 3 PS 怎么做 gif 可以添加透明背景吗

回答 3 PS 做 gif 支持透明背景，制作的时候保留图层透明区域，导出存储为 Web 所用格式窗口，透明选项打勾，注意 gif 透明边缘容易出现杂边，建议提前处理边缘消除杂色。

【免责申明】

本教程基于 Photoshop 常规版本编写，新版 PS 菜单名称有调整，存储为 Web 所用格式部分新版可以通过增效工具调用，不同版本界面快捷键存在细微差异，本内容仅作为学习参考，不保证所有版本都可以完整实现全部操作。