Photoshop结合AE制作动态图片教程

搁得住 · 发表于 2014-7-23 01:27:05

?
6、输出动画，生成GIF
?
动画做再屌，输不出来也白搭。AE虽然是专业影视动画软件，但它的输出选项其实少的可怜（当然配合自家的MediaEncoder能输出更多格式，不过这不在本教程讨论范围了），反正是没有GIF直接输出的选项了，我们只能曲线救国。
?
方法一：输出视频转GIF
?
确保我们的“未标题-1”合成处在被选中状态（边框变黄色），
?

被选中未选中

搁得住 · 发表于 2014-7-23 01:27:06

按下快捷键Ctrl+M，合成就被加入到渲染队列（Render Queue）了。
?

搁得住 · 发表于 2014-7-23 01:27:07

?
“渲染（Render）”就是把动画生成动画文件的过程，下面我们来做些设置：单击那个Lossless（无损）那个黄字（不是小三角哦）。
?

弹出的对话框格式（Format）里选Quicktime：
?

搁得住 · 发表于 2014-7-23 01:27:08

?
点开旁边的格式选项（Format Option），视频编码（Video Codec）选
择PNG，质量（Quality）选100，这样就能几乎画质无损地输出。
?

搁得住 · 发表于 2014-7-23 01:27:09

?
如果找不到Quicktime选项请先安装Quicktime，苹果官网上可以找到 http://www.apple.com/quicktime/
好，其他选项保持默认，点两次确定之后回到渲染队列，点击输出到（Output to）小黄字（不是小三角哦），设置生成的文件路径以及文件名，这里我还是保持默认的“未标题-1.mov”吧，然后别忘了点渲染（Render）按钮，等进度条跑完后，我们又要回熟悉的PS了"

搁得住 · 发表于 2014-7-23 01:27:10

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

搁得住 · 发表于 2014-7-23 01:27:11

?

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

?

搁得住 · 发表于 2014-7-23 01:27:12

?

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

搁得住 · 发表于 2014-7-23 01:27:13

?
右上的这些参数才是优化的重点，大家可以自己调整试试看什么参数能调的又小又不失真，最后点“存储为”输出，就大功告成了！
?
这种方法的好处是生成文件少，直观方便管理，且中间生成的视频文件也可作为展示资料用。
?
方法二：输出图像序列（序列帧）
?
有时候因为一些原因AE输出视频失败或者PS无法导入，这时就可以试试图像序列。
?
在AE里，渲染设置的时候选择PNG 序列（PNG Sequence）

搁得住 · 发表于 2014-7-23 01:27:14

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

搁得住 · 发表于 2014-7-23 01:27:15

?
然后打开PS，如果是PS CC及以上版本，直接可以文件 -> 打开，然后选中图像序列其中的一张图，勾上“图像序列”选项
?

搁得住 · 发表于 2014-7-23 01:27:16

?
?
然后帧率选25

搁得住 · 发表于 2014-7-23 01:27:17

?
之后的步骤参照方法一就行。
?
如果你的PS是CC以前的版本就稍微有点繁琐了，主要是导入序列帧比较麻烦。打开PS，文件 -> 脚本->将文件载入堆栈
?

搁得住 · 发表于 2014-7-23 01:27:18

?
弹出的面板选择浏览
?

搁得住 · 发表于 2014-7-23 01:27:19

?
然后选中所有序列帧
?

?

账号		自动登录	找回密码
密码			注册

[gif动图] Photoshop结合AE制作动态图片教程