Hello,不露又和大家見面了，今天給大家?guī)淼氖且粋€可愛Q彈的icon~看起來像塊餅干是吧~做起來非常簡單哦，快打開PS一起躁起來吧。先來看看效果圖：

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

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

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

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

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

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

步驟7：好啦~簡簡單單的幾步下來~一個可愛的icon就這么誕生了可以加點裝飾在背景上，顯得更生動~

小伙伴們可以通過學習上面這種質(zhì)感小圖標的做法，嘗試著做出不同樣式的圖標（例子如下）；技巧包括：添加漸變提升質(zhì)感，添加內(nèi)陰影/斜面浮雕等圖層樣式打造出厚度感。最后記得交作業(yè)哦~愛你們。

作品作者：NestStrix Design

教程作者：不露

轉(zhuǎn)自：學UI網(wǎng)