教程步驟—

卡式播放器可以分成4個(gè)部分進(jìn)行繪制，1：耳機(jī)盒，2：卡帶盒，3：卡帶孔，4：側(cè)面按鍵。

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

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

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

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

對(duì)象>擴(kuò)展外觀，分別對(duì)兩個(gè) 3D 圖形進(jìn)行擴(kuò)展。

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

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

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

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

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

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

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

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

對(duì)機(jī)身做基本光影。

小頂蓋高光制作。

小頂蓋分別有左右兩個(gè)紅色高光，和側(cè)面一個(gè)藍(lán)色高光。

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

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

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

大頂蓋高光制作。

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

右側(cè)紅色高光和上方藍(lán)色高光則復(fù)制大頂蓋陰影圖層進(jìn)行布爾運(yùn)算制作。

紅色高光填充 #832106 ，藍(lán)色高光填充 #4095c1 。

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

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

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

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

對(duì)耳機(jī)盒和卡帶盒進(jìn)行光影制作。

卡帶右側(cè)面光影制作：

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

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

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

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

同樣方法對(duì)耳機(jī)盒右側(cè)，外轉(zhuǎn)角及卡帶盒與耳機(jī)盒銜接處制作光影。

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

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

復(fù)制圖層，置于下方，對(duì)該圖層添加投影圖層樣式，投影填色 #021326 。

耳機(jī)盒外轉(zhuǎn)角處陰影

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

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

卡帶盒與耳機(jī)盒銜接處光影

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

轉(zhuǎn)角陰影層填色 #070000 ，高斯模糊半徑 1.0

對(duì)兩個(gè)左側(cè)面加光影，高斯模糊半徑1.0

為耳機(jī)盒和卡帶盒添加小卡條。

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

添加圖層樣式

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

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

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

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

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

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

對(duì)按鈕1添加圖層樣式

高光：7c2106，陰影：090000

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

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

接下來繪制機(jī)身磁帶孔部分。

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

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

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

復(fù)制底層圖層，布爾運(yùn)算制備磁帶孔中空頂層部分。

先做一個(gè)打底層：填色308ecb

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

漸變疊加參數(shù)：

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

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

對(duì)中空頂層添加蒙版，進(jìn)行適當(dāng)擦除。

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

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

先做中層的打底部分，藍(lán)色：308ecb，墨色：1f2e35

復(fù)制該底層，填色000000，對(duì)該圖層添加蒙版，進(jìn)行適當(dāng)擦除，同樣在尾部添加一些黑色陰影。

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

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

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

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

對(duì)兩組磁帶齒添加光影。

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

漸變疊加參數(shù)：

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

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

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

對(duì)齒孔中心軸添加光影：

軸內(nèi)圈：

軸外圈：

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

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

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

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

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

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

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

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

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

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

最終效果圖—

結(jié)語—

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