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

AE制作APP界面动效

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



步骤5

 保存一下

 

展示合成


步骤1 

创建合成2

尺寸1280 x 720帧数29,时间6s

Screen Shot 2014-05-09 at 5.14.28 PM

步骤 2. 导入iPhone背景,调整尺寸。

步骤3

把合成1拖到合成2里面,那么合成2里面应该是这样:(p.s,我加了一层背景层)



步骤4.

选中合成1,效果>扭曲>边角定位,让合成1的4个角对上模板中屏幕的4个角。

-----------------------------------------------以上为基本构建部分-------------------------------------------------------------------

二、动效制作

下面,我们来分解一下动画

1.3个蓝色方框变长,不同时的落下

2.透明框从底部往上移动,自始至终宽度不变。

3.4个框抵达目的地后,文字开始出现,蓝色框文字是比例扩大+从不透明变透明,透明框中得文字是从不透明变透明。

4. 云朵图标,同时伴随雪花。

5. Snowy文字出现。

形状图层中,可以控制的属性有比例、位置、不透明度、描边等等,本文的动效中,就充分利用了这些属性随时间的变化,打造出动画效果。

处理过程

首先推荐2个脚本插件Ease and wizz和Repostion Anchor Point

一个方便做运动曲线,一个方便设置锚点位置。


三个蓝色框

打开合成1,选中三个蓝色框,设置如下

备注

1.最左面和最右面的蓝色框锚点在上方(利用Anchor Point插件设置)

2.比例从0-100%

3.利用Ease and wizz选中关键帧,可以很方便的调节运动曲线。

26

好评
20

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

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

查看全部评论(3)

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

委托设计