当前位置:首页 > PS教程 > 设计教程

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

  • 2021-05-06 17:06:58
  • 来源/作者:互联网/佚名
  • 己被围观

以下以Windows版AE CC、PS CC作为例子,其他版本大同小异,用MAC的同学自己转换一下快捷键哈,由于我习惯用英文版AE,大家可能用中文版比较多,我尽量都照顾。中文翻译以AE 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动态图片

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) GIF 动态图

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?