ps设计精致细腻的色板UI图标

zd.121

本教程教你如何设计一枚色板主题图标，效果主要运用图层样式制作出，步骤比较详细，还有PSD参考文件，看不懂的同学可以下载参考一下。想学的就跟着教程一起练习吧。?

        源文件下载链接：http://pan.baidu.com/s/1pJDksMB 密码：2vlg

        效果图：

       

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:136871 作者：P大点S 出处：tieba

zd.121

        新建1000*1000画布，填充颜色e82571，利用圆角矩形工具，半径100像素按住Shift画一个正方形，点一下上面的形状，建立形状图层。

       

zd.121

        执行图层样式斜面浮雕，投影和颜色叠加，参数：

       



       

zd.121

        如下，大家也可以自己摸索不同的数值：

       



        效果：

       

zd.121

        新建一个空白图层，用上面方法，用椭圆工具，建一个正圆的形状图层。

       

zd.121

        用参考线或者网格，使圆形尽量居中。添加图层样式-渐变叠加，参数如下：

       



        效果如下：

       

zd.121

        将椭圆图层1 复制一份，Ctrl+T调整大小，这里用数字调整，WH都改为87%

       

zd.121

        图层样式，添加渐变叠加和内阴影：

       



       

zd.121

        渐变用角度渐变，注意首尾颜色一致即可，颜色大家可以吸色或者调些自己喜欢的颜色。

        效果如下：

       

zd.121

        将椭圆图层继续复制一份，Ctrl+T变为原来的70%，添加图层样式，斜面浮雕，渐变叠加和投影。

       



       



       



        效果

       

zd.121

        将上面图层复制一份，变为原来的80%，用钢笔工具，选择合并形状，在椭圆上加个三角形。

       

zd.121

        然后调整图层样式，只调整斜面浮雕，其余的保持原样。

       

zd.121

        图层现在除了背景图层外有五个：

       



        现在效果如下

       

zd.121

        将右边名为椭圆 1 副本 2的图层复制一份，拖到最上面，Ctrl+T变为原来的50%.右键图层。

        清除图层样式，添加新的图层样式描边和渐变叠加 ：

       



       



        完成。