UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程

來源：站酷 作者：抓丶毛毛 學(xué)習(xí)：14897人次

圖標(biāo)設(shè)計很簡單，步驟講解也很詳細(xì)，適合UI新手學(xué)習(xí)，喜歡大家喜歡，一起學(xué)習(xí)吧。先看看效果：

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>www.tgudhdp.cn

我先新建一個畫布1000X1000 填充背景色：#80b5e1

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>

選擇圓角矩形工具 半徑設(shè)置50 顏色我們就設(shè)置白色好了 填充改為：0 畫一個合適大小 添加混合選項：投影 并命名為發(fā)光層

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>

我們復(fù)制一下發(fā)光層 清楚圖層樣式 在添加混合選項中的“內(nèi)發(fā)光”“漸變疊加”“投影”并命名為厚度層

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>

UI圖標(biāo)，設(shè)計一個藍色ICON按鈕圖標(biāo)教程_www.tgudhdp.cn
<點圖片看大圖>

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
蝶飛20152017-09-01 05:24
我的作業(yè)：
蝶飛20152017-09-01 05:24
改了圖案
qq1323736842017-06-16 02:03
修改了一下
********2017-05-20 04:37
作業(yè)傳不上來
********2017-05-20 04:05
作業(yè)傳不上來
肖琴2017-01-19 04:48
肖琴2017-01-19 11:40
圖片是怎么上傳上去的 ？
肖琴2017-01-19 11:01
圖片是怎么上傳上去的 ？
肖琴2017-01-19 04:01
肖琴2017-01-09 02:51
最后這一步的浮雕，為什么我做的是在上面呢。需要很有耐心啊
肖琴2017-01-09 02:01
最后這一步的浮雕，為什么我做的是在上面呢。需要很有耐心啊
嘉嘉兒2016-12-29 01:53
嘉嘉兒2016-12-29 01:52
嘉嘉兒2016-12-29 01:12
嘉嘉兒2016-12-29 01:12

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

網(wǎng)友求助，請回答！