UI教程,ps設(shè)計(jì)計(jì)算器主題ICON教程
今天給大家?guī)淼慕坛淌清N子ROM里面自帶的應(yīng)用,錘子計(jì)算器ICON教程,趕緊打開寧,開始擼吧。
PSD文件鏈接:http://pan.baidu.com/s/1gdw40Iv 密碼:3p2z
先看一下效果:
還不錯(cuò),有點(diǎn)小質(zhì)感,F(xiàn)在大多都全部扁平化了,國內(nèi)貌似只有錘子還一直堅(jiān)擬物,看起來還是蠻精致的。
開始臨摹之前我們還是要先來分析一下,這個(gè)ICON基本上可以分為三個(gè)部分,底板層,按鍵層,還有顯示屏,用的圖層樣式主要就是內(nèi)陰影,漸變疊加和投影。這里投影相對(duì)來說關(guān)鍵一點(diǎn),其他都不難,對(duì)了,還有一個(gè)液晶字體,大家可以到這里下載:http://bbs.16xx8.com/thread-169762-1-1.html
1、新建畫布800*800,填充背景顏色為#7c7c7c
2、用圓角矩形工具來新建底板,大小隨意,顏色也隨意,因?yàn)楹竺嫣砑訄D層樣式會(huì)覆蓋,記得命名好,保持圖層整潔。
接著添加圖層樣式。
然后把剛剛的底板層復(fù)制一層,清除圖層樣式,這里我們主要是要做出下面的倒角效果,一個(gè)內(nèi)陰影就搞定。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ui設(shè)計(jì)
- ps網(wǎng)頁設(shè)計(jì)
- UI設(shè)計(jì)教程
- ui制作
- 錘子圖標(biāo)
學(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)
推薦教程
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- UI知識(shí),做UI的工作方式與流程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- PS繪制磚塊ICO圖標(biāo)