首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> GIF 动画 >> 正文

PhotoShop+AE制作复杂效果GIF动画的过程详解

[ 作者来源:莫贝网 编辑整理:PhotoShop资源网 更新时间: 2015-05-01 录入: 黄叶飞扬 ]


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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

6、输出动画,生成GIF

动画做再*,输不出来也白搭。AE虽然是专业影视动画软件,但它的输出选项其实少的可怜(当然配合自家的MediaEncoder能输出更多格式,不过这不在本教程讨论范围了),反正是没有GIF直接输出的选项了,我们只能曲线救国。

方法一:输出视频转GIF

确保我们的”未标题-1″合成处在被选中状态(边框变黄色),

按此在新窗口浏览图片 按此在新窗口浏览图片

被选中 未选中

按下快捷键Ctrl+M,合成就被加入到渲染队列(Render Queue)了。

按此在新窗口浏览图片

“渲染(Render)”就是把动画生成动画文件的过程,下面我们来做些设置:单击那个Lossless(无损)那个黄字(不是小三角哦)。

弹出的对话框格式(Format)里选Quicktime:

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!