Photoshop结合AE制作超炫的GIF动画图片

  发布时间:2014-07-23 08:30:52   作者:佚名   我要评论
本教程是向大家介绍Photoshop结合AE制作超炫的GIF动画图片,教程很实用,介绍的非常详细,需要学习者对这两款软件都比较熟悉。转发过来,喜欢的朋友可以跟着一起来学习制作

然后打开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动画图片

教程结束,以上就是Photoshop结合AE制作超炫的GIF动画图片,希望大家喜欢本教程!

相关文章

最新评论