復古收音機：PS繪製立體風格的收音機

學習PS

微信公眾號：xxps1979

作者非常喜歡這種復古風格的收音機，主要使用圖層樣式的應用來完成，希望大家可以喜歡。

實物圖—

教程步驟—

步驟 01 背景製作

1. 新建文檔，大小800*600px,解析度72。新建矩形寬800*高600，填充顏色#ddbab4。

2.新建空白層，用白色柔光畫筆拍兩下，自由變換大小，將其調整合適。圖層名字改為背景光。

3.新建空白層，填充#000000，給圖層添加蒙版，用柔光畫筆在將蒙版中間擦除，目的給背景暗角進行加深，混合模式改為柔光。給圖層命名為暗角加深。注意調整圖層順序。

步驟 02 收音機繪製

先分析收音機機身，然後拆分細化。可以將外框和機身部分拆分來做，首先做外框部分。

機身外框

1.新建圓角矩形，將調節圓角屬性的鎖釋放，圓角就不會被同時調節。填充顏色#ffd7c1。

2.點圓角矩形圖層，按鋼筆工具添加錨點。在圓角矩形頂中心添加錨點。按住ctrl鍵拖動該錨點往上移動15個像素(可建立參考線移動)，調節兩邊錨點，使其上方圓滑，避免出現稜角。給圖層命名為「外框」。

給圓角矩形添加圖層樣式-斜面浮雕，增加體積感。

用鋼筆工具，選擇形狀繪製收音機底部體積部分。填充顏色#1d0a04。將圖層命名為「收音機底部」。

因為外框是金屬，首先給它添加暗部。新建圓角矩形，寬415像素、高111像素、圓角為40像素，填充顏色#260c04。使其與外框居中。羽化8.4像素，建立剪貼蒙版，作用於外框圖層，命名為金屬暗部。

複製暗部-1，命名為外框反光。滑鼠拖動羽化指針，羽化0.5像素。填充顏色#af816c。

複製外框層，命名為機身-深色底。Ctrl t自由變換，注意左右和上下與外框的距離。添加圖層樣式-漸變疊加。

接下來給外框金屬做出質感，和加強質感。給外框添加反光做出體積感，用鋼筆工具勾出形狀，羽化0.5像素，填充顏色d7a48d。如果一層效果不明顯，可複製多層，注意調整羽化值。

會發現金屬暗部顏色不夠深，給暗部加深。原圖可以看出左側暗部形狀很明確，右側則是暗部自然過渡，分別底部左右側分開做。

·直接複製金屬暗部層，改變形狀顏色，填充#0f0401。同時按住alt ctrl G建立剪貼蒙版，作用於，添加蒙版，擦除兩邊多餘的地方。

·左側用鋼筆工具勾出形狀，羽化0.4像素，填充顏色#31160b，注意：鋼筆勾出的形狀可能會跑出外框，點該圖層，同時按住alt ctrl G建立剪貼蒙版，使其只作用於「外框圖層」。

·右側新建圖層，命名右側暗部加深，選擇柔光畫筆，前景色改為#31160b，輕拍兩下，同樣建立剪貼蒙版作用於「外框圖層」，建立蒙版，柔光畫筆調整不透明度和流量，擦出自然柔和的過渡。

收音機外框邊的體積感做出來，直接用形狀工具直線或者矩形，填充顏色#a57965，添加蒙版，用柔光畫筆，調整不透明度和流量，將頭尾擦除。羽化0.3像素。

左右側高光提亮，用矩形形狀工具，填充顏色#ffeae1，建立蒙版，用柔光畫筆過渡。

羽化1.6像素，ctrl alt G建立剪貼蒙版，作用於「外框圖層」。右側同理。

大概做出這樣的效果。除「機身深色」圖層外，將外框部分圖層編組，命名為「外框」。

機身部分

1.複製機身-深色圖層，命名為「機身」。清除圖層樣式，ctrl T自由變換圖形。填充顏色#fefaef。注意機身與下方外框的距離。接下來給圖層添加圖層樣式。

2.這裡我們會發現，機身底部也有體積感。

複製「機身深色」圖層，清除圖層樣式，按鍵盤上鍵，往上移動2下。給圖層添加圖層樣式-內陰影。數值如圖下，圖層填充改為「0」。命名為機身體積。

3.複製機身體積，命名為「機身-反光」，往上移動一下，這裡可不用清除圖層樣式，直接改變圖層樣式的參數。

4.複製「機身」圖層，清除圖層樣式。圖層填充改為「0」。命名為機身-反光2，給圖層添加圖層樣式-內陰影。

5.給機身添加高光。選擇鋼筆工具，勾出形狀，填充顏色#fdfbf4，羽化1.6像素。混合模式「濾色」，不透明度51%。命名為高光-右。

6.複製「高光-右」，重命名為「高光-左」。按住shift鍵滑鼠移動到左邊(也可以鍵盤左右鍵移動)，ctrl T自由變換，右鍵出現選項，選擇水平變換後，按enter鍵確定，調整位置。

7.鋼筆工具繪製頂部高光，命名為高光-頂，填充顏色#ffffff，羽化1.2像素，混合模式-濾色，不透明度90%。

8.鋼筆工具繪製下部高光，主要是提亮。命名為「高光-下」，填充顏色#f6f1e3，羽化4.6像素，混合模式-柔光，不透明度90%。將高光組合成組，命名為「機身-高光」

大致效果如下圖，將機身部分圖層組合成組，命名為：機身。

音箱

1.新建圓角矩形150*19像素，圓角8.5像素。命名為「音箱條-1」。

2.音箱素材直接在網上找貼圖，然後給圖層濾鏡-銳化-USM銳化，讓質感更明顯。Ctrl alt G建立剪貼蒙版，讓貼圖只作用於音箱條。

3.鋼筆工具繪製音箱的內部體積，命名為「內部體積」。填充顏色#6d5f45

4.複製音箱條，清除圖層樣式，命名為「音箱條-高光」，注意圖層順序。添加圖層樣式-描邊，參數如下。圖層填充改為0。

這裡將音箱條圖層組成組，分別複製3組。擺放好位置。

綠色指示燈

1.新建圓角矩形43*15像素，圓角7像素，填充為0。給圖層添加圖層樣式-投影。給圖層命名為指示燈外框。

2.複製「指示燈外框」，清除圖層樣式，圖層填充改為「0」。添加圖層樣式-描邊，這層命名為「指示燈高光過渡」。

3.複製圖層「指示燈高光過渡」。改變不透明度和描邊大小。

4.複製「指示燈外框」圖層，置於「指示燈外框」圖層下，清除圖層樣式。填充顏色#bfb6a4，目的將周圍壓暗。

5.複製「指示燈外框」圖層，清除圖層樣式，命名為「體積」。置於「指示燈外框 拷貝」下。Ctrl T自由變換，同時按住shift ctrl鍵，等比縮放，比外框大一點即可。給圖層添加圖層樣式-投影，增加指示燈的厚度體積感。圖層填充改為「0」。

6.新建圓角矩形，39*13像素，圓角6像素，填充顏色#50fe51。給圖層添加圖層樣式-斜面與浮雕。

7.製作左右兩邊稍暗的。用鋼筆工具摳出形狀，填充顏色#32e62c，羽化1.6像素，命名為「綠加深右」，Ctrl alt G建立剪貼蒙版。複製「綠加深右」圖層，改名為「綠加深左」，ctrl T自由變換，右鍵點水平翻轉，調整位置，建立剪貼蒙版。

8.給指示燈綠條添加高光，用鋼筆工具摳出形狀，羽化0.6像素，填充顏色#ddfbdb。給圖層命名為「綠條高光」。

9.最後給指示燈添加高光。左右兩側高光用鋼筆工具摳出形狀，填充顏色#ffffff，羽化0.4像素。頂部高光用矩形形狀工具，高度為1像素，調整羽化值和不透明度，高光強度弱可複製多層加強效果。將所有指示燈相關圖層成組，命名為「指示燈」

音量和開關調控鈕

1.選擇橢圓形狀工具，新建橢圓，40*40像素。填充顏色#000000。給圖層添加圖層樣式，參數如下。命名為「音量調控」。

2.新建27*27像素的橢圓形狀，填充顏色#c79a78。命名為「金屬調控」，給圖層添加圖層樣式-斜面浮雕。

3.複製「金屬調控」圖層，清除圖層樣式，圖層填充改為「0」，添加圖層樣式-內陰影。

4.新建橢圓形狀，大小貼合陰影的形狀。圖層填充改為「0」，添加圖層樣式-內陰影，不透明度改為80%，命名為「內凹暗面」。

5.同理，新建橢圓形狀，圖層填充改為「0」。命名為「內凹陰影」，添加圖層樣式。

6.新建橢圓形狀，形狀較扁。命名為「內凹圓」。

7.再新建橢圓形狀，命名為「內凹圓-1」。

8.複製「內凹圓-1」，重命名為「內凹-反光」，添加圖層樣式-內陰影，填充改為「0」

9.選擇橢圓形狀工具，新建18*18像素的正圓，命名為「材質」。填充#000000。添加圖層樣式。

10.網上找關於皮革的素材，建立剪貼蒙版，如果建立剪貼蒙版不顯示圖層樣式效果。「材質」圖層的圖層樣式-混合選項，勾選「將剪貼圖層混合成組」。

11.會發現材質部分整體偏亮，新建空白圖層，用柔光畫筆，調整畫筆大小，與材質圖層圓大小一致，前景色為#00000，在空白圖層拍幾下，以達到加深效果，適當調整圖層不透明度。將相關圖層成組，給組命名為「音量調控」。複製「音量調控」組，重新命名為「開關調控」往右移動。

圖案與文字

形狀、鋼筆工具與文字工具，分別製作指示燈和音量開關調控的圖案與文字。

金屬齒輪調針

1.選擇橢圓形狀工具，新建134*134像素的圓，填充顏色#1e0000。

2.接下來做金屬齒輪部分。打開AI，選擇橢圓工具新建寬度和高度為300px的圓。填充顏色#C79A78

長按寬度工具，出現各種工具選項，選擇晶格化工具。然後雙擊晶格化工具出現調整工具欄，調整好參數後確定，在圓的中心點一下。

選擇「直接選擇工具」會出現調整圓角的點。點選調整圓角大小。然後直接將形狀拖至PS，形狀自動生成未智能對象。

3.給齒輪命名為「金屬齒輪」，注意放置的位置和形狀的大小。添加圖層樣式。

4.複製「金屬齒輪」圖層，重命名為「金屬齒輪反光-1」，清除圖層樣式，填充改為「0」，給圖層添加描邊。放置「金屬齒輪」圖層下。

5.複製「金屬齒輪反光-1」，重命名為「金屬齒輪反光-2」，清除圖層樣式，填充改為「0」，給圖層添加圖層樣式-內陰影。置於「金屬齒輪反光-1」下。如果反光不明顯，可適當往下移動1像素。

6.複製「金屬齒輪」圖層，清除圖層樣式，填充改為「0」。命名「金屬齒輪光」，添加圖層樣式-內陰影。調整圖層的大小，讓「金屬齒輪光」小於金屬齒輪。效果不明顯，可再複製一層，疊加效果。

7.選擇橢圓工具，新建118*120的圓。填充改為「0」。命名為「齒輪凹面1」

8.複製「齒輪凹面1」，清除圖層樣式，圖層填充改為「0」。命名為「齒輪凹面2」

9.複製「齒輪凹面2」命名為「齒輪凹面3」。

10.複製「齒輪凹面3」，命名為「齒輪凹面4」。

這裡把齒輪凹面的暗部反光投影都做出來了。大致效果如下圖。

11.新建橢圓形狀，填充顏色#000000，ctrl T自由變換，將圓上方適當壓扁，把凹面的暗部反光顯出來。

12.接下來做金屬齒輪的高光，用鋼筆工具勾出形狀，填充顏色#ffffff，混合模式改為濾色，不透明度改為80%，羽化0.3像素，命名為「金屬齒輪高光左」。複製「金屬齒輪高光左」，不透明度改為50%。

·右側高光比左側高光稍微弱，複製左側的高光圖層，羽化0.7像素，不透明度改為60%。效果較弱，再複製一層，調整不透明度和羽化值。

13.新建100*100像素的圓，與「金屬齒輪」齒輪居中。填充顏色#171416。添加圖層樣式-斜面和浮雕。給圖層命名為「調針」。

14.複製「調針」圖層，清除圖層樣式，填充改為「0」。

15.用鋼筆工具，勾出形狀，填充#fff1f1。混合模式改為濾色，不透明改為60%。羽化1.1像素。命名為「調針高光」。

16.複製「調針高光」，命名為「調針反光」。填充#73220d,圖層樣式改為綠色，不透明度改為25%，羽化0.5像素。

17.複製「調針反光」，調整好位置，給圖層命名「調針頂部反光」。填充顏色#ff3e03，混合模式改為濾色，不透明度25%，羽化0.5像素。

18.選擇橢圓形狀工具，新建82*82像素的圓，與調針圖層居中對齊。這裡主要是要橢圓的路徑來製作文字。按T鍵，滑鼠移動到橢圓路徑上點，鍵入文字，按住ctrl鍵，將文字往圓內拖。

19.網上找金色油漆素材貼圖，建立剪貼蒙版，賦予文字層。

20.新建46*46像素的圓，與調整圖層居中對齊。填充顏色#814c33。給圖層命名為「銅調針」這裡我們要給銅調針做布爾運算。

21.點選「銅調針圖層」，選擇「圓角矩形形狀」工具，長按上方的矩形圖標，選擇「合併形狀」。畫出銅調針形狀，按快捷鍵「A」進入「直接選擇工具」，選擇該圓角矩形，按住「ALT鍵」拖動圓角矩形進行複製，調整好位置。

再次運用布爾運算，選擇「橢圓工具」，選擇「減去頂層形狀」。內圓要與外圓居中對齊，不然會出現邊的粗細變化。

選擇「圓角矩形工具」，同樣選擇「減去頂層形狀」。

最後我們得到了「銅調針」的形狀。Ctrl T自由變化，旋轉好角度放置。然後給其添加圖層樣式。

22.複製「銅調針」，清除圖層樣式，填充改為「0」。命名為「銅調針1」，給圖層添加圖層樣式。

23.用鋼筆工具勾出銅調針上方的體積感，命名為「上方體積」，填充顏色#200a04。圖層放置「銅調針」圖層下方。

24.複製「上方體積」圖層，清除圖層樣式，重命名為「上方體積反光」。添加圖層樣式。圖層放置「上方體積」圖層下。

25.用鋼筆工具，勾出右側的體積感，命名為「上方體積1」，填充顏色#000000。

26.用鋼筆工具勾出銅調針下方的投影。命名為「投影」，羽化1.0像素，填充顏色#180702。

27.給銅調針下方添加體積感，命名為「下方體積」同樣用鋼筆工具勾出形狀，填充顏色#000000。要注意圖層的順序位置。

28.將拐角地方壓暗，新建空白圖層，用柔光畫筆，前景色為#000000，在暗面處拍幾下。再新建另一空白圖層，前景色為#592816，在下方暗面處拍幾下，然後分別建立剪貼蒙版，作用於「銅調針」圖層。

29.給「銅調針」整體調亮和壓暗，做出拐角體積感和高光，需要特別細心去製作。這裡是新建空白圖層，命名為「調整層」，用柔光畫筆工具，在空白圖層上壓暗和調亮。這裡需要多個圖層便於後期調整。

30.選擇橢圓形狀工具，新建37*37像素的圓，填充顏色#000000，與同調針形狀居中對齊。命名為「銅調針暗部」。

31.複製「銅調針暗部」同時按住shift ctrl鍵，調整圓的大小。命名為「材質」，添加圖層樣式-斜面和浮雕。

32.將音量調控的皮革貼圖複製，建立剪貼蒙版。發現整體偏亮，與音量調控的材質層做法相同。新建空白圖層，選用柔光畫筆，前景色為#000000，調整畫筆大小，在空白圖層輕拍加深整體顏色，使中間有凹陷下去的感覺。

33.最後，會發現金屬齒輪光影效果太弱，齒輪的高光和齒輪高光角的高光等。新建空白圖層，用畫筆工具，將暗部加深，高光加強。命名為「暗部調整層」和「高光調整層」。

收音機腳

1.用鋼筆工具畫收音機的腳，命名為「收音機-腳」。添加圖層樣式-漸變。複製「收音機-腳」移動到左邊。

金屬把

兩邊的金屬把，將其劃分為一個個形狀。

1.用鋼筆工具，勾出形狀。添加圖層樣式。

2.鋼筆工具勾出第二層形狀，填充顏色#c1947d，添加圖層樣式。

3.矩形形狀工具畫出第三層形狀，添加圖層樣式。

4.圓角矩形建第四層形狀。添加圖層樣式。拷貝第三層矩形形狀的圖層樣式，粘貼圖層樣式給第四層形狀。

5.將第四層形狀複製一層

6.用鋼筆工具勾出第五層形狀，添加圖層樣式。

7.鋼筆工具勾出第六層形狀，填充顏色#9b6f66。放置第五層形狀圖層下。

8.最好是齒輪形狀，同樣是鋼筆選擇形狀勾出來。添加圖層樣式。如位置太遠，可多加幾個色塊調整。

9.選擇形狀的直線工具畫。

10.最好新建空白圖層，用畫筆工具，給手把暗部和高光增強質感。

11.將相關圖層成組，命名為「金屬把1」，複製「金屬把1」組，Ctrl T自由變換，右鍵-水平翻轉，水平移動至機身右側，命名為「金屬把2」。

提手

1.用鋼筆工具，勾出提手的形狀。填充顏色#f7d3bd，命名為「提手」。

2.用鋼筆工具勾出暗面形狀，填充顏色#402419，羽化0.5像素，添加蒙版，將拐角的地方用柔光畫筆，調整不透明度流量，柔化一下邊緣。命名為「暗面1」建立剪貼蒙版，讓圖層只作用於「提手」圖層。

·複製「暗面1」，Ctrl T自由變換，右鍵選擇水平翻轉，水平移動至左邊，調整好位置，與右邊對稱。重命名為「暗面2」。

3.選擇矩形形狀工具，新建矩形，給圖層命名「暗面3」。填充顏色#592611，建立剪貼蒙版，作用於「提手」圖層。

4.同樣用鋼筆工具勾出「暗面4」，建立剪貼蒙版，填充顏色#402419。

5.下面給暗面添加高光和反光。選擇矩形形狀工具，新建寬度為1像素的長條矩形，羽化0.6像素，填充顏色#ae5632。命名為「反光1」

6.複製「反光1」，重命名為「反光2」，將羽化改為0像素。

7.複製「反光2」Ctrl T自由變換，將寬度拉長1像素，Enter鍵確定。填充顏色#7f3518，添加蒙版，用柔光畫筆調整不透明度和流量將頂部輕擦除，讓過渡柔和。將圖層重命名為「反光3」

8.鋼筆工具勾出高光形狀，將圖層命名為「高光1」，填充顏色#fffdf4，添加蒙版，柔光畫筆擦除拐角處，讓過渡柔和。

9.複製「高光1」，重命名為「高光2」，長按鋼筆工具-選擇轉換點工具點選路徑出現路徑錨點，按住Ctrl鍵移動錨點，通過錨點的調整，得出下圖形狀，添加蒙版，柔化拐角處的過渡。高光不明顯，可以複製多層，增強效果。

10.將暗面圖層和高光圖層複製，移動至左邊同樣的位置。

11.給底部暗面添加高光和反光。鋼筆工具勾出下圖形狀，填充顏色#b8846f，給圖層命名為「頂部反光」

12.複製「頂部反光」圖層，清除圖層樣式，圖層填充改為「0」，添加圖層樣式-內陰影。重命名為「頂部反光1」

13.形狀直線工具，新建1像素的形狀，填充顏色#fefaf9。命名為「高光」。高光不明顯，可以複製多層加強效果。

14.在反光底部，添加環境光顏色。新建直線形狀，填充顏色#7f3518。命名為「環境光暗部」

15.最後將提手兩側和金屬把融合，新建空白圖層，用畫筆工具繪製。暗部和亮部分開圖層，整體效果弱，也可新建空白圖層，用畫筆增強暗部和高光。最後將提手圖層成組，命名「提手」。

投影

1.選擇橢圓工具，新建扁的橢圓，填充顏色#1c0b05，羽化4.2像素，混合模式改成正片疊底，不透明度改為30%。命名為「投影1」

2.複製「投影1」，自由變換將左右縮小，羽化改為2.9像素，不透明度改為40%。添加蒙版，將兩側較深的地方用柔光畫筆過渡，給圖層命名為「投影2」。

3.複製「投影2」自由變換將左右縮小，羽化改為3.8像素，不透明度40%。給圖層命名為「投影3」。

4.複製「投影3」自由變換將左右縮小，羽化2.2像素，不透明度80%。給圖層命名為「投影4」。

5.除收音機圖層外，投影和背景圖層隱藏，Ctrl Alt Shift E蓋印相機圖層，右鍵圖層，選擇轉化為「智能對象」，雙擊「智能對象」進入單獨的收音機畫布，添加圖層樣式-顏色疊加，顏色#000000，Ctrl S保存(一定要保存)，Ctrl W關閉單獨的畫布，回到原始的畫布。給圖層添加濾鏡-模糊-動感模糊，數值如下圖。添加蒙版，將除提手外的其他擦除，不透明度改為20%。將投影圖層成組，放置收音機組下。

復古收音機就完成了，製作過程一定要細心思考注意細節。

最終效果圖—

結語—

本教程到這裡就結束了，希望大家在練習過程中多思考、理解製作思路和操作方法，活學活用。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！