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

准备

下面是我们准备的背景图

动态效果

导入到ae

将图片拖到ae中

复制素材

ctrl+D复制一份背景图

查找边缘

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

查找边缘-我们勾选反向

添加色调

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

增加发光效果

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

选中素材添加合成

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

将模式设置为相加

添加曲线效果

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

创建蒙版

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

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

创建第二个蒙版

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

制作流程

源文件下载

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