話說，維他檸檬茶都要占領世界了，今天我們就為它進行一波信仰充值，用 PS 做出維他檸檬茶的擬物圖標！

本教程包含了光影的理解、圖層樣式以及嵌套+羽化的靈活運用，希望能對大家有所幫助。

素材下載：網盤鏈接，密碼：8uhx

教程步驟

步驟1： 首先我們先做出整體的輪廓。

新建畫布1000*1000px，72ppi，填充顏色為#c9b21a，命名【背景顏色】。

步驟2： 新建圓角矩形，數(shù)據(jù)如圖，顏色為#f9ed9c，命名【整體輪廓】。

步驟3： 接下來先制作易拉罐的頂部。

新建圓角矩形，數(shù)據(jù)如圖，顏色為#eceae0，命名為【上環(huán)底-1】，并增加圖層樣式。

步驟4 新建圓角矩形，數(shù)據(jù)如圖，顏色為#333333，命名為【上環(huán)底-2】，并嵌套【上環(huán)底-1】。

步驟5 現(xiàn)在給上環(huán)添加光影。

新建矩形，數(shù)據(jù)如圖，顏色為#585649。置于上環(huán)的左側邊緣；同理用路徑選擇工具復制右移至右側邊緣，圖層命名【兩側暗部】。然后羽化，并嵌套到圖層【上環(huán)底-1】。

步驟6 新建圓角矩形，數(shù)據(jù)如圖，顏色為#444027，命名【前-暗部】。然后同樣也是羽化+嵌套大法。

步驟7 新建圓角矩形，數(shù)據(jù)如圖，命名【前-亮部】，羽化+嵌套。

步驟8 將【上環(huán)底-2】移動至【前-亮部】上層。

由于光線是從兩側來的，因此現(xiàn)在要給易拉罐拐角處制作高光。

新建橢圓，放置于上環(huán)左拐處，數(shù)據(jù)如圖。同理用路徑選擇工具復制移動+變化到右拐處。最終圖層命名為【拐處-高光】，并向下嵌套。

步驟9 現(xiàn)在給易拉罐的外環(huán)底部制作一圈高光。

新建圓角矩形1，數(shù)據(jù)如圖，命名為【上環(huán)外高光】。再用路徑選擇工具復制出圓角矩形2（內），布爾運算減去頂層，最終羽化+嵌套。

步驟10 將【上環(huán)底-1】到【上環(huán)外高光】的圖層編組，命名【上環(huán)】。

步驟11 現(xiàn)在來制作易拉罐頂部的細節(jié)。

新建圓角矩形，數(shù)據(jù)如圖，命名【內底-1】。添加圖層樣式。

步驟12 新建圓角矩形，數(shù)據(jù)如圖，命名為【內底-2】。

添加圖層樣式。

步驟13 新建圓角矩形，數(shù)據(jù)如圖，命名為【內底-3】。

步驟14 新建圓角矩形，數(shù)據(jù)如圖，命名為【內頂】。添加圖層樣式。

步驟15 將【附件1-鐵皮】覆蓋在【內頂】上，調整位置和角度，最后嵌套。

步驟16 復制【內頂】后獲得【內頂 拷貝】（此時注意圖層與嵌套圖層的關系），置于最頂層，并將其更名為【內頂-暗】，清除原有的圖層樣式。增添新的圖層樣式，數(shù)據(jù)如圖。

步驟17 新建矩形，顏色為#ffffff，命名為【內頂-亮】。并將所有【內頂】（包括嵌套層）、【內頂-暗】、【內頂-亮】編組為【內頂】。

步驟18 這步驟回到【內底-2】的圖層，給外環(huán)添加材質。由于角度問題，現(xiàn)在將外環(huán)劃分為正面、拐角和側面。

現(xiàn)在先添加正面的材質。在此圖層之上覆蓋【附件1-鐵皮】，調整角度和大小。然后嵌套，建立蒙版，只保留正面的紋路。

步驟19 現(xiàn)在添加左邊拐角的材質。調整角度后，嵌套+蒙版，讓過度自然。右側同理。

步驟20 同理添加左右兩側。

整體效果，要保證紋路的過度自然，靈活變通。

步驟21 現(xiàn)在給拐角處添加高光。

建立矩形并羽化，顏色為#ffffff，命名為【拐角高光1】，然后嵌套。

步驟22 新建矩形。比【拐角高光1】稍窄一點，顏色為#ffffff，命名為【拐角高光2】，然后嵌套。

步驟23 用鋼筆工具畫出區(qū)域，數(shù)據(jù)如圖，命名為【左拐-暗】。然后新建蒙版，用漸變工具將過度變得自然一些。右側同理。

步驟24 用鋼筆工具畫出高光區(qū)域，數(shù)據(jù)如圖，顏色為#FFFFFF，命名為【兩側-亮】，最后嵌套。

步驟25 新建橢圓，數(shù)據(jù)如圖，顏色為#FFFFFF，命名為【兩側-高亮】，最后嵌套。

步驟26 將【內底-1】、【內底-2】、【內底-3】之間所有圖層編組，命名為【內底】。

步驟27 現(xiàn)在開始制作易拉罐的拉環(huán)底部的凹槽啦。

新建大橢圓120*142，小橢圓86*92，顏色為#d1d0c9，中間用一個梯形鏈接，三個圖形均在同一個圖層內，適當調整，讓三個圖形的平滑銜接，該圖層命名為【大凹槽】。

添加圖層樣式。

步驟28 新建圓角矩形，數(shù)據(jù)如圖，顏色為#939393。命名為【圓環(huán)】。

添加圖層樣式

步驟29 拷貝【圓環(huán)】，更名為【圓環(huán)1】。適當縮小居中，數(shù)據(jù)如圖。

步驟30 新建一個橢圓，改變一下形狀。顏色為#c7c6c2。命名為【小凹槽】

添加圖層樣式。

步驟31 在【小凹槽】上增加蒙版，用漸變工具將左邊的凹陷感減淡一點。

 

步驟32 將【大凹槽】、【圓環(huán)】、【圓環(huán)1】、【小凹槽】進行編組為【凹槽】。

覆蓋【附件1-鐵皮】后，對【大凹槽】進行選區(qū)，然后在【鐵皮】的圖層上建立【大凹槽】的路徑蒙版。

步驟33 大橢圓為74*79，小橢圓為56*68，同樣用步驟27的方法，組合三個圖形，讓過度平滑，并合并形狀組件，命名為【拉環(huán)】。并通過布爾運算添加圓角矩形，數(shù)據(jù)如圖。

步驟34 在新圖層上，建立一個圓角矩形，通過布爾運算增加一個圓角矩形。然后通過布爾運算在左下角減去一個矩形，增加一個圓形。右上角同理可得。最終合并形狀組件，并與【拉環(huán)】圖層合并，減去頂層形狀，最終得到一個拉環(huán)的樣式。

步驟35 給【拉環(huán)】添加圖層樣式。

步驟36 給拉環(huán)增加亮暗面。

新建一個圖層，用畫筆工具給拉環(huán)增加高光，讓拉環(huán)更有光澤感，圖層命名為【高光】。

然后新建兩個矩形，給拉環(huán)中央增加【暗部1】和【暗部2】（數(shù)據(jù)如圖），顏色均為#000000。

最后編組為【拉環(huán)】。

步驟37 現(xiàn)在制作拉環(huán)和罐頂?shù)逆溄犹帯?/p>

新建一個16*16的橢圓，顏色為#6B6B6B，命名為【圓形1】。

再新建一個15*15的橢圓，顏色為#CACACA，命名為【圓形2】。

然后給【圓形2】增加圖層樣式。

最終將【拉環(huán)】—【圓形2】編組，命名為【拉環(huán)】。

步驟38 將【上環(huán)】【內底】【內頂】【凹槽】【拉環(huán)】編組為【上部分】，那么到現(xiàn)在為止易拉罐的頂端就大功告成啦！

步驟39 現(xiàn)在來制作易拉罐身。

將【附件2-LOGO】拉到ps中，在適當裁剪，透視變形后，得到三個主要的素材，分為【檸檬】、【LOGO】、【檸檬茶】，并將【檸檬】和【LOGO】在濾鏡-銳化中添加銳化效果。

步驟40 在【檸檬】圖層下方新建一個圖層，并吸取其中的棕色，用鋼筆勾出相應的紋路，最終選擇【整體輪廓】的選區(qū)，在棕色圖層建立路徑蒙版。

綠色、黃色亦如此，注意圖層順序。

步驟41 如圖新建一個矩形，顏色為#e60000。注意圖層順序。

接著新建文字“夠真”，用阿里漢儀智能黑體，顏色為#FFFFFF。然后將字體柵格化，進行透視縮放調整，效果如圖所示；“才出澀”的效果同理。

最后適當調整文字和矩形的位置，將【才出澀】—【黃色】的圖層編組為【LOGO】。

步驟42 現(xiàn)在來為易拉罐身制作光影啦。

新建一個圓角矩形，命名為【光影】，置于【LOGO】上方。注意將填充改為0，效果為疊加。

然后添加圖層樣式。

步驟43 接下來給罐身添加亮暗部。

1.添加一個較大的【暗部1】，顏色為#000000。

2.添加一個較小的【暗部2】，顏色為#000000。

3.添加一個較大的【亮部1】，顏色為#FFFFFF。

4.添加一個較小的【亮部2】，顏色為#FFFFFF。

注意圖層順序，均嵌套在【光影】層，并編組為【光影】。

步驟44 將【上部分】中的【上環(huán)】復制一組，并將新組改名為【下環(huán)】，圖層順序下移至【LOGO】下方，并把此組形狀移動到合適的地方，寬度適當縮減。

步驟45 在【下部分】中對已有參數(shù)進行更改。

1.【上環(huán)底-1】的顏色改為#c9c6af。

2.【兩側暗部】的顏色改為#000000，不透明度為100%。

3.【前-兩部】和【上環(huán)外高光】適當下移，顏色改#fffbdd。

步驟46 現(xiàn)在給易拉罐做一個投影。

先新建一個小圓角矩形，羽化14像素。命名為【投影1】。

然后再建一個大圓角矩形，羽化為2。命名為【投影2】.

最后編組為【投影】。

步驟47 用顏色為#ffffff的柔邊筆刷在背景層適當?shù)牡胤酱蚬?，那么整個檸檬茶就大功告成啦！

最終效果圖

結語

（修改前后對比圖）

一個作品是不可能一下子就完成的，需要不斷地推敲和反復地修改，感謝給我修改建議的肥子老師，最終完成這幅作品。希望大家在練習過程中多思考，理解制作的思路和方法，活學活用，畢竟學到的就是自己的！

最新評論