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

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


四十九、对称移动


原理:利用表达式-1,使方向相反。


步骤:新建合成,绘制一个矩形,进行复制,为第一个矩形的位置属性添加关键帧,为第二个矩形的位置属性添加表达式。


拓展应用:可在文字和数字两侧设置辅助图案来完成转场效果。


1668058958261930_0.jpeg


1668058759777040_3.gif




五十、连续移动


原理:中继器。


步骤:新建合成,绘制一个矩形,角度改为45°,添加中继器,副本为5,并为位置属性添加关键帧(数值可根据自己图形大小来调节)。


拓展应用:可以制作卡片分开集合的效果等。






五十一、摆动移动


原理:随机表达式。


步骤:新建合成,绘制一个圆形,为位置属性添加表达式(下图解释)最后可以添加运动模糊。


拓展应用:可在其他图形上执行此表达式也可复制多个图形调整数值。


1668058759154239_6.jpeg


166805875938371_9.gif




五十二、残影


原理:效果预设中找到残影。


步骤:可以在51的效果基础上制作,在效果和预设中找到残影,可调整衰减的时间,强度,并为数量添加关键帧。


拓展应用:可以结合颜色的改变来处理出其他有趣的效果。


1668059253498500_0.jpeg


1668059253111351_1.gif




五十三、旋转


原理:基本属性旋转。


步骤:新建合成,绘制矩形,调整旋转(快捷键R)属性的关键帧。


拓展应用:基本的属性,经常使用应用范围很广。


1668059296179209_0.jpeg


1668059296806640_1.gif




五十四、对称旋转


原理:旋转表达式


步骤:新建合成,绘制矩形,设置旋转属性,然后复制矩形为旋转属性添加表达式(方法个第49个类似)只是一个是位置属性一个是旋转属性。


拓展应用:可绘制齿轮旋转效果。


1668059417146744_0.jpeg


1668059417735335_1.gif

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

使用微信扫一扫登录

“乐魔UI”

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