圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程
來源:站酷
作者:全棧UI筆記
學(xué)習(xí):11496人次
本篇UI圖標(biāo)教程教大家如何設(shè)計一枚時鐘主要的UI圖標(biāo),教程難度中等,主要是繪畫部分,質(zhì)感制作主要由圖層樣式來處理,該部分主要是數(shù)值的設(shè)置,難度不算大,分享給新手學(xué)習(xí)吧。
最終效果:
老規(guī)矩先來分析一下,這里我們主要分為三個部分:底座、表盤、指針,底座指針問題都不大,主要是表盤部分需要用到多個圖層及圖層樣式來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠(yuǎn)么?噢耶。!
步驟一:
首先新建畫布1500px*1000px畫布,命名為鐘表,填充背景顏色#4b4b4b,添加圖案疊加圖層樣式。
步驟二:
使用圓角矩形、繪制一個600px*600px圓角矩形,圓角半徑為90px的圖層,并為它添加圖層樣式。
步驟三:
接下來使用橢圓工具、繪制一個550px*550px的大圓,并為它添加圖層樣式。
步驟四:
繼續(xù)使用橢圓工具、繪制一個515px*515px的圓,并為它添加圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁設(shè)計
- UI圖標(biāo)教程
- 全棧UI筆記
- 鐘表圖標(biāo)
- 時鐘圖標(biāo)
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計,用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計,用PS快速制作一個心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!