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

1456天前
转载文章 / UI / GUI(游戏) (本文章为转载文章,如果若您的权利被侵害,请联系管理员删除的)
6174
0
5
 | 
作者:凌旬

十九、链接


原理:图形结合光束效果与表达式。


步骤:新建合成,绘制一个圆形,复制三个,改变大小和位置,然后新建纯色层,在效果和预设里找到光束并拖拽到纯色层上,柔和度改为0,颜色改为白色,调整长度以及厚度,然后选择两个圆形调出位置属性,之后为光束的起始点和结束点添加表达式,关联到两个圆形的位置上,(如果此时光束并没有把两个圆连接上可调整光束的长度),然后复制纯色层,选择其他的两个点重复上述操作,知道点皆两两相连,(共6根),然后为所有的圆的位置加关键帧每隔15f调节一下圆的位置,然后为所有关键帧添加缓动并调节运动速度。


拓展应用:可以结合移动缩放等效果做出其他有趣的动态。


1667209895291579_12.jpeg


1667209896885664_13.gif


二十、粒子


原理:粒子效果与插件Particler。


步骤:新建合成,新建纯色层,在效果和预设中找到CC Particle World并拖拽到纯色层上,为出生率,旋转,粒子寿命,出生以及死亡尺寸添加关键帧,即可得到很多有趣的效果,下面是给大家翻译好的名称,此效果最好使用插件Particler来制作,两者的效果有相似之处。


拓展应用:CC Particle World的翻译如下图所示(大家可手动调节不同的属性来熟悉操作)。


1667209896759926_14.jpeg


1667211721310222_0.gif


二十一、网格


原理:网格效果的应用。


步骤:新建合成,新建纯色层,在效果和预设中找到网格并拖拽到纯色层上,大小依据改为宽度滑块,然后宽度为50在0s时加关键帧,在1S时宽度改为150,在10f后再次添加关键帧,让网格宽度保持不动,然后1S后复制第一帧关键帧粘贴到此处,最后为整体关键帧添加缓动。


拓展应用:可以结合效果和预设中的其他效果来实现更多动态,比如旋转,极坐标等等。


1667209896419088_15.jpeg


1667209897889033_17.gif


 二十二、遮罩擦除 


原理:反转遮罩。


步骤:新建合成,绘制一个圆形,为缩放属性添加关键帧,让圆形由0经过20f到100%(如绘制的圆过大不到100%到自定义数值也可以),然后复制此图形,讲整体加关键帧向后移动20f,在形状图层1上遮罩设为alpha反转遮罩形状图层2,即可达到效果。


拓展应用:可以结合变换的效果制作或使用其他蒙版遮罩。


166720989724457_18.jpeg


1667211919488000_0.gif


二十三、粉碎


原理:破碎效果。


步骤:新建合成,新建纯色层,在效果和预设中找到碎片并拖拽到纯色层上,形状图案选择玻璃(也可以自定义绘制)调节方向,速度以及凹凸深度即可出现效果。


拓展应用:可调节灯光材质出现更加立体的效果。


1667209898202853_20.jpeg


1667212016543522_0.gif


二十四、卡片舞


原理:卡片动画的偏移。


步骤:新建合成,创建矩形,然后在效果和预设中找到卡片动画并添加到矩形上,因为行和列的数值是根据合成大小来确定的,矩形是比合成小的,所有行列要由肉眼去看而不是针对数值去调节,将灯光的强度深度环境光均调节到最大,为Z轴偏移和y轴偏移添加关键帧,复制矩形,删除所有关键帧,在下边图层的最后一帧关键帧对应位置,为复制好的图层的X轴偏移添加关键帧,可以在中间第二次变换是添加5f的停顿,并为所有关键帧添加缓动效果。


拓展应用:可以结合破碎效果与时间反向,使图形或文字由破碎到复原等等。


1667212054435466_0.jpeg


1667212054710151_1.gif

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

使用微信扫一扫登录

“乐魔UI”

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