當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps鼠繪咖啡杯(6)

來源:站酷 作者:蓋飯王 學(xué)習(xí):7301人次

看看效果圖

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

做設(shè)計(jì)做廣告的人常常為了趕作業(yè)加班,咖啡似乎成為桌子上的常住民,但是我們工作中還是應(yīng)該注意勞逸結(jié)合,咖啡雖好,不要貪杯。

此次教程大致思路是:

1、制作背景

2、制作底盤

3、杯子、把手

4、杯中咖啡

其中第四步稍微有些復(fù)雜,我會(huì)進(jìn)行拆分解釋~

1、新建600*600

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

2、為背景添加漸變

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

3、新建圖層,填充灰色(根據(jù)喜好自設(shè)),濾鏡-雜色-添加雜色

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

4、進(jìn)行模糊-動(dòng)感模糊。

執(zhí)行完畢后將不透明度設(shè)為50%,混合模式為疊加。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

5、下面為之前填充過藍(lán)色漸變的背景層增加內(nèi)陰影。

(為什么不在當(dāng)時(shí)第一步時(shí)一起加入?是因?yàn)?、4步在背景層之上加入了一些紋理,第五步增加內(nèi)陰影之后,所做即所用,無需再做修改。否則,可能會(huì)因?yàn)楹图y理不協(xié)調(diào),需要再次修改。)

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

6、繪制一個(gè)450 px * 450 px的圓形,作為底盤,添加漸變。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

7、添加光澤。為使盤子中間變暗,上下不變。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

8、增加描邊。更加柔和。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

9、繪制一個(gè)420 px * 420 px的圓形,添加藍(lán)色描邊。#8dc3ff

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

10、加入漸變疊加,#f0f3f7---#bfc2c8。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

 

11、復(fù)制底盤,填充黑色,向下移動(dòng)幾像素,作為底盤的陰影,添加高斯模糊。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

12、添加動(dòng)感模糊。角度為90度,使陰影向下擴(kuò)散。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

13、為盤子增加反光。使用鋼筆繪制一個(gè)路徑,然后添加漸變。同時(shí)將圖層的填充改為0.

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

14、繪制左側(cè)反光路徑,數(shù)值如下圖。填充為0.

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

15、繪制杯子外側(cè)的白圈(參照完成圖)。制作250*250橢圓。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

16、為杯子外面的白圈添加漸變。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

17、繪制杯內(nèi)藍(lán)圈,同時(shí)添加光影漸變。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

18、繪制把手,添加一個(gè)圓角矩形,然后如下漸變。

#e4e2ec---#a3a0a7(25%位置)---#eae8e8(47%)---#cecece(65%)---#79797a

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

19、為把手增加描邊。

#999999----#cccccc(25%)----#cecece(70%)----#ececec

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

20、制作陰影。將底座和背景圖層隱藏,然后按下shift+ctrl+alt+e蓋印圖層,得到如下圖形。并填充黑色。(大家思考為什么不用投影?)

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

 

21、添加高斯模糊。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

22、添加動(dòng)感模糊。并向下移動(dòng)幾個(gè)像素。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

下一步,我們將進(jìn)入咖啡制作,由于圖層稍微有些多,我先給大家上一個(gè)分解圖。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

下面開始具體分層制作

23、繪制個(gè)小圓,命名為咖啡。外發(fā)光#b99311

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

24、添加內(nèi)發(fā)光。顏色為#996f14到透明

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

25、添加光澤,模擬咖啡波紋。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

26、為咖啡上色~(顏色可以自選)復(fù)制剛剛做好的咖啡圖層,清除圖層樣式,并填充顏色。

#463807到黑色的漸變。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

27、右鍵,咖啡顏色圖層設(shè)置剪切蒙版。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

28、制作月牙形。首先繪制大小兩個(gè)圓形。(在同一矢量蒙版中。)如圖排列。

大圓顏色為#704309。小圓隨意(下一步會(huì)切掉)。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

29、選中小圓,點(diǎn)擊第二個(gè)切割選項(xiàng),進(jìn)行切割。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

30、使用鋼筆工具,在圖形上添加一些錨點(diǎn)。

(我們?yōu)榱耸乖卵啦皇钦龍A,進(jìn)行一些不規(guī)則變換,因?yàn)樗媸遣灰?guī)則的)

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

 

鋼筆的狀態(tài)如下,注意右邊選擇第二個(gè),疊加。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

使用直接選擇工具,(快捷鍵A),進(jìn)行不規(guī)則變化。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

31、進(jìn)行高斯模糊。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

32、建立剪切蒙版。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

33、制作反光。繪制如圖路徑,添加漸變疊加。

左側(cè)顏色為#efe7e0,不透明度10%,中間顏色#efe7e0,不透明度70%,右側(cè)不透明度為0.

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

如圖效果。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

34、添加泡泡顆粒的時(shí)候到了,看似很復(fù)雜,其實(shí)一步就搞定。

繪制一些大小不一,不一定規(guī)則的泡泡,添加斜面和浮雕。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

泡泡未添加圖層樣式前。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

35、在上部也添加一些泡泡,光的角度需要改一下。更加逼真。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

完成后的咖啡與圖層設(shè)置。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

完成圖。

Photoshop繪制濃郁和咖啡和咖啡杯,PS教程,16xx8.com教程網(wǎng)

 

學(xué)習(xí) · 提示

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

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

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