Photoshop制作一個可愛的質(zhì)感小餅干icon圖標教程
我要評論
Hello,腳本之家的朋友們，不露又和大家見面了，今天給大家?guī)淼氖荘hotoshop制作一個可愛Q彈的質(zhì)感小餅干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è)哦~愛你們。
教程結束，以上就是關于Photoshop制作一個可愛的質(zhì)感小餅干icon圖標教程的全過程，希望大家喜歡！
作品作者：NestStrix Design
教程作者：不露
來源：學UI網(wǎng) » 餅干icon教程
相關教程推薦：
相關文章
ps怎么設計鈴鐺icon？ps中想要設計一款鈴鐺的圓形圖標，該怎么設計呢？下面我們就來看看ps中設計鈴鐺圖標的教程，需要的朋友可以參考下2018-03-28
本教程教腳本之家的標志logo學習者使用PS快速制作醫(yī)療搜索icon圖標，教程簡單粗暴，只要幾步就可以輕松做出一個搜索icon，效果非常精致，感興趣的朋友歡迎前來一起分享學習2017-12-04
ps怎樣制作一個云朵形狀的聊天信息ICON圖標?運用PHOTOSHOP軟件，可以很簡單的制作大家想要的照片，下面和小編一起來看看具體步驟吧2017-11-09
ps怎么設計一個卡通效果的icon圖標？ps中想要設計一個卡通的圖標，看上去很可愛，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-10-31
這篇教程教腳本之家的矢量手繪學習者使用PS制作紅色擬物化時鐘icon圖標的方法，教程講解的非常詳細，難度也不是很大，關鍵是制作的時鐘icon非常逼真，小編很喜歡，推薦給大2017-08-24
這篇教程教腳本之家的矢量手繪學習者使用ps繪制精致的鑰匙icon圖標的方法，教程繪制的鑰匙icon非常漂亮，有點難度，需要一定的ps基礎，感興趣的跟著小編一起繪制這把打開學2017-07-27
這篇教程教腳本之家的各位矢量手繪學習者使用ps超簡單繪制一個精美的微光icon圖標的方法，教程繪制的微光icon非常漂亮，方法也不難，非常適合新手入門學習，感興趣的朋友可2017-07-26
這篇教程教腳本之家的photoshop教程學習者們?nèi)绾问褂胮s制作擬物膠囊藥丸icon圖標的方法，教程講解的很詳細，打造的擬物icon效果非常逼真，適合新手入門學習2017-07-05
