原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
手机 UI 设计教程（ photoshop ）
最终效果图：
1、打开 ps ，新建一个文档， 300px*400px （像素），填充黑色背景，依照下图打好参考线。
2 、新建一个图层，沿参考线做一个选区，填充上灰色，然后缩选 1px ，删除多余的色块，
创建出边框；也可以用描边的方式来完成。
3 、复制边框图层，选择边框内的部分，填充上背景色，此时便有了三个图层：
4 、建立一个“顶部工具条”的序列，在这个序列中新建一个图层，命名“绿色部分”，选
取如图矩形框，填充上白色。
5、对 绿色部分 添加图层样式 , 做 渐变叠加 , 设置如图 :
6 、效果如图：
27、使用同样的方法，新建一个图层，命名“黑色部分”，创建选区，填充白色，然后使用
渐变叠加，参考设置如下：
8 、“黑色部分”效果图如下：
9 、将图层“绿色部分”拉到图层“黑色部分”之上，使用路径工具勾出如图区域。
10、按 ctrl ＋enter 把路径转变为选区， 按 delete 删除选区内容， 可以给左边角绿色的部
分加上“内发光”效果，如图。然后用同样的方法完成右边角的制作。
11、接下来，做阴影效果。新建一个“绿色阴影”的图层，填充一个合适的椭圆。
12、对“绿色阴影”进行高斯模糊，删掉不需要的部分。
13、建立“头像显示栏”的序列，新建一个图层，命名“头像”，做一个圆角矩形的选区，
填充白色。
14、对“头像”图层进行描边，颜色叠加和投影效果的添加，参数设置如下：
15、效果如下图：
16、再添加一张自己喜欢的图片和需要的文字，适当进行效果调整。
17、下面讲讲中间的水晶条的制作。 建立“中间绿色条”序列，新建一个图层，创建圆角矩
形选区，填充白色，然后对这个图层添加图层式样，包括边框、阴影和过渡色的制作。
18、效果如下图
19、接下来做高光部分。新建一个高光图层，画个椭圆，用白色－透明的方式填充。
20 、删除多余的部分，效果就出来了。
21、接下来再做一个条形高光。新建一个图层，取名“高光条”，画一个很细的长椭圆，填
充白色，再对其进行“动感模糊”，适当调整位置及透明度即可。
22、现在开始做键盘区。 建立一个序列“键盘区”，新建图层“底纹”。用路径工具画一条
直线，对直线进行描边。
23、新建图层“底纹二”，用路径工具画出一条弧线，描边， 然后复制图层得到“底纹二副
本”，水平翻转调整到合适位置。
24 、分别对三个底纹图层添加蒙板，并用渐变填充蒙板，做出渐隐的效果。
25 、用画笔工具在交叉处打上亮点， 3px 的笔触即可。
26、新建一个图层“按键 1”，同样使用路径工具绘制形状， 存储一下路径， 然后 ctrl ＋enter
转换成选区，填充白色，添加图层式样，参数设置参照前面的步骤。
27、参照高光条的做法，给按键加上高光效果。
28、新建一个图层“其它按键”， 调出刚才存储的路径， 变换一下位置， 添加如下图层样式。
得到效果图如下：
29、用同样的方式做出所有的按键， 合并所有灰色按键的图层，加上蒙板， 一个区域一个区
域地做出效果。
30、再加上底部工具条，和顶部工具条是一样的原理，整个制作过程就基本结束了
文档评论（0）