當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

圖標教程,鼠繪一個布丁圖標(4)

來源:站酷 作者:ALISA777 學習:4631人次

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

這就是完成品啦,:-)

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

新建一個3200*2200像素的背景。使用漸變疊加。給白色背景加一個白色到#f8d27f的漸變。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

做盤子最下邊底部的輪廓,畫一個606*37像素的橢圓顏色為#faf9e3。盤子沿再用同樣顏色畫一個1985*391像素的橢圓形。圖層樣式如下。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn圖標教程,鼠繪一個布丁圖標_theoat.com.cn

3.做盤子心尺寸1508*171顏色#e5e5e4 圖層樣式如下。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

盤子完成。

接下來正片開始。畫布丁部分。從上往下畫

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

4.布丁的頂部。畫橢圓尺寸1024*358。

漸變疊加顏色如下。#e3a334//#ebb554//#f6c468//#f1d196//#f9dba2//#e7d7b9。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

5.布丁的第二層。畫橢圓形1149*396像素。

漸變?nèi)缦拢?e0a945//#e0a945//#f6c468//#f6e2a5。位置可以微調(diào)。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

圖標教程,鼠繪一個布丁圖標_theoat.com.cn
6.布丁的第三層。畫橢圓1144*398 純色#e6a22d
圖標教程,鼠繪一個布丁圖標_theoat.com.cn

7.布丁的身體。畫圓角矩形。1142*680.半徑30.選中圓角矩形右鍵——》使用變形工具
圖標教程,鼠繪一個布丁圖標_theoat.com.cn
第一步。拖移角點至盤子心的邊緣

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

第二步。將紅點標點拖至藍色點處

圖標教程,鼠繪一個布丁圖標_theoat.com.cn完成后==》圖標教程,鼠繪一個布丁圖標_theoat.com.cn

第三步。繼續(xù)將紅角點拖至藍色處。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn完成后====>圖標教程,鼠繪一個布丁圖標_theoat.com.cn

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

右邊變形前,左邊變形后。

變成了一只豐滿的布丁。

8.ctrl+j復制一層布丁身體 往上拖移32像素并且將圖層置于身體1上方。填充顏色為:f2cf8f。

若大小有偏差繼續(xù)選中-》右鍵-》變形。這是調(diào)整完畢的布丁。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

9.畫橢圓1267*1390顏色#f6c468 。并alt+t轉(zhuǎn)換為蒙版于布丁身體之上。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

10.畫橢圓1354*466顏色#f6c469。于布丁身體圖層下,盤子圖層上方。效果如圖:

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

布丁身體大體上就完成了。

11.加布丁身上的氣泡。樣式如下。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

浮雕如下圖:高光#cc5a1a=》陰影#f2ecc9。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

漸變疊加如下圖:左至右//#e89e17// #e89e17// #f4bb55// #f7d393

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

外發(fā)光如下圖:

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

畫幾個氣泡都行。但是要稍加調(diào)整。
圖標教程,鼠繪一個布丁圖標_theoat.com.cn

12.最后一步!加高光。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

復制布丁第二層填充顏色為#e6a22d。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

并用白色畫筆涂抹與此層之上。完畢。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

13.用白色畫筆稍加涂抹。布丁完成。

圖標教程,鼠繪一個布丁圖標_theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!