当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

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

来源:站酷 作者:bigxixi 学习:16900人次

 

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制作动态图片教程

 

 

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

 

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
论语2017-09-16 06:09
想学,但看完步骤却有心无力
落烨无悔2014-07-23 11:04
楼主我想学<给力>
维他命蕃茄2014-07-23 08:36
楼主 无敌!!!!楼主 无敌!!!!楼主 无敌!!!
凤楼火凤凰2014-07-23 01:01
来吧,学系学习
牛奶sunnysky2014-07-23 12:54
第一次进来,学习一下。
擦擦擦的时候2014-07-23 12:44
好东西大家一起分享= =
贵族十字枫2014-07-23 12:14
好好看的感觉
浮躁边缘2014-07-23 08:50
不错不错
HoganZhang2014-07-23 08:24
谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.谢谢LZ.
老东爱自己2014-07-23 05:20
hahaha
墙角上的小蚂蚁2014-07-23 05:01
好复杂啊
征东平西将军2014-07-23 03:27
看看一看看一看看一看看一看看一看看一看看一看看一
盛夏冰安2014-07-23 01:58
学习看下。、。。。。。。。。。。。。。。。。采集
搁得住2014-07-23 01:26
?2、关于GIF动图?GIF会动,是因为它是由很多单张的图片打包在一起播放,因而体积会很大,动辄好几兆,要发网上播放容易卡壳儿影响效果。当然适当的优化可以减小体积,更重要的是在做之前要心里有个数,在保证效果的前提下尽量避免会造成臃肿的情况。那么什么参数会影响GIF图的体积呢?①尺寸②动画时长③帧率④颜色数尺寸、动画时长很容易理解;帧率说的是每秒播放多少张图,帧数越大动画越流畅,代价就是体积变大,一般超过超过30就没意义了;颜色数是很多人忽略也很重要的一个关键影响因素,颜色数越少体积越小,同时画质越差,但是很多动画本身就没用几种颜色,这里头的压缩空间就很可观了,所以那种有复杂写实背景的GIF通常要么体积巨大要么画质很渣。尺寸我建议用dribbble的400x300像素,长度控制在10秒内,帧率25,颜色数根据动画的不同尽量用128以下的吧。
搁得住2014-07-23 01:07
?2、关于GIF动图?GIF会动,是因为它是由很多单张的图片打包在一起播放,因而体积会很大,动辄好几兆,要发网上播放容易卡壳儿影响效果。当然适当的优化可以减小体积,更重要的是在做之前要心里有个数,在保证效果的前提下尽量避免会造成臃肿的情况。那么什么参数会影响GIF图的体积呢?①尺寸②动画时长③帧率④颜色数尺寸、动画时长很容易理解;帧率说的是每秒播放多少张图,帧数越大动画越流畅,代价就是体积变大,一般超过超过30就没意义了;颜色数是很多人忽略也很重要的一个关键影响因素,颜色数越少体积越小,同时画质越差,但是很多动画本身就没用几种颜色,这里头的压缩空间就很可观了,所以那种有复杂写实背景的GIF通常要么体积巨大要么画质很渣。尺寸我建议用dribbble的400x300像素,长度控制在10秒内,帧率25,颜色数根据动画的不同尽量用128以下的吧。

关注大神微博加入>>

网友求助,请回答!