話說(shuō)，維他檸檬茶都要占領(lǐng)世界了，今天我們就為它進(jìn)行一波信仰充值，用 PS 做出維他檸檬茶的擬物圖標(biāo)！

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

素材下載：網(wǎng)盤鏈接，密碼：8uhx

教程步驟

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

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

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

步驟3： 接下來(lái)先制作易拉罐的頂部。

新建圓角矩形，數(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)的左側(cè)邊緣；同理用路徑選擇工具復(fù)制右移至右側(cè)邊緣，圖層命名【兩側(cè)暗部】。然后羽化，并嵌套到圖層【上環(huán)底-1】。

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

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

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

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

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

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

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

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

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

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

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

添加圖層樣式。

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

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

步驟15 將【附件1-鐵皮】覆蓋在【內(nèi)頂】上，調(diào)整位置和角度，最后嵌套。

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

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

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

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

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

步驟20 同理添加左右兩側(cè)。

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

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

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

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

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

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

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

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

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

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

添加圖層樣式。

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

添加圖層樣式

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

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

添加圖層樣式。

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后適當(dāng)調(diào)整文字和矩形的位置，將【才出澀】—【黃色】的圖層編組為【LOGO】。

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

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

然后添加圖層樣式。

步驟43 接下來(lái)給罐身添加亮暗部。

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

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

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

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

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

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

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

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

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

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

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

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

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

最后編組為【投影】。

步驟47 用顏色為#ffffff的柔邊筆刷在背景層適當(dāng)?shù)牡胤酱蚬猓敲凑麄€(gè)檸檬茶就大功告成啦！

最終效果圖

結(jié)語(yǔ)

（修改前后對(duì)比圖）

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

最新評(píng)論