看看效果圖

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

此次教程大致思路是：

1、制作背景

2、制作底盤

3、杯子、把手

4、杯中咖啡

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

1、新建600*600

2、為背景添加漸變

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19、為把手增加描邊。

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

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

21、添加高斯模糊。

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

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

下面開始具體分層制作

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

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

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

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

#463807到黑色的漸變。

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

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

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

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

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

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

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

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

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

32、建立剪切蒙版。

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

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

如圖效果。

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

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

泡泡未添加圖層樣式前。

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

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

完成圖。