前一段时间，网易云的主导色测试很火，柚子也沉迷其中~

除了玩测试，我发现这种之前只出现在UI中的弥散光渐变，用在平面设计中也相当流行，正好今天看到了相关教程，这就开学！

风格特点

我们先以下图为例，分析一下弥散光风格的特点。

虚实结合

对于渐变风，我们常规认知还是颜色之间自然的渐进变化，整体气质很柔和，但弥散光在此基础上又产生了新的特质，也就是一些虚实变化。

 

如下图，颜色边缘保留了一些较为清晰的轮廓，整体从观感上多了一些动感与层次。

 

噪点质感

噪点其实是弥散光结合了酸性风格的一种延展用法。不仅在原有基础上多了一些复古气质，而且细节Max。

 

聚焦or层次

要点一：视觉聚焦，也是目前比较常见的用法，通过颜色对比来吸引人的目光，从而聚焦在想要凸显的信息上。

 

要点二：作为背景来增加整个版面的层次与细节，用法类似于氛围图与底纹。

 

 

制作方法

 

一、单体渐变

制作要点：高斯模糊

这种全弥散的渐变实现起来比较简单，方法也有很多，其中一个就是高斯模糊。

制作步骤

Step 1：在画布中新建三个圆形，放在版面中的对角线位置。

 

Step 2：分别给这三个图形一个高斯模糊（滤镜-模糊-高斯模糊）。

 

注：为了保留模糊参数的可编辑性，可以选择高斯模糊之后，在弹窗中把图形转换为智能图像。

 

二、组合渐变

制作要点：模糊画廊

这里渐变的主要特征就是虚实结合，模糊画廊比较方便。还是以圆形为例，做一些组合，如果想要更复杂的效果，用其他图形也是可以的。

制作步骤

Step 1：新建七个椭圆。调整它的大小以及方向。

当然，这里的大小以及方向，并不是一开始就能设定得非常完美，还是以最终呈现效果为准，再去做一些大小方向的调整。

 

Step 2：分别对以上图形加模糊画廊效果（滤镜-模糊画廊）。

 

可以根据自己的需求改变它的模糊方向，也会营造出一种空间感。

 

Step 3：最后可以根据版面需要，做一点版面边缘的内发光效果。

 

最后效果：

 

三、背景渐变

制作要点：渐变叠加+液化

液化这种方式就比较自由，可以根据自己的需求，进行不同程度的拉拉扯扯~

 

制作步骤

Step 1：新建一个版面大小的矩形，并给它一个渐变叠加。

 

Step 2：给它液化（滤镜-液化）接下来就是一套魔幻的传统手艺~

 

回到版面中的效果。

 

Step 3：这个时候也可以选择用柔边画笔，在版面边缘加一点点内发光效果。

 

最后效果：

 

也可以增加一点噪点质感~通过添加杂色实现（滤镜-杂色-添加杂色），调整至数量5，单色高斯分布就好了。

 

实例演示

我们再从上面示例的三种形式做一点变化，表现方式上也更切题一点。

 

一、基本信息梳理

视觉元素上，我们把上面示例中做好的两个弥散光回收再利用。

 

二、制作流程

1、文字编排

2、主视觉

把两个弥散光都放进版面里之后，我们首先把这个组合弥散光处理一下。

 

Step 1：首先统一模糊方向。弱化色彩对比，使其在版面中的融合性更好。

 

其实这时候整体效果就蛮不错的了，再次感叹弥散光真好用！但是还可以加亿点点细节！

 

Step 2：我们给背景弥散光一个蒙版，并加一个深色底，使整体效果对比更加强烈。

 

Step 3：这时候版面中还缺少一个视觉焦点，黎明怎么能没有日出呢？我们再把小太阳加进去~

 

Step 4：不够不够！我们再给小太阳来点清透的效果！

 

A：首先给一点体积。

 

B：给一点光晕效果。

 

C：然后我们再给小太阳一点若隐若现的半透效果，把图层填充调到60。

 

D：最后再来一个高光点~

 

三、多尺寸延展

基本效果出来之后，我们再看看它的延展性怎么样：

 

好了，下课，周末愉快！