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

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

五十五、连续旋转


原理:中继器。


步骤:新建合成,绘制一个矩形,添加中继器,副本为4,并为旋转属性添加关键帧,数值如下图所示,最后为关键帧添加缓动。


拓展应用:可做旋转CD,换成其他图形都可以。


1668059964881373_0.jpeg


1668059964822986_1.gif




五十六、摆动回弹


原理:随机表达式。


步骤:新建合成,绘制一个圆形,添加修剪路径设置结束数值,然后为旋转属性添加表达式(下图解释)。


拓展应用:可制作钟表或机械的指针。






五十七、三维旋转


原理:通过打开3D开关来调节更多维度的旋转角度。


步骤:新建合成,绘制一个圆形,复制多个打开3D属性,分别调整不同图形的不同方向的旋转角度如下图,最后添加关键帧缓动。


拓展应用:可为其他效果打开3D开关,从而可以多一个维度的来实现更多效果。


1668060058800694_0.jpeg


1668060085518317_0.gif




五十八、比例


原理:调整形状的大小,缩放比例。


步骤:新建合成,绘制一个矩形,调整路径大小以及缩放,中间设有停顿等待,最后整体关键帧添加缓动然后调整速度。


拓展应用:调整大小,方向,比例很常用,多处场景均可。


1668060119832423_0.jpeg


1668060119207761_1.gif




五十九、对称缩放


原理:调整形状的缩放数值。


步骤:新建合成,绘制两个矩形,分别调整缩放的数值,并错开图形的位置,最后为关键帧添加缓动。


拓展应用:也可使用表达式来设定。






六十、连续伸缩


原理:利用比例属性来调节。


步骤:新建合成,绘制一个矩形(只保留描边),旋转角度45°,添加中继器,副本为5,然后调整中继器中的比例的关键帧数值,最后为所有关键帧添加缓动。


拓展应用:可结合修剪路径来进行操作。



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

使用微信扫一扫登录

“乐魔UI”

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