扁平化UI图标设计教程

本文将教你多样的扁平化设计风格，绝对时髦教程，读完本文，你将轻松掌握时下最热门的设计手法，四种风格包括：常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。

三、渐变式

步骤 1:

复制圆角矩形图层，然后移动到图层最顶端，填充设置为 0%

Photoshop简单设计四种扁平化设计图标

步骤 2:

使用钢笔工具，删除一些锚点，然后拖移一些锚点到中心，如下图。

Photoshop简单设计四种扁平化设计图标

为复制后的图层添加图层样式，如下(正片叠底不透明度20% 缩放100%)

Photoshop简单设计四种扁平化设计图标

步骤3:

原圆角矩形图层也如下设置(正片叠底不透明度10% 缩放100%)

Photoshop简单设计四种扁平化设计图标

四、投影式

这个超级简单，给所有图层添加如下图层样式即可(正片叠底不透明度20% 距离10)

Photoshop简单设计四种扁平化设计图标

恭喜，完工

Photoshop简单设计四种扁平化设计图标

本教程利用PS讲述了几种扁平化风格的实现，希望你能学以致用，多多实验，开创自己的风格。

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) UI设计教程扁平化工具设计图标设计佚名