PS设计教程网欢迎你!

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

文章来源于 站酷,感谢作者 bigxixi 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2014-07-22
然后打开PS,如果是PS CC及以上版本,直接可以文件 - 打开 ,然后选中图像序列其中的一张图,勾上图像序列选项 然后帧率选25 之后的步骤参照方法一就行。 如果你的PS是CC以前的版本就稍微有点繁琐了,主要是导入序

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

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

然后帧率选25

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

之后的步骤参照方法一就行。

如果你的PS是CC以前的版本就稍微有点繁琐了,主要是导入序列帧比较麻烦。打开PS,文件 -> 脚本->将文件载入堆栈

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

弹出的面板选择 浏览

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

然后选中所有序列帧

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

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

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

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

点击 创建帧动画,时间轴变成这样(有时候载入图层后你的时间轴直接是下图这样,就不用点创建帧动画那一步骤):

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

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

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

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

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

如果发现反了(多数情况如此),点击刚才的小菜单,选择 反向帧 来修正:

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

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

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

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

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

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

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

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

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

进入论坛交作业:http://www.missyuan.com/thread-707966-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa