Photoshop结合AE制作超酷的GIF动态图片

点开旁边的格式选项(Format Option),视频编码(Video Codec)选

择PNG,质量(Quality)选100,这样就能几乎画质无损地输出。

Photoshop结合AE制作超酷的GIF动态图片

如果找不到Quicktime选项请先安装Quicktime,苹果官网上可以找到 http://www.apple.com/quicktime/

好,其他选项保持默认,点两次确定之后回到渲染队列,点击输出到(Output to)小黄字(不是小三角哦),设置生成的文件路径以及文件名,这里我还是保持默认的“未标题-1.mov”吧,然后别忘了点渲染(Render)按钮,等进度条跑完后,我们又要回熟悉的PS了~

Photoshop结合AE制作超酷的GIF动态图片

Photoshop结合AE制作超酷的GIF动态图片

将我们生成的“未标题-1.mov”直接拖进PS,会看到多了一个时间轴,

Photoshop结合AE制作超酷的GIF动态图片

其实PS是可以简单制作视频的,不过我也不太会用,有时间再研究研究。好,现在点击文件→存储为web所用格式:

Photoshop结合AE制作超酷的GIF动态图片

Photoshop结合AE制作超酷的GIF动态图片

终于到最后一步了,这里有很多的优化选项,说实话我也没研究透。左下角能看到输出的大概大小(本图是381.1k),右下角可以播放查看动画,注意这里有个循环选项记得把“一次”改为“永远”不然它就只播放一次就停了。

Photoshop结合AE制作超酷的GIF动态图片

右上的这些参数才是优化的重点,大家可以自己调整试试看什么参数能调的又小又不失真,最后点“存储为”输出,就大功告成了!

这种方法的好处是生成文件少,直观方便管理,且中间生成的视频文件也可作为展示资料用。

方法二:输出图像序列( 序列帧)

有时候因为一些原因AE输出视频失败或者PS无法导入,这时就可以试试图像序列。

在AE里,渲染设置的时候选择PNG 序列(PNG Sequence)

Photoshop结合AE制作超酷的GIF动态图片

然后输出路径指定一个文件夹存放输出的图像序列,这样点渲染后就会生成一组带序号的PNG文件。

Photoshop结合AE制作超酷的GIF动态图片