UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程

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

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

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>m.theoat.com.cn

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

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>

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

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>

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

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>

UI圖標(biāo)，設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程_m.theoat.com.cn
<點(diǎn)圖片看大圖>

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問(wèn)：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
蝶飛20152017-09-01 05:24
我的作業(yè)：
蝶飛20152017-09-01 05:24
改了圖案
qq1323736842017-06-16 02:03
修改了一下
********2017-05-20 04:37
作業(yè)傳不上來(lái)
********2017-05-20 04:05
作業(yè)傳不上來(lái)
肖琴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)友求助，請(qǐng)回答！