791650988
photoshop图层样式和路径绘制UI小图标
作者佚名 出处:jjying 相信很多和我一样的设计爱好者和初学者都是通过photoshop这样的图形软件而熟悉设计的。虽然软件只是工具，创意还是完全来自我们的大脑，但是软件 使用技法很大程度上决定了我们作品的细节处理。今天想和大家交流的就是我在UI设计中的主要绘图方法：路径
本教程学习如何用photoshop的钢笔和图层样式制作一个胜利手势的图标，先看效果图。
新建文档1280×1024像素，背景白色，建新层填充黑色，添加图层样式。
效果如下。
建新层，做一个正圆选区，填充白色。
添加图层样式。
效果如下。
建新层，用钢笔制作如下选区，填充白色。
添加图层样式。
效果如下。
同样方法绘制出上半部图形。
建新层，画一黑色正圆。
添加图层样式。
效果如下。
教程做到结束才发现，从这步骤开始最外面的黑圈图层的样式被我关闭了，大家将它显示即可。建新层，用钢笔画出手势选区，填充#dbdcde。
添加图层样式。
效果如下。
复制手势层，清除图层样式，颜色改为#4f4e50，往右侧挪动一段距离。
添加蒙版，黑白直线渐变，图层模式改为叠加。
建新层，用钢笔画出手臂选区，填充白色。
添加图层样式。
效果如下。
建新层，用钢笔画出其它手势部件，填充相应的颜色。
添加阴影。
用上面介绍的方法，改变大小及颜色，其它效果。
本教程学习如何用photoshop的钢笔和图层样式制作一个胜利手势的图标，先看效果图。
新建文档1280×1024像素，背景白色，建新层填充黑色，添加图层样式。
效果如下。
建新层，做一个正圆选区，填充白色。
添加图层样式。
效果如下。
建新层，用钢笔制作如下选区，填充白色。
添加图层样式。
效果如下。
同样方法绘制出上半部图形。
建新层，画一黑色正圆。
添加图层样式。
效果如下。
教程做到结束才发现，从这步骤开始最外面的黑圈图层的样式被我关闭了，大家将它显示即可。建新层，用钢笔画出手势选区，填充#dbdcde。
添加图层样式。
效果如下。
复制手势层，清除图层样式，颜色改为#4f4e50，往右侧挪动一段距离。
添加蒙版，黑白直线渐变，图层模式改为叠加。
建新层，用钢笔画出手臂选区，填充白色。
添加图层样式。
效果如下。
建新层，用钢笔画出其它手势部件，填充相应的颜色。
添加阴影。
用上面介绍的方法，改变大小及颜色，其它效果。
