大家好，我是灰大设计团队的  灰色执照 ~

在我从事设计工作的时候，我经常看到我同事去千图、千库……等一些素材网站上下载“光效”素材。也就是下图标题上的这一种。

▲ 光效素材往往就是放在标题附近。

▲ 有的同事找不到透明背景的素材，还抠图，或者用柔光、滤色等叠加模式，切图的时候苦不堪言。

▲ 这是我在千图、千库等素材网站上，搜“光点”就能搜到很多这种素材。

你可以在这些素材网站上，搜索到很多的这种玩意。

这些素材到底是怎么做的呢？

阿灰平时主要是使用 AE 来制作它。也就是利用到AE的 Optical Flares 这个插件。一般来说，你可以很容易从百度下载到这个插件，有时候，我也会去 https://www.lookae.com 这个网站下载对应的版本。通常下载到的安装包里面都有详细的安装和破解办法。你根据他的说明，一定可以很快速的安装好它。

接下来，我们废话不多说，直接进入教程：

1、首先，打开AE，新建一个合成。

▲ 尺寸随意啦，一般来说大一点好。我这里用的是800*600。

2、新建一个黑色背景的固态层。

▲ 要是发光的东西，通常都选黑色背景就准没错了。

3、选择刚才新建的固态层，添 加 Opatical Flares 效 果。

▲ 记得要想选中这个黑色背景的固态层，然后对它应用光线的效果。

4、点击 Opations 按钮，切换其它类型的光效。

▲ Options就是“选项”的意思，你点击它会有一个比较大的面板弹出，会有很多不同类型的光效供你选择。

5、点击以后，除了切换不同光效，还有其他一些设置、调整参数的功能。

▲ Options这个版块被平分成了田字型的4个区域。分别是预览区（左上）、属性区（右上）、光线列表区域（左下）、文件夹选取区域（右下）。

6、选择你需要的光效类型，删掉你不需要的光点细节

▲ 我在右下角选了一个自己喜欢的光线，然后在左下角删掉了一些我觉得不需要的部分（删除前，我通过HIDE也就是隐藏按钮先确认过，避免我删错了）。

7、这是我删除调整后，得到的一个比较干净的光线效果

▲ 一顿操作猛如虎后，我得到了一个自己比较喜欢的效果。点击右上角的OK按钮就可以了，光线就到了界面上。

8、点击OK按钮后，在界面上拖动光效，把它拖动到屏幕中心，并且把渲染模式改成“透明”，这样做出来的就是透明背景的，不需要再抠图了。

▲ 左侧特效控制台里面， Motion Blur 下的 Render Mode 改成 On Transparent意思就是将 渲染模式 修改为 透明。

9、做好以后，点击“ 图像合成 ” > “ 渲染到队列 ”。弄好以后，设置输出的格式。（主要是点击左下角“输出组件”这个选项）

▲ 制作好的ae工程，都需要通过渲染队列导出。

▲ 渲染之前，你都需要设置渲染的格式，以及放到什么位置

10、设置输出的时候，选择 png序列。并且“通道”选择“RGB + Alpha” 意思就是图片有透明通道。最终渲染后输出的是透明背景的png图片。

▲ 有了Alpha通道，才能有透明度。

11、点击“ 渲染 ”按钮。这样就渲染了很多png图片了。你可以渲染几帧就直接停止掉。因为咱们没有做动画，有一帧静态图片就够了。我这里渲染了一大堆，其实每张都是一模一样的。

12、就这样，一个透明背景的光效素材就做好了，拖入Photoshop，看看效果。

13、随便叠加一个背景图放到后面看看。nice 非常的不错。你再根据你的喜爱，去制作各种各样你需要的光效素材吧~

14、你应该把制作好的素材叠加到数据可视化大屏的那种标题或者边框上面，而不是像我一样，叠加到了熊猫头的表情包上。因为这个熊猫看起来很不正经，不过我很喜欢。

现在，你已经学会了如何做光效素材了。接下来，你应该通过设置关键帧，用光效插件来做动画了。简单的K帧，就能做出如下效果。教程比较简单，我就不教了。

▲ 关键词提示：主要是对「 Position XY」 和 「 Brightness」 做关键帧。

好了，今天的分享就到这里了，上班时间，也许你不方便看长篇大论，又或者没有时间跟着学习。先点个 赞 或者   收藏   ，咱晚上回家慢慢跟着练习~

Powered by Froala Editor