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

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


三十、线性扫描


原理:效果和预设中的CC Line Sweep。


步骤:新建合成,绘制一个矩形,在效果和预设中找到过渡-CC Line Sweep并为矩形添加此效果,在矩形上为结束属性添加关键帧,然后复制矩形(方法和百叶窗的制作相似),我们可以调节关键帧的位置,让中间有一个停留,最后为所有关键帧添加缓动。


拓展应用:也可以结合马赛克来为图形或文字添加此效果。


1667535372763691_13.jpeg


1667535372838752_14.gif




三十一、文本特效


原理:效果和预设中的解码淡入效果。


步骤:新建合成,新建文本输入文字,在效果和预设中找到解码淡入并为文字添加此效果,调节关键帧的位置。然后可在文字下部绘制一条横线。


拓展应用:可添加滑块,百叶窗等其他效果为文字做出更多有趣的动效。


1667535373872601_15.jpeg


1667535373103333_16.gif



三十二、随机


原理:采用随机表达式。


步骤:新建合成,新建纯色层,绘制一个圆形,并为圆形的位置属性添加表达式[t1+w,t2+h];t1=random(200);t2=random(200);h=thisComp.height/50;w=thisComp.width/50;[t1,t2],(解释在下图)最后可以添加预合成,调整预合成的位置。


拓展应用:也可以为数字添加表达式。


166753537345637_17.jpeg


1667535373731948_18.gif



三十三、sin正弦


原理:正弦表达式。


步骤:新建合成,新建纯色层,在效果和预设中找到写入并为纯色层添加此效果,为画笔位置添加表达式(下图会进行解释),绘制一个圆形并为位置属性添加表达式(如下方),然后绘制一调虚线,将虚线的位置关联到圆形上。也可以将整体设置预合成添加蒙版等等。


拓展应用:如果想让圆随着正弦波动可以设置父子关联。


1667535374608278_19.jpeg


1667535374874418_20.gif



三十四、弯曲


原理:CC Bender效果。


步骤:新建合成,绘制一个矩形复制四个,为五个矩形拉开距离进行对齐,在效果和预设中找到CC Bender并为矩形添加此效果,调整顶点和底点的位置,然后为弯曲的数值和类型添加关键帧(如下图),最后为整体添加缓动。


拓展应用:可制作转场动画。


1667535374615888_21.jpeg


1667535375207193_22.gif



三十五、波形变形


原理:波形变形效果。


步骤:新建合成,绘制一个圆形,在效果和预设中找到波形变形并为圆形添加此效果,为波形的类型和高度添加关键帧(如下图所示),


拓展应用:可以结合摆动或其他效果。


1667535375320563_23.jpeg


1667535375587244_24.gif



三十六、旋转扭曲


原理:旋转扭曲效果。


步骤:新建合成,绘制一个矩形并为矩形添加旋转扭曲效果,为角度属性添加关键帧,为图形自身旋转属性添加关键帧(如下图所示),最后为所有关键帧添加缓动。


拓展应用:可结合文字或其他图形来做此效果。


1667535376266011_25.jpeg


1667535376882614_26.gif

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

使用微信扫一扫登录

“乐魔UI”

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