本篇教程通過(guò)Photoshop制作一款立體風(fēng)格的食物圖標(biāo)，通過(guò)圖層樣式進(jìn)行制作，和我們每次的圖標(biāo)制作步驟大同小異，只是制作的樣式不同，令人垂涎欲滴的一款餅干圖片，怎么說(shuō)呢，大概就是“你看起來(lái)很好吃”的既視感，感興趣的同學(xué)們一起來(lái)學(xué)習(xí)制作一下看看吧。

先來(lái)看看效果圖：

www.16xx8.com

步驟1：打開PS，新建一個(gè)800*600的畫布。給畫布填充顏色：#6807ae，在畫布中間建一個(gè)尺寸為360*360;圓角為60的圓角矩形;填充顏色：#ffffff。

步驟2：在圓角矩形左上角建一個(gè)90*90的矩形，填充漸變色：#fc7f26~#fcc277;角度：-45°。

步驟3：復(fù)制出剩下的15個(gè);然后選中這16個(gè)漸變小色塊右建—創(chuàng)建剪切蒙版，得到下圖：

步驟4：用鋼筆工具勾出上面的白色“淋面”，顏色為#ffffff(記得添加剪切蒙版哦)。用路徑選擇工具選中這個(gè)形狀后在它的右上角畫一個(gè)橢圓，尺寸隨意。畫這個(gè)圓的時(shí)候按住ALT鍵即可完成布爾運(yùn)算的減法運(yùn)算;另外畫兩個(gè)正圓在“淋面”的左下方，畫圓的時(shí)候按住SHIFT鍵即可完成布爾運(yùn)算的加法運(yùn)算。

步驟5：現(xiàn)在給底部圓角矩形加圖層樣式：

步驟6：現(xiàn)在給白色“淋面”加圖層樣式：

步驟7：好啦~簡(jiǎn)簡(jiǎn)單單的幾步下來(lái)~一個(gè)可愛(ài)的icon就這么誕生了可以加點(diǎn)裝飾在背景上，顯得更生動(dòng)~

添加漸變提升質(zhì)感，添加內(nèi)陰影/斜面浮雕等圖層樣式打造出厚度感，整個(gè)圖標(biāo)立體感十足，同學(xué)們可以嘗試著做一下。