時間:2024-03-07 15:01作者:下載吧人氣:24
大師級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,去濾鏡>渲染>鏡頭光暈。進入下圖所示的屬性,點擊確定,就大功告成了。
好了我們大功告成了!
這就是是你的最終應該看到的樣子。
下面這張圖是我照著教程完成的
如果你覺得好不要忘了點贊,你們的支持是我最大的動力。
網友評論