扁平化UI图标设计教程

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

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

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

一、常规扁平化

步骤 1:

宽度: 500px, 高度: 400px. 背景色#e8d59b.

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

步骤 2:

参考线设置：

垂直：157px,177px,250px,323px, 343px, 378px

水平：72px, 107px, 127px, 200px, 273px, 293px, 328px

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

最终结果：

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

步骤 3:

前景色#d14242,，圆角矩形工具，半径40，如下

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

步骤4:

椭圆工具，颜色#ffffff, 在中心创建圆状物体。

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

依然在圆形图层，选择减去顶层形状，画出圆环形状如下图。

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

步骤 5:

自定义形状工具，前景色 #ffffff, 中心创建三角箭头

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

基本扁平化图标告成

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

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