AE动效学习笔记——图标篇

用户头像
广州/设计爱好者/6年前/1643浏览
AE动效学习笔记——图标篇
用户头像
林粿然

作为一个设计野路子,和大家分享一下我在AE动效学习路上的的一些思考



下面我会结合自己做的一些作品来说明对应的功能


1.1   基础属性

其实界面设计的动效大部分都会用到基础属性,主要包括位移,缩放,透明度,颜色还有旋转

*其中的旋转在开启了3D图层之后还可以作出斜对角翻转等花式效果



上面的这个底部TAB栏动效就用到了基础属性里的位移,缩放,旋转得到的效果



1.2   修剪路径

利用修剪路径可以达到一个绘制的效果



1.3   蒙版

蒙版是个好东西,可以帮助我们达到从一个形状变到另一个形状的效果



1.4   效果

利用一些效果可以让动效更加生动,常见的有拖尾,回弹,融球和爆炸

1.5   形态路径

形态路径也就是变形,一些适合身体动作的变化会让动效更加有趣


下面我会用一些临摹的例子来说明这些设计思路


2.1   线性——线性

a.路径重组——通过两个路径之间的联系来思考(常用缩放,变形,旋转)


b.由线转点,重构路径(常用修剪路径)


2.2   面性——面性

a.分裂融合(通过融球效果实现)


b.蒙版路径(剪影图标)

c.蒙版遮罩(适合有包含关系的图形)



2.3   线性——面性

a.常用缩放,可配合蒙版做出光圈效果

2.4   其他图标

a.利用图标所表达的含义做出适合该含义的动效




3.1   物体沿某个路径运动

a.沿闭合路径运动(在纯色层里形状-复制蒙版路径到物体的位置属性粘贴,注意锚点要在中间)

b.沿单一路径运动(用钢笔绘制路径-复制路径到物体的位置属性粘贴,注意锚点要在中间)

tips:复制路径一定要在关键帧上复制,粘贴到位置属性的时候要在首帧粘贴


3.2   形态动效(更改路径)

a.利用操纵点工具在形状上打操纵点,再打锚点关键帧(适合描边较粗的形状)

b.可在形状的路径里通过钢笔更改锚点(注意创建形状时要勾选贝塞尔曲线路径)

c.新建纯色层,可从AI里复制形状到纯色层里粘贴得到蒙版路径(适合只有单个颜色的形状)


3.3   蒙版

a.可在一个形状里新建一个蒙版形状,在蒙版扩展里调节(适合从中心点缩放的图形)

b.可在一个形状里新建一个形状,在内容里选择新建合并路径,通过位置的变化来调节(适合布尔运算)

c.在纯色层里粘贴形状得到内外两条蒙版路径分别粘贴到另一个图形的蒙版路径(可在过程中用钢笔逐帧调整蒙版路径,以获得流畅效果)


3.4   爆炸效果

a.用motion插件里的burst效果直接可以做出礼花效果(只能做出矩形和圆角矩形两种形状)

b.创建形状(注意不要勾选贝塞尔曲线路径)在路径里调整大小和位置,添加中继器效果添加副本


3.5 形状产生规律性变化

a.为形状添加摆动路径效果(描边和填充形状都适合)

b.为形状添加Z字形效果(适合描边形状)

c.波形变形效果(适合描边形状且当固定全部边缘时只变化中间部分)

29
举报
|
62
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
新能源APP应用UIKit
【新年UI图标】美食icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
UI界面 组件
手表表盘UI系列
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
新拟态风格 UI设计组件库
户外旅行飞机情侣假日出行
科技医疗透明柜UI界面设计
【新年UI图标】积分icon
【新年UI图标】活动icon
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册