大師級(jí)ps矢量技術(shù)：打造一個(gè)極具細(xì)節(jié)的麥克風(fēng)

軟件部分英文參考：overlay疊加 soft light柔光 normal正常 angle角度 multiply正片疊底

注：我不是英語專業(yè)的，照著自己理解的翻。都是利用休息時(shí)間，一個(gè)人獨(dú)立完成的，所以有差錯(cuò)的地方還請諒解，幫忙更正，讓我們共同學(xué)習(xí)。

本教程的原作者編寫教程真的非常認(rèn)真，相信即使是ps小白跟著操作也完全可以做出99%的程度。

翻譯文章真的很辛苦，加上還要一邊研究原教程的做法，斷斷續(xù)續(xù)花了差不多一周的時(shí)間吧。

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

本文也對我有很大的啟示，在軟件使用中的一些不嚴(yán)謹(jǐn)?shù)牧?xí)慣我也要逐漸改掉。

如果你開始了，請耐心學(xué)習(xí)完，這里有比你想象中多的多的知識(shí)等著你去掌握。

如果你使用Photoshop真的很舒心，你可能喜歡創(chuàng)造東西，如照片的修飾，網(wǎng)站設(shè)計(jì)和其他平面設(shè)計(jì)的東西。

如果你從來沒有不屑于掌握矢量設(shè)計(jì)的話，這里有一個(gè)很好的機(jī)會(huì)。Photoshop用戶會(huì)經(jīng)常認(rèn)為矢量圖形應(yīng)該給使用Illustrator的專業(yè)人士，或者Illustrator可能學(xué)習(xí)起來太費(fèi)時(shí)了，又或者購買軟件太貴了。

很多人最終外包矢量的工作，這要花費(fèi)他們很大一筆開支。

你希望在你已經(jīng)熟悉的Photoshop中掌握矢量設(shè)計(jì)的方法嗎？

Photoshop中其實(shí)有一些非常強(qiáng)大的矢量功能，今天您將免費(fèi)的了解到他們。

你將會(huì)制作完全由矢量工具繪制的麥克風(fēng)。你將掌握的東西，如智能對象，變形矢量形狀，創(chuàng)建自定義圖案，紋理，照明等等，都采用清晰的，可逆的矢量工作流程。

讓我們開始吧！

Step1

打開Photoshop，點(diǎn)擊Control + N創(chuàng)建一個(gè)新文檔。輸入所有如下圖所示的數(shù)據(jù)，然后單擊確定。啟用網(wǎng)格（查看>顯示>網(wǎng)格）和對齊網(wǎng)格（視圖>對齊>網(wǎng)格）。

此時(shí)，你需要每一格5px的網(wǎng)格。點(diǎn)擊編輯>首選項(xiàng)>參考線、網(wǎng)格和切片，并察看網(wǎng)格部分。一開始，你需要每一格1px的網(wǎng)格。在網(wǎng)格線間隔輸入1，在子網(wǎng)格輸入1。另外，設(shè)置網(wǎng)格的顏色為＃a7a7a7。一旦您設(shè)置好所有這些屬性單擊確定。不要認(rèn)為設(shè)置這些網(wǎng)格沒有用處。之后它會(huì)減輕你的工作。

你也應(yīng)該為實(shí)時(shí)預(yù)覽您的形狀的大小和位置打開信息面板（窗口>信息）。

Step2

設(shè)置前景色為＃323232，選擇橢圓工具，創(chuàng)建的一個(gè)3px的圓圈。切換到直接選擇工具選擇這個(gè)形狀的四個(gè)定位點(diǎn)。按住Alt鍵，單擊該形狀內(nèi)部并向右拖動(dòng)它5PX。最后應(yīng)該像在圖2中的樣子。繼續(xù)這樣操作直到一排有31個(gè)圓圈。（注：你也可以按住Alt＋Control＋t鍵，向右移動(dòng)5個(gè)像素，再按住Alt＋Control＋shift＋t鍵重復(fù)前面的操作，制作一排31個(gè)圓形。特別注意：以上操作都是在一個(gè)圖層中完成的）

Step3

查看上幾步所作的形狀，并確保仍然被直接選擇工具選中。選擇上一步中所做的矢量形狀的所有錨點(diǎn)，按住Alt鍵，點(diǎn)擊里面圓圈的內(nèi)部，并向下拖動(dòng)并復(fù)制7px。結(jié)果如第一張圖所示。重復(fù)操作直到制作33行。（注：可以用上步的方法向下移動(dòng)復(fù)制共33排，每排間距7像素）。

Step4

重新選擇先前的步驟中編輯的矢量圖形。選擇橢圓工具，按頂部欄的合并形狀按鈕，并繪制一個(gè)新的3px的圈，將其放置在最上面兩行之間，如下圖所示。查看新的圓圈，使用直接選擇工具選擇它，向右復(fù)制移動(dòng)5PX。繼續(xù)這樣操作直到一排有30個(gè)圓圈.

Step5

查看現(xiàn)有的矢量形狀，選擇在上一步中添加所有的圓圈，并將其向下移動(dòng)復(fù)制10px。重復(fù)操作直到制作32行。在最后看起來應(yīng)該如下圖（特別注意：以上操作都是在一個(gè)圖層中完成的，到目前為止加上背景圖層只有兩層）

Step6

按照前面的方法，重新設(shè)置“網(wǎng)格間隔為5px”。把前景色設(shè)置為＃959595，選擇圓角矩形工具。設(shè)置圓角半徑為120px，創(chuàng)建一個(gè)195乘405px的矢量形狀，并把它放到底層（按Shift+ Control + [）。

Step7

選擇圖層面板，按住 Control 并點(diǎn)擊上一步中所做的圓角矩形矢量形狀。加載選區(qū)。點(diǎn)擊選擇工具（V），選擇圖層面板中圓形矢量形狀圖層。單擊頂部欄中的“垂直居中對齊”和“對齊水平中心”按鈕。圓形矢量形狀圖層會(huì)以圓角矩形矢量形狀圖層為參照對齊。最后應(yīng)該像圖二中所示。完成后取消選擇（ Control + D）。

Step8

選擇圓形矢量形狀圖層，點(diǎn)擊編輯>變換>扭曲。從下拉菜單中選擇魚眼，在頂部欄彎曲選項(xiàng)中輸入40并按Enter鍵。

Step9

請保持圓形矢量形狀圖層仍處于選中狀態(tài)，并再次點(diǎn)擊編輯>變換>扭曲。從下拉菜單中選擇凸起，在頂部欄彎曲選項(xiàng)中輸入60并按Enter鍵。

Step10

請保持圓形矢量形狀圖層仍處于選中狀態(tài)，并再次點(diǎn)擊編輯>變換>扭曲。從下拉菜單中選擇凸起，點(diǎn)擊頂部欄更改變形的方向按鈕，在頂部欄彎曲選項(xiàng)中輸入18并按Enter鍵。

Step11

選擇圖層面板，按住 Control并點(diǎn)擊圓角矩形圖層。產(chǎn)生這個(gè)圖層的選區(qū)并選擇矩形選擇工具。鍵盤按住Alt鍵拖動(dòng)并刪除下部一半的選區(qū)。保持選區(qū)被選中的狀態(tài)并返回到圖層面板。重新選擇圓形矢量形狀圖層并點(diǎn)擊添加圖層蒙版按鈕。最后結(jié)果應(yīng)該像下方第二張圖。取消選區(qū)（Control + D）。

Step12

選擇圖層面板，雙擊圓角矩形圖層，打開圖層樣式窗口。點(diǎn)擊漸變疊加選項(xiàng)，然后輸入如下圖所示的屬性。從圖像中的白色數(shù)字代表的位置百分比。(注：#c3c83d可能是#c3c8cd，原圖應(yīng)該標(biāo)注錯(cuò)了)

Step13

選擇圓角矩形矢量圖層，并復(fù)制它（ Control + J）。把副本圖層放在前面（按Shift+ Control +]），然后右鍵單擊它，然后單擊清除圖層樣式。請確保此副本仍處于選中狀態(tài)，降低其填充到0％，然后打開圖層樣式窗口，輸入下圖中的屬性。

Step14

選擇圓角矩形矢量圖層，并復(fù)制它（ Control + J）。選擇這個(gè)副本。清除圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，輸入下圖中的屬性。（注：原文漏了一個(gè)斜面浮雕的屬性值，可以參考我的數(shù)值大概調(diào)一下）

Step15

選擇圓角矩形矢量圖層，并復(fù)制它（ Control + J）。選擇這個(gè)副本。清除圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，輸入下圖中的屬性。

Step16

選擇圓角矩形矢量圖層，并復(fù)制它（ Control + J）。選擇這個(gè)副本。清除圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，輸入下圖中的屬性。

step17

選擇圓角矩形矢量圖層，并復(fù)制它（ Control + J）。選擇這個(gè)副本。清除圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，輸入下圖中的屬性。

step18

查看圖層面板，選擇圓形矢量圖層，打開圖層樣式窗口，然后輸入下圖中的屬性。

step19

選擇圓角矩形工具，設(shè)置半徑為5像素，創(chuàng)建一個(gè)205乘25像素的矢量形狀，并將其放在如圖1中所示的位置。給這個(gè)新的形狀制作一個(gè)副本（Control+ J），選擇它并點(diǎn)擊編輯>變換>扭曲。從下拉菜單中選擇凸起，在彎曲選項(xiàng)中輸入5，然后按Enter鍵。打開這個(gè)新的矢量形狀的圖層樣式窗口，然后輸入下圖中的屬性。(注：#c3c83d可能是#c3c8cd，原圖應(yīng)該標(biāo)注錯(cuò)了)

Step 20

移動(dòng)到圖層面板中，選擇在上一步中創(chuàng)造的另一個(gè)矢量形狀，點(diǎn)擊編輯>變換>扭曲。從下拉菜單中選擇凸起，在彎曲選項(xiàng)中輸入10并按Enter鍵。打開這個(gè)矢量形狀的圖層樣式窗口，然后輸入下圖中的屬性。(注：可以復(fù)制上一部做的圖層樣式，只用改斜面浮雕中的大小數(shù)值。）

Step 21

選擇在上一步編輯的矢量形狀，并復(fù)制它（Control+ J）。查看圖層面板，選擇這個(gè)副本。清除它的圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，然后輸入如下圖所示的屬性。使用淡紅色的陰影會(huì)讓你更容易看清楚我們在下一步將做的事情。（注：紅色的透明度應(yīng)該是100%）

Step 22

加載第六步中圓角矩形的選區(qū)。選擇在上一步中所做的矢量形狀，然后單擊添加圖層蒙版按鈕。此外，打開這個(gè)矢量蒙板圖層的圖層樣式窗口并選中［圖層蒙版隱藏效果］選項(xiàng)。在最后你的矢量蒙板形狀看起來應(yīng)該如第三圖片中的效果。重新打開圖層樣式窗口，把陰影效果中的紅色更換成黑色。

Step 23

將前景色設(shè)置為黑色，選擇矩形工具，創(chuàng)建一個(gè)10乘以15px的矢量形狀，并將其放在如圖1中所示的位置。恢復(fù)“網(wǎng)格線間隔1px的”。同樣只需去編輯>首選項(xiàng)>參考線，網(wǎng)格和切片，并在網(wǎng)格線的每個(gè)選項(xiàng)框中輸入1。確保一點(diǎn)，黑色矩形仍處于選中狀態(tài)，并觀察頂部欄。檢查Add按鈕，增加一個(gè)4乘以15px，如圖二所示的形狀。打開這個(gè)新的矢量形狀的圖層樣式窗口，然后輸入如下圖所示的屬性。

Step 24

選擇在上一步編輯的矢量形狀，并復(fù)制它（控制+ J）。查看圖層面板上，選擇這個(gè)副本。清除圖層樣式，降低其填充為0％，然后打開圖層樣式窗口，輸入如下圖所示的屬性。

Step 25

查看在之前步驟中所作的形狀。選擇橢圓工具，創(chuàng)建一個(gè)4乘以31px的矢量形狀并將其放在如圖1中所示的位置。放置到底層（按Shift+Control + [），然后打開圖層樣式窗口，輸入下圖中的屬性。

Step 26

選擇矩形工具，創(chuàng)建一個(gè)8乘31px的矢量形狀，并將其放在如圖1中所示的位置。確保這一新的形狀保持選定狀態(tài)并切換到橢圓工具。按頂部欄的合并形狀按鈕，添加一個(gè)圖二中的4乘31px的矢量形狀。繼續(xù)用橢圓工具，按頂部欄的減去頂層形狀按鈕，添加一個(gè)圖三中的4乘31px的矢量形狀。把這個(gè)矢量形狀放在后一層然后打開圖層樣式窗口，輸入下圖中的屬性。

Step 27

接下來，你需要自己創(chuàng)建一個(gè)簡單圖案。首先，點(diǎn)擊Control + N創(chuàng)建一個(gè)新文檔。在寬度和高度框中輸入2，然后單擊確定。確保開啟了網(wǎng)格和對齊網(wǎng)格功能，然后刪除“背景”圖層。設(shè)置前景色為黑色并選擇矩形工具，創(chuàng)建一個(gè)2乘1px的矢量形狀，并將其放在如圖中所示的位置。現(xiàn)在，只需去編輯>定義圖案。填寫你的圖案名稱，單擊確定。你創(chuàng)建了自己的圖案了。關(guān)閉該文件，并返回到上一個(gè)文件。(注：應(yīng)該是先創(chuàng)建矩形工具再刪除背景圖層吧）

Step 28

移動(dòng)到圖層面板中，右鍵單擊在第二十六步中創(chuàng)建的矢量形狀，然后單擊轉(zhuǎn)換為智能對象。選擇這個(gè)新的智能對象，打開圖層樣式窗口，然后輸入下圖中的屬性。

Step 29

同時(shí)選擇智能對象和在上六步做的矢量圖形，并將其轉(zhuǎn)換為一個(gè)智能對象。給這個(gè)新的智能對象創(chuàng)建一個(gè)副本（Control + J），選擇它，點(diǎn)擊編輯>變換>水平翻轉(zhuǎn)。請確保此副本仍處于選中狀態(tài)，將其拖動(dòng)到右邊，并并將其放在如圖2中所示的位置。

Step 30

切換到“5乘5像素的網(wǎng)格”，視圖移動(dòng)到目前創(chuàng)建的形狀的下方。選擇矩形工具，創(chuàng)建一個(gè)25乘100px的矢量形狀，并將其放在如圖1中所示的位置。選擇它，視圖移動(dòng)到它的下方，并切換到橢圓工具。從頂部欄點(diǎn)擊合并形狀按鈕，然后添加一個(gè)圖二中25乘10px的矢量形狀。打開這個(gè)新的矢量形狀圖層樣式窗口，然后輸入下圖中的屬性。

Step 31

視圖移動(dòng)到前幾步中所做的矢量形狀的下方。選擇橢圓工具，創(chuàng)建一個(gè)195乘40PX矢量形狀，并將其放在如圖1中所示的位置。放到底層（按Shift+ Control +[ ），然后打開圖層樣式窗口，輸入下圖中的屬性。

Step 32

選擇橢圓工具，創(chuàng)建一個(gè)195乘40PX矢量形狀，并將其放在如圖1中所示的位置。選擇這個(gè)新的矢量形狀，切換到矩形工具。按頂部欄的合并形狀按鈕，添加一個(gè)圖2中的195乘15px的矢量形狀。請確保此矢量形狀仍處于選中狀態(tài)，放置到底層（按Shift+ Control + [），然后打開圖層樣式窗口，輸入下圖中的屬性。

Step 33

返回到“1乘1像素的網(wǎng)格”，視圖移動(dòng)到第三十步所作的矢量形狀的上方。選擇橢圓工具，創(chuàng)建一個(gè)25乘6px矢量形狀，并將其放在下圖中所示的位置。打開這個(gè)新的矢量形狀的圖層樣式窗口，輸入下圖中的屬性。(注：原教程少了一張漸變的屬性圖，大家可以自己根據(jù)前面學(xué)習(xí)到的漸變方法嘗試著調(diào)一下，可以參考下面的大圓的漸變方式，不要直接復(fù)制哦，是不一樣的。）

Step 34

切換到“5乘5像素的網(wǎng)格”。挑圓角矩形工具，設(shè)置圓角半徑為120px，創(chuàng)建一個(gè)215乘330px矢量形狀，并將其放在如圖1中所示的位置。選擇這個(gè)新的矢量形狀，按頂部欄的減去頂層形狀按鈕，繪制一個(gè)如圖二的205乘320px的矢量形狀。(注：圖中按鈕標(biāo)注錯(cuò)了）

Step 35

選擇在上一步制成的矢量形狀，并選擇矩形工具。按頂部欄的減去頂層形狀按鈕，繪制出215乘125px矢量形狀，如下圖所示。

Step 36

返回到“1乘1像素的網(wǎng)格”。選擇在上一步編輯的矢量形狀，選擇矩形工具，視圖移動(dòng)到下方。按頂部欄的減去頂層形狀按鈕，繪制出23乘8像素的矢量形狀，如下圖所示。

Step 37

選擇在上一步編輯的矢量形狀，選擇橢圓工具，視圖移動(dòng)到下方。按頂部欄的合并形狀按鈕，并添加兩個(gè)5px的圓圈，如下圖所示。

Step 38

選擇在上一步編輯的矢量形狀，選擇橢圓工具，視圖移動(dòng)到上方。按頂部欄的合并形狀按鈕，并添加兩個(gè)5乘6px的圓圈，如下圖所示。

Step 39

重新選擇上五步所作的矢量圖形，并把它轉(zhuǎn)換成智能對象。打開這個(gè)新的智能對象的圖層樣式窗口，然后輸入下圖中的屬性。

Step 40

視圖移動(dòng)到前幾步所作的智能對象的底部。設(shè)置前景色為白色，選擇橢圓工具，創(chuàng)建兩個(gè)5px的圓圈，并將其放在如圖1中所示的位置。打開左邊圓圈的圖層樣式窗口，然后輸入下圖中的屬性。打開右邊圓圈圖層樣式窗口，然后輸入下圖中的屬性，但是用相反的角度。

Step 41

視圖移動(dòng)到第三十九步中的智能對象的頂部，并選擇橢圓工具。創(chuàng)建2個(gè)5乘6px的矢量形狀并將其放在如圖1中所示的位置。打開這些新的形狀的圖層樣式窗口，然后輸入如下圖所示的屬性。

Step 42

接下來，我們將給麥克風(fēng)加一點(diǎn)顏色。選擇所有創(chuàng)建的形狀并將其轉(zhuǎn)換為智能對象。給這個(gè)智能對象創(chuàng)建一個(gè)副本（Control+ J），并選擇它。降低它的填充為0％，然后打開圖層樣式窗口，輸入如下圖所示的屬性。

Step 43

選擇在上個(gè)的步驟中的第二個(gè)智能對象并復(fù)制它（Control + J）。選擇這個(gè)副本，打開圖層樣式窗口，編輯如下圖所示顏色疊加的屬性。

Step 44

創(chuàng)建一個(gè)新圖層（同時(shí)按住Shift+ Control + Alt + N），并把它放到圖層的最后（同時(shí)按住Shift+ Control + [）。查看圖層面板，并確保選中這個(gè)新圖層。設(shè)置前景色為＃2d2d2d，選擇油漆桶工具在圖層內(nèi)點(diǎn)擊。

Step 45

最后，選擇這些智能對象，把您的麥克風(fēng)變成一個(gè)新的智能對象。選擇它，去濾鏡>雜色>添加雜色。輸入如下圖所示的屬性，單擊OK，去濾鏡>渲染>鏡頭光暈。進(jìn)入下圖所示的屬性，點(diǎn)擊確定，就大功告成了。

好了我們大功告成了！

這就是是你的最終應(yīng)該看到的樣子。

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

如果你覺得好不要忘了點(diǎn)贊，你們的支持是我最大的動(dòng)力。