26、新建一個圖層“按鍵1”,同樣使用路徑工具繪制形狀,存儲一下路徑,然后ctrl+enter 轉換成選區(qū),填充白色,添加圖層式樣,參數(shù)設置參照前面的步驟。
27、參照高光條的做法,給按鍵加上高光效果。
28、新建一個圖層“其它按鍵”,調出剛才存儲的路徑,變換一下位置,添加如下圖層樣式。
得到效果圖如下:
29、用同樣的方式做出所有的按鍵,合并所有灰色按鍵的圖層,加上蒙板,一個區(qū)域一個區(qū)域地做出效果。
30、再加上底部工具條,和頂部工具條是一樣的原理,整個制作過程就基本結束了,按鍵上的文字大家自由發(fā)揮吧。
源文件下載:ui_teach.rar
經(jīng)典論壇討論: http://bbs.blueidea.com/thread-2747670-1-1.html
本文鏈接:http://m.95time.cn/tech/graph/2007/4771.asp
出處:藍色理想
責任編輯:elesa
上一頁 ps制作手機UI教程 [4] 下一頁
◎進入論壇Photoshop、Fireworks版塊參加討論
|