大師級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，去濾鏡>渲染>鏡頭光暈。進入下圖所示的屬性，點擊確定，就大功告成了。

好了我們大功告成了！

這就是是你的最終應該看到的樣子。

下面這張圖是我照著教程完成的

如果你覺得好不要忘了點贊，你們的支持是我最大的動力。