黑马程序员技术交流社区

标题: #UI教程#PS制作戒指盒图标 [打印本页]

作者: 小染-柒柒 时间: 2016-10-8 22:19
标题: #UI教程#PS制作戒指盒图标
本帖最后由小染-柒柒于 2016-10-8 22:30 编辑

1、观察这个图标，会发现这个图标主要都是由圆角矩形组成的，通过形状的布尔运算我们可以轻松的构造好大致轮廓；

2.开始动手，新建一个800X800的画布；做一个稍微深色点的背景，或者找个色彩缤纷的图片，滤镜-高斯模糊后就做成我们的背景啦；
1)先绘制一个512X512的圆角矩形，圆角半径为100。利用布尔运算，一般可以复制一个圆角矩形，再用矩形形状进行相减，得出圆角矩形的其中一部分。这时候我们上下部分都拆开出来了，上部分的高度为290；

2) 复制2个上半部分的形状，较上方的形状往下移动55个像素，选中2个形状，ctrl+E合并，然后用小黑选中方才往下移动的部分，在工具属性栏选择【减去顶层形状】，再点击合并形状组件。下半部分的操作同理，盒子厚度为75像素；

3)然后绘制盒子里面的形状，如果你的ps版本为cc版本以上的，则可直接在绘制好的圆角矩形再调整圆角半径。如果旧版本，你可以用合并形状的方法做出图形。注意下面的是两个图形，圆角的位置要处理好；

4)把戒指的形状绘制出来，钻石的话用钢笔大概绘制个外型就好了，有耐心的朋友可以认真做做，我这里直接选用素材比较快。戒指环就是一个圆环的形状。那么整个图形的轮廓就做出来了，剩下的就是纹理和光影的添加；

5)盒子的厚度的2个形状，我们给他添加一个渐变；这里不会给到具体的颜色，不过我们分析可以知道，在盒子的转角位置是有一个强烈的明暗对比，然后两端是逐渐变暗的；

10)因为盒子里面我们看起来相当光滑，可以新建一个图层，填充灰色，利用滤镜-添加杂色（数量为3以下，高斯分布，单色）进行纹理处理，然后剪贴蒙版到黑色形状上，混合模式调为颜色减淡，这样看起来就好看多了；

11)戒指部分需要注意的地方很多，一般是添加多个剪贴蒙板一层层的进行绘制。先把戒指的金属光感绘制出来，方法很多，需要的是耐心~亮光可以叠加一个白色椭圆在中下方区域，调整不透明度。钻石的反射光（也就是你钻石上有什么颜色的这里就加什么颜色）可以先用画笔稍微选几个喜欢的颜色在戒指上点几下，混合模式选择叠加，同样调整不透明度。需要整体看起来都和谐点哟~