Photoshop绘制精致的索爱播放器图标(2)

注意给中间那层灰的加个1像素的内描边

以上所有的细节建议用各种形状工具来画，包括那个钥匙图案也是

Part3：逐个添加图层样式

接下来，我们从上到下，分别给各组成部分添加图层样式并丰富细节。有点无聊，闲话少叙，开整!

顶层的部分：

顶层厚度

添加并调整不透明度的节点中间2个节点不透明度为0,外面2各节点的不透明度为60(位置哥们几个是不是觉得很难调整啊，左右很难控制对不对?没关系，本狼偷偷你，你把鼠标放到位置的数值那，点一下然后滚动鼠标滚轮就可以很方便的调整了，这个方法之后我们也会用到，我一直用这样的方法来微调，或者用键盘的上下键也行。)

顶层的金边

(中间亮点的黄色，两边深一点的橙色，方法跟之前一样)

锁频键

锁屏键由两部分组成，按键和槽，这部分其实挺简单的。按键用一个个圆角矩形组合起来就可了，然后添加图层样式。槽就颜色暗一点就可以了。

槽的颜色：#212121;

饰品圆孔的颜色：#191919;

阴影颜色为：#000000;

投影颜色为#FFFFFF

顶层部分算是绘制完成了，有些地方写的不详细，因为我觉得小伙伴们应该可以自行脑补出来对么?

屏幕的部分：

外围的框

我们给外围的框添加一个小小的投影

投影颜色：#000000;

屏幕主体

然后加上一个音乐播放器的界面。这里要注意的是，原本手机屏幕的尺寸是宽<高，我们因为做成图标变形后，变成宽>高。虽然屏幕的长宽比例、尺寸变了，但是界面还是不能变的，所以得思考怎么做合理。

原本的屏幕及界面是这样的：

很明显的分成了上中下3部分，其中上面是信号、时间、电量等是第一部分，中间界面又是一部分，底下又是一部分，3部分被两条线明显的分割开来;而中间部分也分成了上中下三部分。所以，我把这3部分设计成了左中右三部分，进度条贯穿左右，效果如下：

索爱英文字样

色标从左到右分别为：#565656、#FFFFFF、#565656，其中白色位置在正中间(知道怎么调整位置了吧)

听筒

完成这些后，新建图层位于之前所有图层的上方，用圆角矩形+矩形工具组合画一个和外围的框所包围的区域一样的形状：