Photoshop图片处理技巧教程：学习做弥散阴影的方法，弥散阴影全方位通关指南，实例中还加上了HTML/CSS 的制作方法，附超多优秀案例，学完弥散阴影就通关了。

目录

什么是弥散阴影？用Photoshop来设计的方法：使用矢量图形技术/使用图层下拉阴影技术/使用智能对象技术/用Sketch来设计的方法/用HTML/CSS来设计的方法/HTML/CSS参考案例/可供参考的创意UI设计

什么是弥散阴影？

具体的英文名称尚未决定，但这种技术一般被称为弥散阴影（英: Diffuse Shadow），与普通的阴影技术相比，他能表现出更有深度的感觉。虽然说是从平面设计中衍生出来的一种技术，但也反映出了现在的设计潮流。

Photoshop 的设计方法

使用Photoshop，你可以用多种方法轻松地实现弥散阴影效果。这一次，我们来简单的介绍一下利用【矢量图形】【图层下拉阴影】【智能对象】来实现效果吧。

01. 使用矢量图形技术

这次介绍的Photoshop中的方法，也许是最简单的方法，也是最容易编辑的方法。首先让我们准备好需要添加效果的图像。作为演示，我使用下面的UI组件作为案例。