None

PS教程!教你繪制超有質感的維他檸檬茶擬物圖標(含素材下載)

本文來自:      原文作者:

關于教程

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

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

素材下載:網盤鏈接,密碼:8uhx

 

教程步驟

  • 步驟1:

首先我們先做出整體的輪廓。

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

 

  • 步驟2:

新建圓角矩形,數據如圖,顏色為#f9ed9c,命名【整體輪廓】。

 

  • 步驟3:

接下來先制作易拉罐的頂部。

新建圓角矩形,數據如圖,顏色為#eceae0,命名為【上環底-1】,并增加圖層樣式。

 

  • 步驟4

新建圓角矩形,數據如圖,顏色為#333333,命名為【上環底-2】,并嵌套【上環底-1】。

 

  • 步驟5

現在給上環添加光影。

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

 

  • 步驟6

新建圓角矩形,數據如圖,顏色為#444027,命名【前-暗部】。然后同樣也是羽化+嵌套大法。

 

  • 步驟7

新建圓角矩形,數據如圖,命名【前-亮部】,羽化+嵌套。

 

  • 步驟8

將【上環底-2】移動至【前-亮部】上層。

由于光線是從兩側來的,因此現在要給易拉罐拐角處制作高光。

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

 

  • 步驟9

現在給易拉罐的外環底部制作一圈高光。

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

 

  • 步驟10

將【上環底-1】到【上環外高光】的圖層編組,命名【上環】。

 

  • 步驟11

現在來制作易拉罐頂部的細節。

新建圓角矩形,數據如圖,命名【內底-1】。添加圖層樣式。

 

  • 步驟12

新建圓角矩形,數據如圖,命名為【內底-2】。

添加圖層樣式。

 

  • 步驟13

新建圓角矩形,數據如圖,命名為【內底-3】。

 

  • 步驟14

新建圓角矩形,數據如圖,命名為【內頂】。添加圖層樣式。

 

  • 步驟15

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

 

  • 步驟16

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

 

  • 步驟17

新建矩形,顏色為#ffffff,命名為【內頂-亮】。并將所有【內頂】(包括嵌套層)、【內頂-暗】、【內頂-亮】編組為【內頂】。

 

  • 步驟18

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

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

 

  • 步驟19

現在添加左邊拐角的材質。調整角度后,嵌套+蒙版,讓過度自然。右側同理。

 

  • 步驟20

同理添加左右兩側。

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

 

  • 步驟21

現在給拐角處添加高光。

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

 

  • 步驟22

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

 

  • 步驟23

用鋼筆工具畫出區域,數據如圖,命名為【左拐-暗】。然后新建蒙版,用漸變工具將過度變得自然一些。右側同理。

 

  • 步驟24

用鋼筆工具畫出高光區域,數據如圖,顏色為#FFFFFF,命名為【兩側-亮】,最后嵌套。

 

  • 步驟25

新建橢圓,數據如圖,顏色為#FFFFFF,命名為【兩側-高亮】,最后嵌套。

 

  • 步驟26

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

 

  • 步驟27

現在開始制作易拉罐的拉環底部的凹槽啦。

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

添加圖層樣式。

 

  • 步驟28

新建圓角矩形,數據如圖,顏色為#939393。命名為【圓環】。

添加圖層樣式

 

  • 步驟29

拷貝【圓環】,更名為【圓環1】。適當縮小居中,數據如圖。

 

  • 步驟30

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

添加圖層樣式。

 

  • 步驟31

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

 

  • 步驟32

將【大凹槽】、【圓環】、【圓環1】、【小凹槽】進行編組為【凹槽】。

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

 

  • 步驟33

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

 

  • 步驟34

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

 

  • 步驟35

給【拉環】添加圖層樣式。

 

  • 步驟36

給拉環增加亮暗面。

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

然后新建兩個矩形,給拉環中央增加【暗部1】和【暗部2】(數據如圖),顏色均為#000000。

最后編組為【拉環】。

 

  • 步驟37

現在制作拉環和罐頂的鏈接處。

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

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

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

最終將【拉環】—【圓形2】編組,命名為【拉環】。

 

  • 步驟38

將【上環】【內底】【內頂】【凹槽】【拉環】編組為【上部分】,那么到現在為止易拉罐的頂端就大功告成啦!

 

  • 步驟39

現在來制作易拉罐身。

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

 

  • 步驟40

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

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

 

  • 步驟41

如圖新建一個矩形,顏色為#e60000。注意圖層順序。

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

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

 

  • 步驟42

現在來為易拉罐身制作光影啦。

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

然后添加圖層樣式。

 

  • 步驟43

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

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

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

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

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

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

 

  • 步驟44

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

 

  • 步驟45

在【下部分】中對已有參數進行更改。

1.【上環底-1】的顏色改為#c9c6af。

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

3.【前-兩部】和【上環外高光】適當下移,顏色改#fffbdd。

 

  • 步驟46

現在給易拉罐做一個投影。

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

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

最后編組為【投影】。

 

  • 步驟47

用顏色為#ffffff的柔邊筆刷在背景層適當的地方打光,那么整個檸檬茶就大功告成啦!

 

最終效果圖

 

結語

(修改前后對比圖)

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

 

 本文由用戶 成siuibiiik 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。

 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。

 本站是一個以用戶分享為主的設計類教育平臺,歡迎各類分享!

 本文地址:http://www.dkczskbb.cn/learn/4991606542368398155.html

?? ?? 无线网络赚钱