教程步驟—

卡式播放器可以分成4個部分進行繪制，1：耳機盒，2：卡帶盒，3：卡帶孔，4：側面按鍵。

先在 AI 里使用 3D 效果制作出整個卡帶播放器的外部形狀。

AI新建文檔 1920x1080px ，PPI:300，顏色模式：RGB，任意設置一個較深色的背景。

在背景層上面新建一個圖層，創(chuàng)建兩個圓角矩形。

選中兩個矩形，效果 > 3D > 凸出和斜角，然后調(diào)整兩個 3D 圖形相對位置，并分開兩個圖層放置。

對象>擴展外觀，分別對兩個 3D 圖形進行擴展。

然后選用左側的形狀生成器工具將擴展后的3D圖形分別進行形狀合并成 2 個路徑(下圖顏色區(qū)所示)，右鍵解除編組，然后將這些解除編組的路徑釋放到圖層中，生成 4 個獨立的圖層，并分別命名。

最后，在AI微調(diào)各個部分的形狀和方向，文件>導出>導出為PSD格式。

PS新建文檔，插入背景素材，拖入AI制作的卡式播放器形狀文件，每個圖層分別轉換成智能對象。

分別對各個部分填色。耳機盒被遮擋的右側則用鋼筆勾出輪廓，對耳機機身創(chuàng)建剪切蒙版，填色 #133e68 。

對卡帶左側和耳機左側面進行復制，填充黑色，放置到紅色圖層下方，調(diào)整位置，制作出左側面與機身之間的縫隙，濾鏡>模糊>高斯模糊>半徑 3.0 。

接下來制作耳機盒上方的蓋子和卡帶盒上方的蓋子。

卡帶盒蓋子：創(chuàng)建圓角矩形命名為大頂蓋，填色293b47，轉換成智能對象，編輯>變換>扭曲，將圓角矩形壓至與機身平行，復制移至頂蓋下一層，填充 #000000 ，編輯>變換>縮放，調(diào)整大小制作蓋子與機身的縫隙，命名大頂蓋陰影，注意與機身邊距。

耳機盒蓋：將耳機頂面復制一層，創(chuàng)建圓角矩形轉換成智能對象，壓至與耳機頂面一樣 長寬，耳機頂面保留彎角部分，與圓角矩形部分重疊，合并圖層，調(diào)整大小，命名小頂蓋;復制小頂蓋填充 #000000 ，調(diào)整大小制作蓋子與機身的縫隙，命名小頂蓋陰影，注意與機身邊距。

對機身做基本光影。

小頂蓋高光制作。

小頂蓋分別有左右兩個紅色高光，和側面一個藍色高光。

側面藍色高光制作方法為：復制小頂蓋圖層，命名為小頂蓋藍色高光，雙擊圖層列表里的圖層進入編輯區(qū)，將原圖層復制，放在上層，填充不同色以作區(qū)分，移動復制圖層與原圖層形成所需大小間隙，以上層復制圖層作為選區(qū)，刪去原圖層選取中的區(qū)域，填充顏色 4095c1 ，保存，濾鏡>模糊>高斯模糊>半徑 1.0 ，不透明度 60% ，放置于小頂蓋圖層上方。

左邊紅色高光做法一樣，復制小頂蓋制作而成，填色 #662116 ，濾鏡>模糊>高斯模糊>半徑 1.0 ，置于小頂蓋圖層下方。

右邊紅色高光則復制小頂蓋陰影制作而成，填色 #662116 ，濾鏡>模糊>高斯模糊>半徑 2.0 ，置于小頂蓋陰影圖層上方。

大頂蓋高光制作。

左側紅色高光和下方藍色高光做法一致：復制大頂蓋，雙擊圖層列表中的圖層進入編輯區(qū)。復制原圖層，移動上方復制圖層，與原圖層形成適當?shù)拈g隙，按 Ctrl+E ,合并兩個圖層，左側工具欄選擇直接選擇工具點選圖層，然后選擇減去頂層形狀，即布爾運算，生成高光形狀。

右側紅色高光和上方藍色高光則復制大頂蓋陰影圖層進行布爾運算制作。

紅色高光填充 #832106 ，藍色高光填充 #4095c1 。

左側紅色高光透明度 70% ，置于大頂蓋圖層下方;

右側紅色高光透明度 70% ，置于大頂蓋陰影圖層上方，對大頂蓋陰影創(chuàng)建剪貼蒙版;

上方藍色高光制作兩層，第一層透明度 100% ，第二層透明度 55% ，置于大頂蓋陰影圖層上方，對大頂蓋陰影創(chuàng)建剪貼蒙版;

下方藍色高光透明度 100% ，對大頂蓋創(chuàng)建剪貼蒙版。

對耳機盒和卡帶盒進行光影制作。

卡帶右側面光影制作：

鋼筆勾勒出 3 條適當大小的橫條，調(diào)整好 3 個圖層的角度和上下重疊關系，圖層從上至下分別填色 #50606b (轉化成智能對象，高斯模糊半徑 1.0 ，透明度 82% )，#78acd0(轉化成智能對象，高斯模糊半徑 4.0 ，透明度 82% )，#133b55(轉化成智能對象，透明度 100% )，均對卡帶機身面創(chuàng)建剪貼蒙版。

繼續(xù)用鋼筆勾勒出適當大小的矩形，填充 #000000 ，對卡帶機身面創(chuàng)建剪貼蒙版，制作右側面的暗部陰影。

對該圖層添加投影圖層樣式，透明度 83% ，填充 80% 。

復制該圖層，清除圖層樣式，高斯模糊半徑 5.0 。

同樣方法對耳機盒右側，外轉角及卡帶盒與耳機盒銜接處制作光影。

在耳機盒右側面上方用鋼筆勾勒出 2 條適當大小的橫條，圖層從上至下分別填色 #50606b(轉化成智能對象，高斯模糊半徑 1.0 ，透明度 72% )， #78acd0 (轉化成智能對象，高斯模糊半徑 4.0 ，透明度 100% ，填充 37% )，均對耳機機身面創(chuàng)建剪貼蒙版。

繼續(xù)用鋼筆勾勒出適當大小的矩形，填充 #000000 ，對耳機機身面創(chuàng)建剪貼蒙版，制作右側面的暗部陰影。

復制圖層，置于下方，對該圖層添加投影圖層樣式，投影填色 #021326 。

耳機盒外轉角處陰影

同樣鋼筆勾勒適當大小的橫條，填色 #0c142e ，置于耳機盒頂面之上，小頂蓋陰影之下，高斯模糊半徑 1.0 ，對耳機盒頂面創(chuàng)建剪貼蒙板。

復制該圖層，置于小頂蓋之上，對小頂蓋創(chuàng)建剪貼蒙板。

卡帶盒與耳機盒銜接處光影

高光層填色 #78acd0 ，高斯模糊半徑 1.0 ，透明度 50%

轉角陰影層填色 #070000 ，高斯模糊半徑 1.0

對兩個左側面加光影，高斯模糊半徑1.0

為耳機盒和卡帶盒添加小卡條。

耳機盒卡條：創(chuàng)建一個圓角矩形，填色 #14223d ，命名卡條 1

添加圖層樣式

復制卡條1，運用布爾運算制作高光，填色58bbee，圖層模式：線性減淡(添加)。

添加圖層，在卡條左側用畫筆畫出高光，填色90200d

卡帶盒卡條：創(chuàng)建圓角矩形，填色84bbe2，添加外發(fā)光。

將卡帶盒機身面和大頂蓋及這兩個圖層上面的所有光影圖層復制合成智能對象，添加漸變疊加圖層樣式。

卡式播放器的基本型已經(jīng)繪制完成，接下來繪制左側按鍵部分。

創(chuàng)建兩個圓角矩形，將兩個矩形靠右上角對齊，命名為1和2，同時選中這兩個矩形，編輯>變換>扭曲。

對按鈕1添加圖層樣式

高光：7c2106，陰影：090000

將矩形1和矩形2文件夾編組按鈕1，復制出其他4個按鍵，調(diào)整好彼此之間的位置。

為各個按鈕分別用基礎圖形繪制對應的按鍵圖標，填色fc6936，通過編輯>變換>扭曲，調(diào)整到合適的方向和位置。

接下來繪制機身磁帶孔部分。

首先創(chuàng)建一個圓角矩形，轉換為智能對象，命名為底部，編輯>變換>扭曲，作為磁帶孔的范圍。

復制底部圖層，填充000000，調(diào)整到適當大小，制作出與機身的縫隙。

復制底層圖層，利用布爾運算制作紅色高光，填色832106 ，置于底層圖層下方。

復制底層圖層，布爾運算制備磁帶孔中空頂層部分。

先做一個打底層：填色308ecb

復制該打底層， 編輯模式下添加漸變疊加，保存后將該智能對象圖層命名為中空頂層。

漸變疊加參數(shù)：

填色：eb3505，eb3505，000000，000000，308ecb，308ecb，000000，000000

位置：11%，27%，58%，73%，85%，91%，97%，100%

對中空頂層添加蒙版，進行適當擦除。

新建圖層，對紅色末端添加一些黑色陰影。

接下來制作中空部分的中層。

先做中層的打底部分，藍色：308ecb，墨色：1f2e35

復制該底層，填色000000，對該圖層添加蒙版，進行適當擦除，同樣在尾部添加一些黑色陰影。

最后添加最底部的黑色陰影

接下來繪制卡帶的齒孔，不限定特定大小，繪制完成后根據(jù)具體空間縮放扭曲到合適大小即可。

創(chuàng)建一個最外圓，66Px，填色0c2534，66Px大小，創(chuàng)建一個小一點的第二圓，55PX，填色000000， 創(chuàng)建第三圓利用布爾運算制作齒孔圈，50PX，填色79a5c8。創(chuàng)作6個5x7px的矩形，適當扭曲調(diào)整作為磁帶孔齒;最后創(chuàng)建兩個圓作為中心軸， 分別為25和20Px，填色091016。

復制該組磁帶齒，分別命名為磁帶齒1和磁帶齒2，一起移到磁帶中空位置，對該中空底層圖層創(chuàng)建剪貼蒙板，然后扭曲調(diào)整至契合中空位置。

對兩組磁帶齒添加光影。

復制最外圓 ，填色000000，雙擊進入智能對象編輯區(qū)，添加漸變疊加，保存后，對智能對象圖層添加外發(fā)光。然后對該復制圖層添加蒙版，進行適當擦除。

漸變疊加參數(shù)：

填色：000000，0c2635，0c2635，000000，000000，0c2635，0c2635，000000，000000，000000

位置：0%，6%，15%，26%，45%，57%，63%，75%，79%，100%

用鋼筆對齒環(huán)形狀進行勾勒，稍微調(diào)整位置與下層形成位置差制作出厚度感。新建圖層為齒環(huán)添加一些暗部。

對齒孔中心軸添加光影：

軸內(nèi)圈：

軸外圈：

磁帶齒2同樣方法制作光影。

最后新建圖層，用柔邊畫筆對磁帶孔1部分補一些暗部。

創(chuàng)建矩形扭曲制作中間的logo部分，添加外發(fā)光，添加喜歡的字體。

然后在中空中層用鋼筆勾勒出logo和齒孔在上面的倒影。

對中空頂層紅的部分添加高光，填色ef7043。整個磁帶中空外部添加藍色高光，填色：79a5c8，圖層模式顏色減淡(添加)。

最后用鋼筆勾出磁帶中空孔內(nèi)的紅色光，對磁帶底部圖層創(chuàng)建剪切蒙版，邊緣羽化2.0。

然后將耳機盒相關圖層文件夾編組，在文件夾上方新建圖層，在此圖層添加黑白漸變疊加，將漸變疊加限制在頂蓋面。同理對卡帶盒部分進行漸變疊加操作。

至此完成整個卡帶播放器表面光影。

將整個卡帶復制轉成智能對象，置于背景層之上，添加顏色疊加，填色#000000，高斯模糊制作投影，將投影調(diào)整適當位置即可。

最后在投影上方新建紅色光源層，從整個卡帶播放器光影觀察，該紅色光源在右方。在投影層上方新建圖層，用柔邊筆刷刷一個紅色光源，填色 #f00809 ，圖層模式為疊加，透明度 47% 。

最終效果圖—

結語—

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