26、新建一个图层“按键1”，同样使用路径工具绘制形状，存储一下路径，然后ctrl＋enter 转换成选区，填充白色，添加图层式样，参数设置参照前面的步骤。

27、参照高光条的做法，给按键加上高光效果。

28、新建一个图层“其它按键”，调出刚才存储的路径，变换一下位置，添加如下图层样式。

得到效果图如下：

29、用同样的方式做出所有的按键，合并所有灰色按键的图层，加上蒙板，一个区域一个区域地做出效果。

30、再加上底部工具条，和顶部工具条是一样的原理，整个制作过程就基本结束了，按键上的文字大家自由发挥吧。

源文件下载：ui_teach.rar

经典论坛讨论：
http://bbs.blueidea.com/thread-2747670-1-1.html

本文链接：http://www.blueidea.com/tech/graph/2007/4771.asp　

出处：蓝色理想
责任编辑：elesa

上一页 ps制作手机UI教程 [4] 下一页

◎进入论坛Photoshop、Fireworks版块参加讨论