大师级ps矢量技术：打造一个极具细节的麦克风

软件部分英文参考：overlay叠加 soft light柔光 normal正常 angle角度 multiply正片叠底

注：我不是英语专业的，照着自己理解的翻。都是利用休息时间，一个人独立完成的，所以有差错的地方还请谅解，帮忙更正，让我们共同学习。

本教程的原作者编写教程真的非常认真，相信即使是ps小白跟着操作也完全可以做出99%的程度。

翻译文章真的很辛苦，加上还要一边研究原教程的做法，断断续续花了差不多一周的时间吧。

里面也加入了一些自己的理解。

本文也对我有很大的启示，在软件使用中的一些不严谨的习惯我也要逐渐改掉。

如果你开始了，请耐心学习完，这里有比你想象中多的多的知识等着你去掌握。

如果你使用Photoshop真的很舒心，你可能喜欢创造东西，如照片的修饰，网站设计和其他平面设计的东西。

如果你从来没有不屑于掌握矢量设计的话，这里有一个很好的机会。Photoshop用户会经常认为矢量图形应该给使用Illustrator的专业人士，或者Illustrator可能学习起来太费时了，又或者购买软件太贵了。

很多人最终外包矢量的工作，这要花费他们很大一笔开支。

你希望在你已经熟悉的Photoshop中掌握矢量设计的方法吗？

Photoshop中其实有一些非常强大的矢量功能，今天您将免费的了解到他们。

你将会制作完全由矢量工具绘制的麦克风。你将掌握的东西，如智能对象，变形矢量形状，创建自定义图案，纹理，照明等等，都采用清晰的，可逆的矢量工作流程。

让我们开始吧！

Step1

打开Photoshop，点击Control + N创建一个新文档。输入所有如下图所示的数据，然后单击确定。启用网格（查看>显示>网格）和对齐网格（视图>对齐>网格）。

此时，你需要每一格5px的网格。点击编辑>首选项>参考线、网格和切片，并察看网格部分。一开始，你需要每一格1px的网格。在网格线间隔输入1，在子网格输入1。另外，设置网格的颜色为＃a7a7a7。一旦您设置好所有这些属性单击确定。不要认为设置这些网格没有用处。之后它会减轻你的工作。

你也应该为实时预览您的形状的大小和位置打开信息面板（窗口>信息）。

Step2

设置前景色为＃323232，选择椭圆工具，创建的一个3px的圆圈。切换到直接选择工具选择这个形状的四个定位点。按住Alt键，单击该形状内部并向右拖动它5PX。最后应该像在图2中的样子。继续这样操作直到一排有31个圆圈。（注：你也可以按住Alt＋Control＋t键，向右移动5个像素，再按住Alt＋Control＋shift＋t键重复前面的操作，制作一排31个圆形。特别注意：以上操作都是在一个图层中完成的）

Step3

查看上几步所作的形状，并确保仍然被直接选择工具选中。选择上一步中所做的矢量形状的所有锚点，按住Alt键，点击里面圆圈的内部，并向下拖动并复制7px。结果如第一张图所示。重复操作直到制作33行。（注：可以用上步的方法向下移动复制共33排，每排间距7像素）。

Step4

重新选择先前的步骤中编辑的矢量图形。选择椭圆工具，按顶部栏的合并形状按钮，并绘制一个新的3px的圈，将其放置在最上面两行之间，如下图所示。查看新的圆圈，使用直接选择工具选择它，向右复制移动5PX。继续这样操作直到一排有30个圆圈.

Step5

查看现有的矢量形状，选择在上一步中添加所有的圆圈，并将其向下移动复制10px。重复操作直到制作32行。在最后看起来应该如下图（特别注意：以上操作都是在一个图层中完成的，到目前为止加上背景图层只有两层）

Step6

按照前面的方法，重新设置“网格间隔为5px”。把前景色设置为＃959595，选择圆角矩形工具。设置圆角半径为120px，创建一个195乘405px的矢量形状，并把它放到底层（按Shift+ Control + [）。

Step7

选择图层面板，按住 Control 并点击上一步中所做的圆角矩形矢量形状。加载选区。点击选择工具（V），选择图层面板中圆形矢量形状图层。单击顶部栏中的“垂直居中对齐”和“对齐水平中心”按钮。圆形矢量形状图层会以圆角矩形矢量形状图层为参照对齐。最后应该像图二中所示。完成后取消选择（ Control + D）。

Step8

选择圆形矢量形状图层，点击编辑>变换>扭曲。从下拉菜单中选择鱼眼，在顶部栏弯曲选项中输入40并按Enter键。

Step9

请保持圆形矢量形状图层仍处于选中状态，并再次点击编辑>变换>扭曲。从下拉菜单中选择凸起，在顶部栏弯曲选项中输入60并按Enter键。

Step10

请保持圆形矢量形状图层仍处于选中状态，并再次点击编辑>变换>扭曲。从下拉菜单中选择凸起，点击顶部栏更改变形的方向按钮，在顶部栏弯曲选项中输入18并按Enter键。

Step11

选择图层面板，按住 Control并点击圆角矩形图层。产生这个图层的选区并选择矩形选择工具。键盘按住Alt键拖动并删除下部一半的选区。保持选区被选中的状态并返回到图层面板。重新选择圆形矢量形状图层并点击添加图层蒙版按钮。最后结果应该像下方第二张图。取消选区（Control + D）。

Step12

选择图层面板，双击圆角矩形图层，打开图层样式窗口。点击渐变叠加选项，然后输入如下图所示的属性。从图像中的白色数字代表的位置百分比。(注：#c3c83d可能是#c3c8cd，原图应该标注错了)

Step13

选择圆角矩形矢量图层，并复制它（ Control + J）。把副本图层放在前面（按Shift+ Control +]），然后右键单击它，然后单击清除图层样式。请确保此副本仍处于选中状态，降低其填充到0％，然后打开图层样式窗口，输入下图中的属性。

Step14

选择圆角矩形矢量图层，并复制它（ Control + J）。选择这个副本。清除图层样式，降低其填充为0％，然后打开图层样式窗口，输入下图中的属性。（注：原文漏了一个斜面浮雕的属性值，可以参考我的数值大概调一下）

Step15

选择圆角矩形矢量图层，并复制它（ Control + J）。选择这个副本。清除图层样式，降低其填充为0％，然后打开图层样式窗口，输入下图中的属性。

Step16

选择圆角矩形矢量图层，并复制它（ Control + J）。选择这个副本。清除图层样式，降低其填充为0％，然后打开图层样式窗口，输入下图中的属性。

step17

选择圆角矩形矢量图层，并复制它（ Control + J）。选择这个副本。清除图层样式，降低其填充为0％，然后打开图层样式窗口，输入下图中的属性。

step18

查看图层面板，选择圆形矢量图层，打开图层样式窗口，然后输入下图中的属性。

step19

选择圆角矩形工具，设置半径为5像素，创建一个205乘25像素的矢量形状，并将其放在如图1中所示的位置。给这个新的形状制作一个副本（Control+ J），选择它并点击编辑>变换>扭曲。从下拉菜单中选择凸起，在弯曲选项中输入5，然后按Enter键。打开这个新的矢量形状的图层样式窗口，然后输入下图中的属性。(注：#c3c83d可能是#c3c8cd，原图应该标注错了)

Step 20

移动到图层面板中，选择在上一步中创造的另一个矢量形状，点击编辑>变换>扭曲。从下拉菜单中选择凸起，在弯曲选项中输入10并按Enter键。打开这个矢量形状的图层样式窗口，然后输入下图中的属性。(注：可以复制上一部做的图层样式，只用改斜面浮雕中的大小数值。）

Step 21

选择在上一步编辑的矢量形状，并复制它（Control+ J）。查看图层面板，选择这个副本。清除它的图层样式，降低其填充为0％，然后打开图层样式窗口，然后输入如下图所示的属性。使用淡红色的阴影会让你更容易看清楚我们在下一步将做的事情。（注：红色的透明度应该是100%）

Step 22

加载第六步中圆角矩形的选区。选择在上一步中所做的矢量形状，然后单击添加图层蒙版按钮。此外，打开这个矢量蒙板图层的图层样式窗口并选中［图层蒙版隐藏效果］选项。在最后你的矢量蒙板形状看起来应该如第三图片中的效果。重新打开图层样式窗口，把阴影效果中的红色更换成黑色。

Step 23

将前景色设置为黑色，选择矩形工具，创建一个10乘以15px的矢量形状，并将其放在如图1中所示的位置。恢复“网格线间隔1px的”。同样只需去编辑>首选项>参考线，网格和切片，并在网格线的每个选项框中输入1。确保一点，黑色矩形仍处于选中状态，并观察顶部栏。检查Add按钮，增加一个4乘以15px，如图二所示的形状。打开这个新的矢量形状的图层样式窗口，然后输入如下图所示的属性。

Step 24

选择在上一步编辑的矢量形状，并复制它（控制+ J）。查看图层面板上，选择这个副本。清除图层样式，降低其填充为0％，然后打开图层样式窗口，输入如下图所示的属性。

Step 25

查看在之前步骤中所作的形状。选择椭圆工具，创建一个4乘以31px的矢量形状并将其放在如图1中所示的位置。放置到底层（按Shift+Control + [），然后打开图层样式窗口，输入下图中的属性。

Step 26

选择矩形工具，创建一个8乘31px的矢量形状，并将其放在如图1中所示的位置。确保这一新的形状保持选定状态并切换到椭圆工具。按顶部栏的合并形状按钮，添加一个图二中的4乘31px的矢量形状。继续用椭圆工具，按顶部栏的减去顶层形状按钮，添加一个图三中的4乘31px的矢量形状。把这个矢量形状放在后一层然后打开图层样式窗口，输入下图中的属性。

Step 27

接下来，你需要自己创建一个简单图案。首先，点击Control + N创建一个新文档。在宽度和高度框中输入2，然后单击确定。确保开启了网格和对齐网格功能，然后删除“背景”图层。设置前景色为黑色并选择矩形工具，创建一个2乘1px的矢量形状，并将其放在如图中所示的位置。现在，只需去编辑>定义图案。填写你的图案名称，单击确定。你创建了自己的图案了。关闭该文件，并返回到上一个文件。(注：应该是先创建矩形工具再删除背景图层吧）

Step 28

移动到图层面板中，右键单击在第二十六步中创建的矢量形状，然后单击转换为智能对象。选择这个新的智能对象，打开图层样式窗口，然后输入下图中的属性。

Step 29

同时选择智能对象和在上六步做的矢量图形，并将其转换为一个智能对象。给这个新的智能对象创建一个副本（Control + J），选择它，点击编辑>变换>水平翻转。请确保此副本仍处于选中状态，将其拖动到右边，并并将其放在如图2中所示的位置。

Step 30

切换到“5乘5像素的网格”，视图移动到目前创建的形状的下方。选择矩形工具，创建一个25乘100px的矢量形状，并将其放在如图1中所示的位置。选择它，视图移动到它的下方，并切换到椭圆工具。从顶部栏点击合并形状按钮，然后添加一个图二中25乘10px的矢量形状。打开这个新的矢量形状图层样式窗口，然后输入下图中的属性。

Step 31

视图移动到前几步中所做的矢量形状的下方。选择椭圆工具，创建一个195乘40PX矢量形状，并将其放在如图1中所示的位置。放到底层（按Shift+ Control +[ ），然后打开图层样式窗口，输入下图中的属性。

Step 32

选择椭圆工具，创建一个195乘40PX矢量形状，并将其放在如图1中所示的位置。选择这个新的矢量形状，切换到矩形工具。按顶部栏的合并形状按钮，添加一个图2中的195乘15px的矢量形状。请确保此矢量形状仍处于选中状态，放置到底层（按Shift+ Control + [），然后打开图层样式窗口，输入下图中的属性。

Step 33

返回到“1乘1像素的网格”，视图移动到第三十步所作的矢量形状的上方。选择椭圆工具，创建一个25乘6px矢量形状，并将其放在下图中所示的位置。打开这个新的矢量形状的图层样式窗口，输入下图中的属性。(注：原教程少了一张渐变的属性图，大家可以自己根据前面学习到的渐变方法尝试着调一下，可以参考下面的大圆的渐变方式，不要直接复制哦，是不一样的。）

Step 34

切换到“5乘5像素的网格”。挑圆角矩形工具，设置圆角半径为120px，创建一个215乘330px矢量形状，并将其放在如图1中所示的位置。选择这个新的矢量形状，按顶部栏的减去顶层形状按钮，绘制一个如图二的205乘320px的矢量形状。(注：图中按钮标注错了）

Step 35

选择在上一步制成的矢量形状，并选择矩形工具。按顶部栏的减去顶层形状按钮，绘制出215乘125px矢量形状，如下图所示。

Step 36

返回到“1乘1像素的网格”。选择在上一步编辑的矢量形状，选择矩形工具，视图移动到下方。按顶部栏的减去顶层形状按钮，绘制出23乘8像素的矢量形状，如下图所示。

Step 37

选择在上一步编辑的矢量形状，选择椭圆工具，视图移动到下方。按顶部栏的合并形状按钮，并添加两个5px的圆圈，如下图所示。

Step 38

选择在上一步编辑的矢量形状，选择椭圆工具，视图移动到上方。按顶部栏的合并形状按钮，并添加两个5乘6px的圆圈，如下图所示。

Step 39

重新选择上五步所作的矢量图形，并把它转换成智能对象。打开这个新的智能对象的图层样式窗口，然后输入下图中的属性。

Step 40

视图移动到前几步所作的智能对象的底部。设置前景色为白色，选择椭圆工具，创建两个5px的圆圈，并将其放在如图1中所示的位置。打开左边圆圈的图层样式窗口，然后输入下图中的属性。打开右边圆圈图层样式窗口，然后输入下图中的属性，但是用相反的角度。

Step 41

视图移动到第三十九步中的智能对象的顶部，并选择椭圆工具。创建2个5乘6px的矢量形状并将其放在如图1中所示的位置。打开这些新的形状的图层样式窗口，然后输入如下图所示的属性。

Step 42

接下来，我们将给麦克风加一点颜色。选择所有创建的形状并将其转换为智能对象。给这个智能对象创建一个副本（Control+ J），并选择它。降低它的填充为0％，然后打开图层样式窗口，输入如下图所示的属性。

Step 43

选择在上个的步骤中的第二个智能对象并复制它（Control + J）。选择这个副本，打开图层样式窗口，编辑如下图所示颜色叠加的属性。

Step 44

创建一个新图层（同时按住Shift+ Control + Alt + N），并把它放到图层的最后（同时按住Shift+ Control + [）。查看图层面板，并确保选中这个新图层。设置前景色为＃2d2d2d，选择油漆桶工具在图层内点击。

Step 45

最后，选择这些智能对象，把您的麦克风变成一个新的智能对象。选择它，去滤镜>杂色>添加杂色。输入如下图所示的属性，单击OK，去滤镜>渲染>镜头光晕。进入下图所示的属性，点击确定，就大功告成了。

好了我们大功告成了！

这就是是你的最终应该看到的样子。

 

下面这张图是我照着教程完成的

如果你觉得好不要忘了点赞，你们的支持是我最大的动力。

全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。