UI教程，ps設(shè)計(jì)計(jì)算器主題ICON教程(2)

看出區(qū)別來(lái)了嘛？下面的多了，三像素的內(nèi)陰影哦。
這樣底板就做好了，CTRL+G我們來(lái)編個(gè)組，就命名為底板。
3、接著我們來(lái)做顯示屏，就是三個(gè)圓角矩形疊在一起，咱們一個(gè)一個(gè)來(lái)，先新建最上面那個(gè)，命名為外框。添加圖層樣式。

繼續(xù)新建圓角矩形，命名為中框，并添加圖層樣式。

接下來(lái)是內(nèi)框，方法一樣一樣的。

記得CTRL+G編個(gè)組，命名為顯示屏，效果就出來(lái)了。
4、下面有意思的1024來(lái)了，咳咳，我說(shuō)的顯示屏上的數(shù)字啦，用剛才我們下載好的液晶字體打出來(lái)就好了，自己調(diào)整大小，不過(guò)要注意的是8888那一層透明度降低，20%左右就夠了。

大家這步到這里應(yīng)該是這個(gè)樣子了，因?yàn)楸容^簡(jiǎn)單我就帶過(guò)了，相信大家都能做出來(lái)的。

5、到了稍微復(fù)雜一點(diǎn)的按鍵部分了，別著急，可以稍微休息一下，或者喝口水，喝完我們繼續(xù)。

如上圖，新建圓角矩形，命名為按鍵。添加圖層樣式。

接下來(lái)把按鍵層復(fù)制一層，清除圖層樣式，這里我們重新添加內(nèi)陰影，就是做按鍵底部的倒角效果。這里記得填充給0

然后就是加號(hào)了，你用鍵盤(pán)打出來(lái)也行，用兩個(gè)矩形加起來(lái)也行，
這里我想說(shuō)一下投影，觀察一下可以看出，下面的投影很細(xì)膩柔和，非常自然，大家可以通過(guò)圓角矩形羽化10個(gè)像素中，具體自己把握，然后轉(zhuǎn)為智能對(duì)象，加動(dòng)感模糊，最后可以加蒙版擦一下，這樣做出來(lái)的投影會(huì)比較自然。搞不懂這步的可以看看我下面的源文件。

做到這步就完成一大半了，這里還是要縮個(gè)組，命名為加號(hào)，然后就是復(fù)制加號(hào)組了，復(fù)制三個(gè)，擺擺好，然后把加減號(hào)什么的換掉就行了，對(duì)了，等號(hào)那里要加個(gè)弱漸變。

別擔(dān)心，其他數(shù)值都是一樣的，就改個(gè)漸變就搞定。
到這里，這個(gè)錘子計(jì)算器差不多就完成啦，我想想還有沒(méi)有哪里忘記了，檢查下哪里還可以優(yōu)化一下的。
我發(fā)現(xiàn)了，底盤(pán)的投影不行，不自然，我們可以用上面按鍵的投影方法來(lái)做，對(duì)了，還可以添加一層雜色，來(lái)體現(xiàn)按鍵的質(zhì)感。
6、好吧，最后一步，新建一層填充黑色，轉(zhuǎn)為智能對(duì)象，然后執(zhí)行濾鏡 》 雜色 》添加雜色，自己把握，因?yàn)槭侵悄軐?duì)象，添加完濾鏡就變成智能濾鏡了，可以無(wú)限修改，很強(qiáng)大有沒(méi)有。最后把透明度調(diào)下就可以了。

終于大功造成了，趕緊交作業(yè)吧。