[坚持学习]AE交互动画

用户头像
杭州/设计爱好者/10年前/1454浏览
[坚持学习]AE交互动画
用户头像
winnitoto

坚持学习,多做总结,互相交流

花了一些时间做了以下弹跳的AE动画,现在就以下用到的AE的知识做以下总结:

准备工作:ae cc 2015 http://pan.baidu.com/s/1i5prM8P  amtlib.framework 9.0.0.21 v2 by TNT.dmg(破解利器)    

          

1.图层设置

新建

e8ff578e53060000018c1be2db56.jpg

我们可以图层纯色设置背景以及矩形,我们可以用纯色设置改变形状,比如这个地面、比如这个小球和圆角矩形.


2.蒙板工具及矢量图层

矩形工具和纯色设置有什么不同?矩形有内容属性,纯色设置有蒙板(大部分都用这个)

9621578e53380000012e7e53bcac.jpg


3.关键帧的添加

我们要根据小球落地的物理情景,它的位置有变化可以利用这个状态的变化设置关键帧,并不断地进行调整


4.调整关键帧动画曲线(很重要)

我们调整好关键帧后,发现落地很生硬,我们需要有弹性的效果。这里我们要看曲线110c578e53970000018c1b648268.jpg。我们选中所有的关键帧进行缓动调整

ff14578e53be0000012e7e8f7025.jpg


5.形状调节及模糊的运用

小球落地必然有形状的变化,在落地时我们调整缩放y轴方向变短,x轴变长。关键帧可进行复制。调整完之后,看看在空中可以让它在y轴变长。并进行优化。


6.蒙板路径的调整

想要圆变方,这里可以用蒙板路径改变形状圆形变方形。但是没有圆角矩形,这里我们在做一个纯色层,选择圆角矩形做一个属性和该位置的方形一样属性,然后把该帧复制到方形的帧上。


7.输出

输出队列,在输出模块设置时,格式选项>视频解码器为>jpg,不过整体输出的格式为MOV。要专为比较高清的gif,还是要用ps。导入>视频到图层渲染>保持web格式的gif 无仿色。大功告成!

7462578e544d0000018c1bb4392c.jpg

get的快捷键:k:跳后一个关键帧    J:跳前一个关键帧    ;:切换到帧模式

                         S:缩放                      P:位置


6
举报
|
11
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
新拟态风格 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
【新年UI图标】旅行icon
【新年UI图标】会员icon
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
户外旅行飞机情侣假日出行
高级表盘系列UI源文件
【新年UI图标】秒杀icon
拟物风质感写实UI卡片合集源文件
UI通用设计素材1
【新年UI图标】体育icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新能源APP应用UIKit
【新年UI图标】钱包icon
科技医疗透明柜UI界面设计
UI界面 组件
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
你可能喜欢
大家都在看
登录注册