相关分类
AE实例教程
AE特效教程
AE视频教程
VIP会员AE教程
飞特网 顶部通栏广告

AE制作APP界面动效

妮子发布于:2015-8-26 09:53
妮子
浙江省 绍兴市 GUI设计师
发私信 + 关注
简介: 这篇教程教飞特的AE学习者们使用AE制作APP界面动效,AE原本是做影视后期特效的,但是制作出来的动效GIF能力超群,所以现在很多的效果也被运用到APP程序的界面效果制作中,这篇教程制作的几个动效都非常实用,推荐一 ...


透明框

透明框的运动,开始以很快的速度移动了大部分位移,后来速度减慢,缓缓移动到原位,设置如下

备注:Ease and Wizz中设置Quad+out 运动效果比较平滑。

底部文字

备注:

1.三个蓝色框,当蓝色框触及到底部时,文字快速弹出,不透明度从0->100%,比例从0->100%

2.透明框中的文字随透明框一起运动(位置设置可以参考透明框),但是,左侧的文字先到,右侧的-4度后到,注意时间轴中得设置。

云朵

当透明框的文本开始出现时,云朵出现,先是透明度从0-100%。

而比例开始时是60%,当透明度到了100%时,从60%->100%

雪花小圆点

当云朵动效完成后,雪花小圆点开始逐个出现。

备注:

1.注意小圆点会错落的向右移动,然后弹回,注意运动顺序的调节

2.此次也建议用Quad+Out

3.注意小圆点逐个出现,因此透明度的变化要在时间轴上依次设置。

Snowy文字效果

这里运用了蒙版运动,来打造Snowy文本逐渐出现的效果,注意Snowy不透明度也要变化(蒙版的不透明度变化是多余,请勿模仿)

效果:

原作者的做法:

效果:

结果:

----------------------------------------------------以上为动画制作部分--------------------------------------------------------------

三、导出

方法1:AE+PS

1.保存后,AE中合成>添加到渲染队列

完成设置后,点渲染

2.用PS打开渲染出来的.mov(文件>导入>视频帧到图层)

3.Cmd+Shift+S 或者 文件>储存为Web可用格式

备注:

1.循环选项选择永远

2.图像大小可以设置

3.注意选择Gif格式

方法2:LiceCap

如果你不想用PS的话,可以先调节AE中画布大小,再使用LiceCap这款录屏为Gif的小软件录制,很方便,堪称最好用的GIF录制软件。(有多平台版本)

录制效果:

FEVTE编注:更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目,地址:https://www.fevte.com/moive/AE/AESL/

123
26

好评
20

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

妮子
浙江省 绍兴市 GUI设计师
+关注 发私信
发表评论

最新评论

引用
七晨发布于:2019-5-13 16:27
交个作业~~
引用
半梦半醒发布于:2016-2-25 09:49
棒棒哒,做得很逼真。同理,做手机来电的效果也是可以的。

引用
畅海发布于:2015-8-31 16:51
不错

查看全部评论(3)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计