当前位置:首页 > PS教程 > 版本教程

ps cc结合AE做一个时钟动态图

  • 2022-12-24 20:14:37
  • 来源/作者:互联网/佚名
  • 己被围观

很多UI设计师希望通过GIF动画展现自己的作品却不知如何入手,本文提供了一套PS+AE制作GIF动画的基本流程,希望能给大家点帮助。

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

 

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

 

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

 

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

 

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

 

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

 

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

 

右上的这些参数才是优化的重点,大家可以自己调整试试看什么参数能调的又小又不失真,最后点“存储为”输出,就大功告成了!

 

这种方法的好处是生成文件少,直观方便管理,且中间生成的视频文件也可作为展示资料用。

 

方法二:输出图像序列( 序列帧)

 

有时候因为一些原因AE输出视频失败或者PS无法导入,这时就可以试试图像序列。

 

在AE里,渲染设置的时候选择PNG 序列(PNG Sequence)

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

 

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

 

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

 

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

 

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

 

 

然后帧率选25

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

 

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

 

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

 

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

 

弹出的面板选择 浏览

 

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

 

然后选中所有序列帧

 

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

 

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

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

更多精彩内容

  • 斗转星移陈妍希明星合成教程(10P) 斗转星移陈妍希明星合成教程(10P)
  • 变老教程,利用ps把年轻人变成老年人效果 变老教程,利用ps把年轻人变成老年人效果
  • ps超酷水墨字效果 ps超酷水墨字效果
  • 特色风格,用滤镜做GTA5风格图片 特色风格,用滤镜做GTA5风格图片
  • PS使用纹理图片调色方法 PS使用纹理图片调色方法
  • cs6抠头发丝教程 cs6抠头发丝教程
  • 做投影,教你用ps做最近十分流行的长阴影 做投影,教你用ps做最近十分流行的长阴影
  • ps鼠绘网球教程 ps鼠绘网球教程