ae实现背景图光圈扩散效果

AE动画 yekong

数据可视化大屏项目开发中,收到的设计图中,背景图是这样一个效果,今天我们来实现一个光圈扩散的效果。

准备

下面是我们准备的背景图

ae实现背景图光圈扩散效果

动态效果

导入到ae

将图片拖到ae中

复制素材

ctrl+D复制一份背景图

ctrl+D复制一份背景图

查找边缘

添加效果,我们给背景图添加一个查找边缘的效果

查找边缘

查找边缘-我们勾选反向

查找边缘-我们勾选反向

添加色调

将白色映射的颜色改为我们想要的颜色,这里我们改为蓝色

添加色调

增加发光效果

我们使用deep glow来增强一下效果

增加发光效果

选中素材添加合成

ctrl+shift+c 选中素材添加合成,这里我们选择将所有属性移动到新合成。

选中素材添加合成

将模式设置为相加

将模式设置为相加

添加曲线效果

添加曲线来,来微调发光区域,让主要区域更清晰

添加曲线效果

创建蒙版

我们添加一个圆形的蒙版,并添加蒙版羽化,我们给

蒙版扩展k帧,0秒的时候0像素5秒的时候1000像素

创建蒙版

创建第二个蒙版

第一个蒙版完成后,我们选中第一个蒙版,ctrl+D复制一份,并将类型设置为相减,蒙版扩展动画延迟0.5秒执行,这样就形成了光环扩展效果了。

创建第二个蒙版

制作流程

源文件下载

源文件包括ae源文件
以及vue3帧动画渲染代码

相关文件下载地址
此资源需支付 ¥2 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
ae实现背景图光圈扩散效果