编按: Charlotte Chen作者发表的文章都是一些很有风格的图标虽然说是小小的一个，但用处却不小。这样的图标随便放在那里都是一个很好看的配件。而且如果你跟着教程做一遍真的会收获很多，特别是经验还不是很足的同学们。我们先一起来看看吧！

写实风格图标作为一个历史悠久的风格，自乔帮主的iPhone4问世便火遍设计界，计师们刻画了一系列脍炙人口的精美作品。比如追波上dribbble的设计大神Paco，下图截取他早年的部分作品，放在扁平化图标大行其道的今日，依旧令人啧啧称道。而写实图标的练习，不仅可以大幅度提升我们对PS这款工具的熟练程度，对于光影造型能力也会显著提升。

今天，我们便一起绘制一个写实风格的黑胶唱片机，最终效果图见下：

一.轮廓

和以往一样，我们首先打造出唱片机的外形（建议大家先绘制一个十字参考线）。

1.  唱片机外壳：使用圆角矩形工具绘制出一个边长320px，圆角为60px的圆角矩形，色值为#f2f8ff。

2.  唱盘、唱片及封面：使用椭圆工具绘制一个234px半径的圆放置于外壳中央作为唱盘，填充色#ddedff（如图1）；同时复制一层，ctrl+T进入自由变换模式，再同时按住Shift和Alt键（同心圆缩放快捷键）缩小至206px半径作为唱片，填充色#ffffff（如图2）；再以相同的步骤得到一个半径px的圆作为封面，填充色#ffb1b1（如图3，这里随便填充个颜色来区分，后期再修改）。

          图1                  图2                   图3

3.  唱盘金属球：同样的步骤绘制更小的半径16px的同心圆，填充色#ffffff。

4.  唱臂旋钮：用椭圆工具分别绘制48px和32px的圆组成同心圆，并将其作为旋钮凹槽和旋钮置于右上方，色值请参考第2步。

5.  唱针：用圆角矩形工具先绘制长54px宽34px的大矩形（圆角为6px）作为唱针，再绘制长32px宽20px的小矩形（圆角6px）作为唱针唱臂的连接体，相连在一起，并向右旋转90度，置于唱片上。

6.  唱臂：唱臂如果单纯用形状工具的话很难描绘出等宽的造型，因此这里只能用路径形式绘制。绘制路径作为唱臂，设置描边宽度12px，色值为#cdcdcd。将旋钮和唱针相连，唱片机的形状打造步骤至此完成。

二.质感

唱片机中的质感主要分为外壳、金属以及唱片的拉丝质感。（为看清质感，我们加一层较深的背景色）

1.  唱片机外壳，我们使用图层样式中内阴影功能打造（假设光源来自上方）。

注意：CC之前的版本需要三次转换为智能对象

(1).    内阴影1：填充色#ffffff，作唱片机顶部的高光部分，参数见第二张图；

(2).    内阴影2：填充色#c8d9ee，作背光面的阴影部分，参数见第三张图；

(3).    内阴影3，填充色#ffffff，作背光面的反光部分，参数见最后一张图。

注意：图层样式中凡是涉及角度的选项中都会有“使用全局光”选项，点上这个会默认所有图层样式一个方向，一般不要勾选！

2.  由于唱盘部分是个凹槽，因此这里同样选用内阴影功能进行刻画，色值为# a1c3ea，一层为90度，一层为-90度，其他参数一致。

旋钮部分与唱盘同样也是凹槽，因此同样适用2层内阴影功能（色值参考唱盘）。

3.  而唱片拉丝质感的打造，是需要重点讲解的部分。

(1).    首先，我们Ctrl+N，新建一个240*240的项目，填充色#121212。

(2).    在PS上方菜单栏中，点选滤镜菜单中的“杂色”选项，选择“添加杂色”功能，在弹出的窗口中选择“平均分布”，数量设置为20.13%（记住点选“单色”选项，否则会有很多彩色颗粒）。

(3).    得到充满杂色的图层后，再次点选滤镜菜单中的“模糊”命令，选择“径向模糊”，默认的“10”数量就好，确定后得到了拉丝质感。

(4).    得到的拉丝感觉不是很明显，这里我们选择滤镜菜单中的“锐化”滤镜，选择“进一步锐化”即可。

(5).    我们将图层拷贝到唱片图层的上方，建立剪切蒙版；

(6).    打造唱片光泽：在此图层上方新建一个矩形，用直接选择工具选取右下角锚点向上拖动一个宽   度的距离。居中对齐，并建立剪切蒙版，设置不透明度20%。

(7).    属性面板中设置5.7像素的羽化值，即得到一个光泽。拷贝光泽图层，旋转一定角度。两个光泽层让光泽更真实。

4.  封面的质感就很简单了，与外壳一样，套2层内阴影分别作高光和阴影，色值分别为# ffafaf和# 9e2424（将原本封面随便填充的色值改为# db4c4c）；

5.  金属小球的质感有个很简单的办法：首先增加由色值#adadad到# 5a5a5a的渐变叠加，然后再用椭圆工具绘制一个圆形，填充#ffffff。用直接选择工具拖动圆形的锚点改变形状，做为高光。同样的方法在绘制一个白色圆并进行形状编辑，设置45%的不透明度，做为反光。

再对金属小球刻画两层投影（色值为#7a1d1d）制造更强的立体感：

投影1：最接近小球的投影，更暗更实；

投影2：散射状，相比1来说暗度和实度偏低

6.  唱针的打造同样简单，两层内阴影分别做高光和阴影，色值分别为#ffffff和#84a8d3；唱针和唱臂的连接头可以用同一个样式，这里可以偷懒，直接右键唱针图层选择“拷贝图层样式”，粘贴图层样式到连接体图层即可。

7.  唱臂的金属质感打造也是需要重点讲解的部分。

首先我们将唱臂改为#ffffff作为底色，

在之前的教程中，我们知道金属明暗对比非常强烈，高光、反光及阴影的表现更强，存在明显的分界线。因此，这里可以直接拷贝一层唱臂，描边改为8px，并换个较深的色值#151515建立剪切蒙版；再拷贝一层填充#7a7a7a，加上1.4像素的羽化值，建立剪切蒙版；再拷贝一层，描边改为3px，填充#fffff，建立剪切蒙版。

8.  刻画旋钮、唱臂以及唱针的投影，色值均为#6e98c8，参数分别如下：

              旋钮                  唱针                 唱臂                           

9.  最后一步，刻画唱片机整体的投影，色值均为#6591d2，两个投影的参数分别如下：

10.    写实风格的黑胶唱片机至此完成~

教程讲解的还是很详细，希望大家都能认真练习一下

相关文章推荐：

PS教程：MBE风格游戏机绘制

手把手教你绘制轻质感线性图标——红色百事