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

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

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

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

 

5、在AE里制作动画

 

将PSD文件正确导入AE之后,我们就可以开始动画的制作了,介于本篇教程是基础篇,具体的动画内容、技巧等不作太多赘述,计划在以后的教程里做展开。这里只聊聊AE的基本操作。

首先我们看下AE的界面:

双击打开PSD文件同名的合成(例:未标题-1)

 

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

 

项目面板——所有素材、合成都在这里哦。

 

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

 

这个面板显示打开的合成里的各个层,注意到在PS里分好的组是以合成的形式存在的,双击之可进入“组1”、“组2”。

 

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

 

预览面板,可以看懂我们的小图图了连参考线也能导入哦。其实AE可以把PS里的路径、图层样式、参考线、分组统统导进来,果然是Adobe自家兄弟!


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


时间轴,大概是UI设计师们比较陌生的东西了,别怕,西西带你玩转它!

 

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


万事开头难,下面我们先来做个最简单的动画,本例是一个钟,那就让指针转一圈。把时间轴上的指针移到0秒,找到指针所在图层(组4),点开小三角,点Transform->Rotation(变换->旋转)旁边的小秒表,这样我们就在0秒处添加了一个关键帧,如图:

 

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

 

然后将指针移到10秒处,将旋转数值设为360°(会自动变成1x+0.0°),意思是转了一圈。好,按下空格播放可以看到旋转的效果。

 

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

 

 

如何做炫目的效果不是本篇教程的目的,成功动起来了咱就翻篇吧~

 

再次提醒:一定要记得随时存盘!

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

更多精彩内容

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