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

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

      
?
然后就耐心等待图像载入到PS图层里（如果你的图像序列很多，会载入相当长一段时间）
?

http://pic.16xx8.com/allimg/140722/235F612b-37.jpg

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

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


?
点击 创建帧动画，时间轴变成这样（有时候载入图层后你的时间轴直接是下图这样，就不用点创建帧动画那一步骤）：
?

http://pic.16xx8.com/allimg/140722/235FBV3-38.jpg

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

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


?
然后点击时间轴右上角的选项菜单，选择 从图层建立帧：
?

http://pic.16xx8.com/allimg/140722/235FA2G-39.jpg

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

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


?
这样终于把动画导进来了，可以先点下面的播放按钮播放一下，看看播放顺序是否正确
?

http://pic.16xx8.com/allimg/140722/235F63530-40.jpg

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

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


?
如果发现反了（多数情况如此），点击刚才的小菜单，选择 反向帧 来修正：
?

http://pic.16xx8.com/allimg/140722/235FA158-41.jpg

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

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


?
然后，选择时间轴上的所有帧，点击下面的“0秒”，在弹出来的菜单选择 其他时间 ，用以设置每帧存在时间：
?

http://pic.16xx8.com/allimg/140722/235FC212-42.jpg

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

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


?
弹出来的面板输入0.04，这个值是根据我们动画设置的25帧/秒来计算的（大家想想如果动画设置了30帧/秒或者其他值这里该填多少？），
?

http://pic.16xx8.com/allimg/140722/235F61004-43.jpg

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

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


?
确定之后的步骤和之前相同了，点击文件→存储为web所用格式：
?

http://pic.16xx8.com/allimg/140722/235F64051-26.jpg

?

http://pic.16xx8.com/allimg/140722/235F61954-27.jpg

?

http://pic.16xx8.com/allimg/140722/235FCW2-46.jpg

?
?
如果有问题或者建议，欢迎讨论！
页: 1 2 [3]
查看完整版本: Photoshop结合AE制作动态图片教程