PS不仅可以专业级修图,也可以制作 gif 动画效果,比如应用于动笑图、广告图、搞笑图等等。

 

本文需要用到的软件环境:

MacOS High Sierra  Version 10.13.4

PhotoShop CS6 13.0.6  x64

 

PhotoShop制作gif动画效果示例

1. 打开PhotoShop的图层和动画窗口

如果是PhotoShop CS6以前的版本,可以通过PS在顶部菜单 “窗口”—“动画” 调出,

如果是PhotoShop CS6,动画窗口名字改成了“时间轴”,也是在 “窗口”—“时间轴” 菜单中调出:

通过 “时间轴” 调出了动画后,下方会出现 “创建视频时间轴”、“创建帧动画” 等选项

如上图,创建完视频时间轴后,可以通过左下方进行“帧动画”、“视频时间轴”之间的切换

 

2. 准备一组制作动画图片素材

 

3. 创建动画gif图

根据素材图片的长宽大小,在PhotoShip中创建一个大小为140×80的画布,将背景色设置为透明:

 

然后,把8张动画图片拖拽到透明的画布上,在PS界面的右下方会自动生成8个图层:

 

在“时间轴”面板中单击右侧的按钮,在弹出菜单中选择“新建帧”,重复7次,创建8个帧(加上最开始的1个):

 

创建完成后,选中第一帧,在图层面板中设置第一帧中frame1可见(左侧的小眼睛按钮控制可见性):

 

接着选中第二针,设置frame2可见……,以此类推,将8帧全部设置完成。

 

接着选中所有帧(先点击第一帧,然后长按住Shift 键,选中最后一帧),点击任何一帧下方的“0秒”,在弹出菜单中选择“其它”:

在弹出对话框中设置延迟为0.04秒(动画达到每秒24帧时,人眼就能够看出运动的效果,因此每帧约0.04秒)

重复次数选择“永远”,然后进行播放,就可以看到gif动画效果了

设置完成后,我们点击时间轴面板上的播放按钮,已经可以看到动画效果了。

 

这时,我们可以对猎豹的位置做微调,使动画效果更流畅

有个小技巧是,一帧显示两张图片,当前帧(不透明图片)把前一帧的图层的透明度调低一些,以便我们做参考:

 

4. 保存gif动画图

编辑完成后,我们点击菜单“文件”—“存储为Web所用格式”,在弹出的菜单中设置好参数后,点击“存储”保存为gif格式即可:

 

5. 查看gif动画图的成果

1)一帧一图片,没有透明小技巧

 

2)一帧二图片,应用了透明小技巧

 

 

参考推荐

PhotoShop制作gif动态广告效果示例

Photoshop 修改PNG透明图片的前景颜色

PS和AI将图片转成矢量图

PS画奥迪标志4个圈

CSS Sprite 图片优化

PS设计制作名片

Photoshop、Illustrator、CoreIDAW 区别

色彩空间中的 aRGB、HSL、HSV、HSB、Lab、CMYK