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

用户头像
广州/设计爱好者/6年前/1630浏览
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
Report
|
62
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in