AE教程!动态花瓣高级圆形阵列MG动画

时间:2022-07-12
B站视频:av384294125
类别:AE教程
水平:普通
这是一个能让你爱上画画,找回画画成就感,甚至画上瘾的练习方法 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:太阳鸽鸽棒(授权转载)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑:@十豆

关于教程

本期我们来研究高级圆形阵列动画中的设计技巧,教你如何在阵列动画中去除多元素之间的重复感。

在常规的矩形或者圆形的阵列动画中,由于都是某一元素沿着一条线或者一个中心点进行规律地复制,所以经常能够看出重复的痕迹,显得比较机械和呆板,其实只需对其中一些复制对象做一些小小的改动,就可以消除这种感觉了。可以是左右的变换,又或是元素的不同方向,这次的案例我们将演示这个完整过程~

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 制作月牙形状

使用圆形路径工具绘制一个圆,将其居中并改为蓝色,再制作一个稍大的圆形蒙版,将其羽化之后把它的轨道遮罩修改为阿尔法反转遮罩,再微调一下顶部蒙版的位置,这样一个月牙形状的造型就做创建好了。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

Step 02 制作花瓣

通过阿尔法遮罩得到花瓣的基础形状,调整大小将它与月牙形状对齐。然后修改图层样式为花瓣添加质感。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

创建一条线段,修改它的颜色与锥度,添加蒙版将其制作成花瓣中间的褶皱效果。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

Step 03 制作阵列动画

创建一个圆形遮挡花瓣,为圆形路径添加关键帧和效果制作出花瓣的消失动画。然后制作月牙圆形的动画,通过微调它们的动画时间,让它们匹配花瓣消失的频率,再使用色相饱和度插件月牙圆形动画添加随机感。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

使用index表达式制作成普通的阵列动画,会发现重复感比较严重,这里需要使用合成复制插件,并手动调整每个图层,来打破这种重复感。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

Step 04 绘制星星

先绘制一个矩形,再添加光学补偿插件,制作出十字星形。随后调整星型的缩放,使用starglow插件与deep glow插件做出发光效果。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

Step 05 添加细节

使用looks插件与曝光度插件等为整体花瓣添加光感细节。

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

AE教程!动态花瓣高级圆形阵列MG动画

最终效果图

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

10 收藏 16

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 3

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片