AE打造交互小动画

原创 2016年08月31日 10:35:19

第一步:在photoshop制作应用界面,(注意图层要分开)

第二部:安装,并打开ae软件 ,(最好选用应版本,因为比较稳定)

 

第三部:点击composition新建合成文件,设置大小,将大小设置成750*1334,(详细设置如下)

 

 

第四部:鼠标右击点击new-solid新建固态点击OK后如下图


第五部:鼠标右击点击new-solid新建固态点击OK后如下图


第六部:导入ps文件时一定要选择composition(合成)文件,这样导入ae里是分层的,点击ok’

点击ok以后图形会根据设置的尺寸大小分布在ae当中。下面开始做动画。


第七部:将图层12345按出场循序逐个移动开,按键盘上“p”键调出位移命令。并将中心点移动到每个图层的中心位置。


第八部:p键调整5的位置动画从上到下位移降落,以及透明度从0到100,以此类推1-4同样的方法制作.


第九部:位移动画做好之后,(要做弹出层)把所有图层打组,并且新建一层黑色固体层调整透明度为40%。


第十部:复制一层放到黑色遮罩上的上面,并打开3d图层,将中心点移动到一侧


第十一部,:移动y轴和透明度给3d图层制作动画,调整好位置以及帧速以后,按空格键即可预览。


第十二部,:渲染设置(如图所示),按render可进行渲染。

研发部 张响 整理

AE制作json文件格式动画以及lottie开源库的使用

手机应用上有很多地方需要用到动画的地方,比如启动页面欢迎界面等,有些动画比如简单的伸缩旋转等我们可以用属性动画来制作,但是涉及到一些复杂的不规则的动画我们要实现起来就很麻烦,但是利用lottie加载j...
  • jhl122
  • jhl122
  • 2017年02月23日 10:17
  • 10990

AE 动画直接变原生代码:Airbnb 发布开源动画库 Lottie

原文 Airbnb 发布的 Lottie 是一个面向 iOS、Android 和 React Native 的开源动画库。 简单来说,就是可以直接利用 AE 导出的 JSO...
  • qq_34047841
  • qq_34047841
  • 2017年02月09日 09:30
  • 2926

AE打造交互小动画

第一步:在photoshop制作应用界面,(注意图层要分开) 第二部:安装,并打开ae软件 ,(最好选用应版本,因为比较稳定)   第三部:点击composition新建合成文件,设置大小,...
  • lashou_tech
  • lashou_tech
  • 2016年08月31日 10:35
  • 1375

AE和C4D交互插件

  • 2013年08月21日 13:09
  • 2.25MB
  • 下载

花了7天看了上千个交互动效神作,我总结出5个技巧

编者按:对一个全无经验的动效新手而言,如何制作出「正确」而不是「华丽」的动效?今天这篇Medium 上的好文,从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面,附上案例分析,帮你学会基础...
  • vanessary2016
  • vanessary2016
  • 2016年06月22日 15:15
  • 2936

AE 制作一个简单的动画

创建一个简单的动画 常用快捷键:command + 3 打开预览界面;空格键 直接预览 1、 command + N 创建一个工作空间,尺寸选择 720 x 1280 或者如图在当前工作空间右...
  • sinat_24196195
  • sinat_24196195
  • 2017年07月10日 18:53
  • 764

ae二次开发常用的类和接口

ae二次开发常用类和接口
  • qq_23490365
  • qq_23490365
  • 2016年11月30日 16:13
  • 1053

JS和app交互

一、    H5上代码的对接 要点:1.Object类型的传参、2.同一个与app交互的JS方法、3.脚本方法需内嵌到head里面。   html>     head>         me...
  • manyxh
  • manyxh
  • 2016年08月04日 14:17
  • 3757

帧融合的功能(慢镜头的制作)

转自:http://mc2109.blog.163.com/blog/static/253694620087217213706/ 帧融合的功能(慢镜头的制作)   2008-08-21 1...
  • lijiatong1005
  • lijiatong1005
  • 2013年08月21日 09:58
  • 1398

【一步一个脚印】Tomcat+MySQL为自己的APP打造服务器(3-2)Android 和 Service 的交互之POST方式

今天是圣诞节,虽说我本人对这个西方节日没什么感觉,但毕竟还是有很多小年轻人(自认为已然脱离年轻人的航道)挺在意这个节日的,在这里祝大家圣诞快乐吧(要是凑巧你也没什么感觉,那就预祝元旦快乐)!     ...
  • a_running_wolf
  • a_running_wolf
  • 2016年12月27日 16:45
  • 5260
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AE打造交互小动画
举报原因:
原因补充:

(最多只允许输入30个字)