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)在大多都全部扁平化了,國(guó)內(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)陰影就搞定。