|
界面原作者鏈接：http://www.rokey.net/v2/Gallery_Show.asp?PhotoID=163
教程作者相關(guān)：http://www.rainoina.com
最終效果圖：
1、打開ps，新建一個文檔，300px*400px，填充黑色背景，依照下圖打好參考線。
2、新建一個圖層，沿參考線做一個選區(qū)，填充上灰色，然后縮選1px，刪除多余的色塊，創(chuàng)建出邊框；也可以用描邊的方式來完成。
3、復(fù)制邊框圖層，選擇邊框內(nèi)的部分，填充上背景色，此時我們便有了三個圖層：
4、建立一個“頂部工具條”的序列，在這個序列中新建一個圖層，命名“綠色部分”，選取如圖矩形框，填充上白色。
5、對"綠色部分"添加圖層樣式,做"漸變疊加",設(shè)置如圖:
6、效果如圖：
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2747670-1-1.html
出處：藍色理想
責(zé)任編輯：elesa
上一頁 下一頁 ps制作手機UI教程 [2]
◎進入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 ps制作手機UI教程 [1]
第 2 頁 
