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 动画直接变原生代码:Airbnb 发布开源动画库 Lottie

Airbnb 发布的 Lottie 是一个面向 iOS、Android 和 React Native 的开源动画库。 简单来说,就是可以直接利用 AE 导出的 JSON 动画文件,将其解析为原生...

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

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

【C++源码】基于Win32窗口编程实现的小动画

翻开3年前刚接触计算机编程时作为练习写下的小动画源码,仿佛又回去那段充满乐趣的学习阶段,那时每当写完一个小程序都会有一种发自内心的自豪,都会有问自己离真正的程序员是不是已经很近了?回首阅读这些代码,不...
  • nlqlove
  • nlqlove
  • 2012年06月09日 19:58
  • 6275

CYC-爱心暖暖的小动画

一个看着暖暖的心形小动画 简单操作 就能实现 送给另一个她一个小惊喜吧一个UIView 用于布局#import "XinView.h" @implementation XinView - (in...

CSS3 小动画

html+css3制作的一个小动画

小动画演示如何用调整边框快速抠出…

调整边缘抠图是极快的,不过新手对调整面板的设置面板比较陌生,这里作者用小动画的效果演示调整边缘抠图中一些重要参数设置,弄懂后抠图就非常容易。 原图 最终效果 ...

【技术控】 如何做按钮小动画?HTML+CSS3

当在做网站前端的时候,如何利用HTML+CSS3 做按钮小动画,下面的案例大家可以试试,附源代码! 按钮,宽:200,高:45,背景颜色:浅蓝 #b9ccd2 如下图:   当鼠标移动到按钮...
  • ak619
  • ak619
  • 2016年02月25日 14:35
  • 365

FLSSH小动画

  • 2012年12月23日 09:13
  • 28.12MB
  • 下载

星座查询小动画

  • 2014年01月01日 14:53
  • 912KB
  • 下载

c#:利用Timer和图片框控件,编写一个图片不断向左移动的小动画

利用Timer和图片框控件,编写一个图片不断向左移动的小动画。所用图片自行提供或设计。 提示:(1)改变图片的Left值,图片向左(右)移动;改变图片的Top值,图片向下(上)左移动;同时改变图片的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AE打造交互小动画
举报原因:
原因补充:

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