UI教程，ps设计扁平化风格图标。(2)

UI教程，ps设计扁平化风格图标。(4)

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。 最终效果 1、新建大小自定的画布，用形状工具制作圆角矩形。 2、添加图层样式：渐变叠加和投影，参

3、分三个图层做中间的形状绘制，其对应图层如下图。

4、首先看红点标注的2个图层，参数是一样的。

5、正圆形图层样式：内阴影和内发光。

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。

最终效果

1、新建大小自定的画布，用形状工具制作圆角矩形。

2、添加图层样式：渐变叠加和投影，参数及效果如下图。

6、将刚才的三个形状选中，然后成组。

7、在组上添加图层样式：投影，如下图。

最终效果及其它类似效果：

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。

最终效果

1、新建大小自定的画布，用形状工具制作圆角矩形。

2、添加图层样式：渐变叠加和投影，参数及效果如下图。

3、分三个图层做中间的形状绘制，其对应图层如下图。

4、首先看红点标注的2个图层，参数是一样的。

5、正圆形图层样式：内阴影和内发光。

6、将刚才的三个形状选中，然后成组。

7、在组上添加图层样式：投影，如下图。

最终效果及其它类似效果：