正在阅读：photoshop 制作手机UI教程photoshop 制作手机UI教程

　　更多精彩平面及网站设计图文教程、视频教程，尽在PConline创意设计栏目。

　　最终效果图(友情提示：文章最后页提供PSD源文件下载)：

效果图

　　1、打开ps，新建一个文档，300px*400px，填充黑色背景，依照下图打好参考线。

图1

　　2、新建一个图层，沿参考线做一个选区，填充上灰色，然后缩选1px，删除多余的色块，创建出边框；也可以用描边的方式来完成。

图2