快学，简单出彩的刷屏级弥散光教程来了

弥散光感，应该不陌生啦，但是你会做吗？不会做的，快来看下，学习时间到啦。

小可爱们，我这里会定期推送插画、UI设计、排版等相关文章教程，有事没事来逛逛啊；
设计路上在学习，永不停歇，我们一起加油~

真快，又到了一月一度显宝的时刻到了，当当当，有请本期主角上场-弥散光同学上场，干货建议哦，提前收藏。你有没有碰到做设计不知道做啥背景或者没想法的时候呢？这个弥散光感风格你一定要试试！它不光容易掌握，而且学起来也so easy!基本看一遍就会，真的，中国人不骗中国人！

弥散光感在国内最初在UI设计中广泛出现，后来在各种平面、电商、包装中也流行了起来，不仅出现在今年的《阿里巴巴设计新趋势实战篇》中，前段时间还出现在网易的《测试主导色》及各大品牌的设计中都出现了它的身影。

什么是弥散光感？

弥散光感的形成，一般由单色或者多色模糊渐变混合，形成虚实集合的模糊效果。在这其中还可以加入不同的元素使其具有新奇和记忆点，来丰富单调乏味的画面，增加画面空间层次感，增添画面的细节，还能聚焦产品的记忆点、优化信息层级，让平淡无奇的排版瞬间活了起来，下面我们就来看看弥散光感的一些优点。

弥散光感的优点

1. 丰富设计细节，增添画面感

2. 聚焦重点，吸引目光

3. 营造空间层次感

弥散光感常用的形式

1. 虚实结合

一侧进行虚化模糊，另一侧保持清晰的轮廓，整体从观感上多了一些动感变化效果。因此，不管作为版面的主视觉，还是作为辅助部分都能有不错的效果。

2. 单体模糊虚化

将一种或者两种以上颜色进行全部模糊虚化掉，一般多作为背景装饰来使用。在此基础还可以加上不同的元素，再增加一点噪点质感，细节满满。

3. 多重混合

使用多种不同模糊方案或手法，以弥散光感为基础，来达到视觉聚焦和丰富设计细节，增添画面感和空间层次感。

如何设计这种弥散光感？

看到这里大家都肯定要嚷嚷，光说不练假把式，安排上菜，我们先从简单的开始，萝卜要一个一个吃，坑要一个一个的埋，翠花，上酸菜！

第一步

首先我们来设计一个banner,这个案例就用最简单的高斯模糊来做，这种全弥散的渐变实现起来比较简单，颜色我设置为如图三个颜色和三个圆形。

第二步

为了保留模糊参数的后期可编辑行，模糊之前，先给三个圆形转换为智能对象，可以三个一起起智能对象，也可以单个一个个的智能对象，后者的好处是可以随时调整图形的位置与大小。然后给智能对象一个高斯模糊（滤镜-模糊-高斯模糊）

第三步

高斯模糊后，有时候有的颜色融合的不是很好，这个时候我们可以通过调整图层叠加模式或者透明度，让颜色之间融合的更协调，案例中我觉得青色过于实了，降低一下透明度70%，到这里，基本的背景就完成了。弥散光感背景就是这么简单！

第四步

确定信息层级

我根据之前的梳理和自己的意愿，把文案分为了4个层级，中文英文的主题信息作为最高层级存在；然后我想突出时间，所以把它放在第二层级，其他元素依次往后排。

第五步

添加主文案

我们先确定大标题，然后再用小字来进行版面的填充与平衡，让整体的文字排版形成视觉层次变化与平衡。由于图形位于对角线位置，在文字分布上我顺应这个构图方式。英文和中文之间互相叠压一点，这是压抑不住都要买的节奏啊！颜色一黑一白加强之间的对比关系。

第六步

添加第二、三层级内容

为了让版面的保持视觉上的平衡，二、三层级的内容和主题内容形成交错穿插，让整体的文字排版形成视觉上的一个层次变化。

第七步

细化排版

到这一步，整体排版基本完成了，但整体感觉信息之间比较独立，我们添加一些装饰元素，让画面更整体饱满紧凑。OK，一张banner完工

马上要过年了，新的一年，换新的工作，所以这次的案例就为大家做个作品集封面，俗话说：作品封面做的好，工资翻番少不了。

第一步

确定信息层级

作品集文案的内容并不如一些展览海报类那么多，所以在整体的编排上难度不是很大，根据内容需要找到自己想要突出的重点即可。

信息文案一般大致上可以分为三种类型，①主题信息适合作为主标题存在；②与活动相关的具体信息则次之，当然，我们也可以根据内容选择性的突出其中某一项，如价格、时间或是其他；③其他的补充辅助性信息，这类的信息一般作补充说明，相对不是很关键，所以适合作为装饰性的元素来放在需要的地方。

第二步

弥散光感背景

建立4个大小不同的圆形，填充不同的颜色，然后单独给每一图层智能对象后，调整各自的模糊数值。根据需要调整图层叠加样式或者透明度

第三步

添加虚实渐变

①光这样的话，稍显单调，所以我们再加点料。新建一个圆形，填充浅蓝色，然后新建2个图层并创建剪贴蒙板，用柔边画笔画深浅2个大小不一的颜色，然后把3个图层合并一个智能对象。

②给智能对象一个场景模糊（滤镜-模糊画廊-场景模糊），场景模糊具有定义不同模糊量的多个模糊点来创建渐变的一种模糊效果。将多个图钉添加到图像，并指定每个图钉的模糊量，从而达到一种虚实模糊不同的模糊效果。本案例定义2个模糊点，一个模糊量0.一个为60，通过一边模糊，一般不模糊来达到一种虚实结合的变化，

③为了让背景更丰富有层次感，再用①的方式再新建一个圆形，填充不一样的颜色，然后执行场景模糊，图层叠加为“色相”，效果如图。

第四步

添加文案信息

为了体现层次空间感，大标题我用虚实模糊的圆形压住一部分，交错穿插，让整体的文字排版形成视觉上的一个层次变化。

第五步

细化排版

细化排版，添加一些辅助元素，填补版面的负空间，这件，一个作品集封面就完成了。

这次来运用光圈模糊做一个展览海报。

“光圈模糊”对图片模拟浅景深效果，选择“光圈模糊”（滤镜-模糊画廊-光圈模糊），将在图像上放置默认的光圈模糊图钉、单击图像可以添加其他模糊图钉，说明:A. 锐化区域 B. 渐隐区域 C. 模糊区域，拖动句柄移动它们以重新定义各个区域。拖动模糊句柄以增加或减少模糊。一个图片中可以添加多个光圈模糊进行重复叠加来达到不同的效果。