Photoshop手繪牛奶盒子圖標,可愛的牛奶盒素材圖片。

2021-10-31 10:39:45 來源/作者: 互聯(lián)網(wǎng) / 桓禎 己有:577人學習過
Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。效果圖如下:

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

教程的詳細操作步驟

溫馨提示:本篇教程中所有的尺寸單位都是px像素。沒標色值的顏色,通常都是黑色或者白色,大家可以根據(jù)場景判斷,后面的操作中不再贅述。

1、牛奶盒盒體制作

1.先新建800*800的畫布,分辨率72。

2.新建一個185*270的矩形,并添加漸變疊加的圖層樣式,做瓶子左下角的形狀。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

3.新建一個115*270的矩形,并添加漸變疊加的圖層樣式,做瓶子右下角的形狀。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

4.使用鋼筆工具,畫出左面的花紋形狀,顏色填充為f1ebd2,并添加漸變疊加的圖層樣式,做出光影過渡。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

5.再用鋼筆工具畫出右邊的花紋形狀,顏色填充為e9d398,并添加漸變疊加的圖層樣式做出光影過渡。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

2、牛奶盒頂制作

6.新建一個185*106的矩形,并Ctrl+T自由變換,然后點鼠標右鍵-斜切,設置斜切角度為-30,做出傾斜的面。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

7.將斜面改名為【左上】,并添加圖層樣式做出光影過渡。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

8.用鋼筆工具補出來右上角的三角形,顏色填充改為e3a500,并命名為【右上】。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

9.用鋼筆再勾出來一個三角形,做出紙盒子折進去的效果。并把顏色填充改為d18d00,命名為【小三角】。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

10.畫一個185*39的矩形,改名為封口,并添加漸變疊加,做出光影過渡。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

3、牛奶盒瓶蓋制作

11.畫一個94*67的橢圓命名為【蓋頂】,顏色填充為fefbef。

12.復制【蓋頂】并往下移動35px,將顏色改為e7dba1。然后使用矩形工具畫一個94*35的矩形,顏色與前面相同。將矩形與蓋頂圖層選中,并Ctrl E合并形狀。并改名為【蓋子厚度】。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

此處用到的知識點是PS中最常用的布爾運算技巧。

13.畫一個5*57的小矩形,圖層模式改為正片疊底,顏色填充為dfdac3,改名為【瓶蓋線】。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

14.用路徑選擇工具選中小矩形,并Ctrl T進入自由變換后,往右拖動一截,然后按enter回車。接著多按幾次Ctrl+Shift+Alt+T重復上一步變換,以此復制出一排矩形。

(注:如果這個操作不出來,也可以手動復制出來一排矩形。)

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

15.雙擊【蓋子厚度】將混合選項改為內部效果混合成組。把【瓶蓋線】圖層不透明度改為40%,并調整形狀羽化為0.9,然后用投影的圖層樣式添加一個亮色的投影,作為凹陷的高光面,從而做出凹陷的體積感。然后右鍵建立剪貼蒙版。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

4、瓶蓋的厚度和光影制作

16.將剛才3個圖層編組,并Ctrl T自由變換,旋轉30度。然后分別給【蓋頂】和【蓋子厚度】添加圖層樣式。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

17.將【蓋頂】Ctrl J復制,并右鍵-清楚圖層樣式,去掉填充,描邊改成4,并設置描邊顏色。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

然后設置形狀羽化,并添加圖層蒙版,使用黑色柔邊畫筆,在線條兩端涂抹,使其自然消失。這樣就可以做出瓶蓋圓潤的轉折感了。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

18.新建圖層,命名為【瓶蓋投影】。用選區(qū)工具勾出投影的選區(qū),將前景色設置為d8a411,并按alt+deldet填充。圖層模式改為正片疊底。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

然后用模糊工具,涂抹投影的右側做出虛實變化。用柔邊橡皮擦擦除右邊投影,制作漸隱的效果。這樣投影會更有虛實和深淺的對比。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

5、最終細節(jié)優(yōu)化

19.畫上兩個圓角矩形,并右鍵ctrl E合并形狀。大小看著發(fā)揮叭,然后添加個漸變疊加。這樣的話,圖標主體就做完了。

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

20.最后最后,一定要注意的一點。如果需要做排版,請選中除背景外所有圖層,然后右鍵-轉化為智能對象。這樣旋轉圖標,漸變才不會錯位哦~

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

到這里圖標就完成啦,歡迎大家跟著練習。如果在制作過程中有任何問題,可以加入優(yōu)優(yōu)自學團的微信交流群(加群方式在下方),隨時向我提問哦~

 

Photoshop手繪失量風格牛奶盒圖標,可愛的牛奶盒素材圖。

 

標簽(TAG) 手繪牛奶盒子