音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程
來源:站酷
作者:全棧UI筆記
學(xué)習(xí):14984人次
本篇UI教程跟分享了如何設(shè)計(jì)簡(jiǎn)單的音樂主題圖標(biāo),制作方法不難,只是步驟有點(diǎn)多,大家跟著教程一起練習(xí)吧。
最終效果:
老規(guī)矩,先來分析一下。這里我們主要分為二個(gè)部分:底座、內(nèi)圓、其它問題都不大,主要是內(nèi)圓部分、需要用到多個(gè)圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶。!
步驟一:
首先新建畫布1000px*1000px畫布,命名為音樂圖標(biāo),為背景填充顏色#475479,并添加雜色。
步驟二:
我們最先來繪制底座吧,使用圓角矩形工具、繪制一個(gè)650px*650px圓角半徑90px的底座,并為它添加圖層樣式。
步驟三:
高逼格的底座一下就出來了,有木有。!繼續(xù)繪制一個(gè)620px*620px圓角半徑90px的底座,并為它添加圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ui設(shè)計(jì)
- ps網(wǎng)頁設(shè)計(jì)
- 音樂圖標(biāo)
- 全棧UI筆記
- ui制作
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- ps設(shè)計(jì)建筑物UI圖標(biāo)
- UI設(shè)計(jì),設(shè)計(jì)有立體感的手機(jī)APP UI展示模板
- ps設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程
- 畫ICON外框的簡(jiǎn)單方法
- UI入門教程,如何繪制倒角樣式ICON底板?
- 開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
- ps短信風(fēng)格APP圖標(biāo)
- ps設(shè)計(jì)臺(tái)燈UI圖標(biāo)
- UI教程,設(shè)計(jì)聯(lián)系人和短信圖標(biāo)
- APP展示圖,教你把Gif動(dòng)效圖嵌入到手機(jī)模版
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!