动效周期表设计原理解析-11

1433天前
转载文章 / UI / 动效设计 (本文章为转载文章,如果若您的权利被侵害,请联系管理员删除的)
2731
0
1
 | 
作者:凌旬

六十一、随机摆动


原理:随机表达式。


步骤:新建合成,绘制一个圆形,为缩放属性添加摆动表达式。


拓展应用:可制作心跳的动态等。


1669203272258387_26.jpeg


1669203272965880_27.gif




六十二、点


原理:利用中继器来实现。


步骤:新建合成,绘制一个圆形,添加中继器,横向副本多一些,再次添加中继器,纵向副本多一些,(调整位置X,Y的数值可以改变横纵以及间距),然后为圆形的大小添加关键帧,最后为整体关键帧添加缓动,调整速度。


拓展应用:可用来当做背景等。


1669203272876011_28.jpeg


1669203274952692_29.gif




六十三、线条修剪


原理:修剪路径。


步骤:新建合成,用钢笔工具绘制一条线段,取消填充保留描边,添加修剪路径,为开始和结束属性添加关键帧(如下图)最后为关键帧添加缓动。


拓展应用:很常用的一个功能,很多地方都可以用到修剪路径。


1669204088266337_0.jpeg


1669204088130128_1.gif




六十四、图形修剪


原理:修剪路径的应用。


步骤:新建合成,绘制一个圆形保留描边,添加修剪路径,调整开始和结束的关键帧(方向可调整椭圆的路径),大致操作方法和63几乎一致。


拓展应用:很常用,可做转场效果。


1669204230879427_0.jpeg


1669204230680212_1.gif




六十五、连续伸缩


原理:修剪路径并错开时间。


步骤:新建合成,绘制一个圆形保留描边,添加修剪路径,调整开始和结束的关键帧,复制多个,错开时间(间隔可自行调整)。


拓展应用:灵活度更高,应用范围比63和64更广一些。


1669204342221805_0.jpeg


1669204342180026_1.gif




六十六、饼形修剪


原理:修剪路径。


步骤:新建合成,绘制一个圆形,只保留描边,使描边充满整个圆形,添加修剪路径,调节开始的关键帧数值,最后为所有关键帧添加缓动。


拓展应用:转场动画,场景切换等等。


1669204388758548_0.jpeg


1669204388116049_1.gif

声明:乐魔UI(Lemooui)内网友所发表的所有内容及言论仅代表其本人,并不反映任何UI(Lemooui)之意见及观点。
举报
收藏
文章-动效设计
2731
0
1
标签
没有标签
全部评论
发表评论
设置密码
注册会员
我已阅读并接受《乐魔UI协议》
微信登录
二维加载中...

使用微信扫一扫登录

“乐魔UI”

建议反馈
提交取消
举报
提交取消