photoshop教程:制作苹果手机界面教程
来源:未知
作者:空来风
学习:8119人次
效果如下:
![](http://pic.16xx8.com/allimg/090904/0112334003-0.jpg)
1.新建如此大小的photoshop文件
![](http://pic.16xx8.com/allimg/090904/0113035020-0.jpg)
2.路径工具
![](http://pic.16xx8.com/allimg/090904/011303I58-1.jpg)
,设置圆角
![](http://pic.16xx8.com/allimg/090904/0113032410-2.jpg)
,画出如下形状
![](http://pic.16xx8.com/allimg/090904/0113033923-3.jpg)
3.加蒙版至顶层
![](http://pic.16xx8.com/allimg/090904/0113035261-4.jpg)
![](http://pic.16xx8.com/allimg/090904/0113035X8-5.jpg)
白色前景,黑色背景
4.图层样式设置如下
![](http://pic.16xx8.com/allimg/090904/0113035312-6.jpg)
效果如下
![](http://pic.16xx8.com/allimg/090904/011303K00-7.jpg)
5. 新建层 Ctrl+鼠标点击图层渐入选取 选择修改 收缩2px
![](http://pic.16xx8.com/allimg/090904/0113031259-8.jpg)
填充黑色效果如下
![](http://pic.16xx8.com/allimg/090904/011303H37-9.jpg)
,
6.图层样式设置如下
![](http://pic.16xx8.com/allimg/090904/011303AN-10.jpg)
现在效果如下
![](http://pic.16xx8.com/allimg/090904/0113031421-11.jpg)
7.路径工具圆角
![](http://pic.16xx8.com/allimg/090904/011303KY-12.jpg)
画出如下图形
![](http://pic.16xx8.com/allimg/090904/01130325C-13.jpg)
填充黑色
![](http://pic.16xx8.com/allimg/090904/011303IT-14.jpg)
8.圆角路径工具 圆角40画出如下图形 并设置图层样式如下
![](http://pic.16xx8.com/allimg/090904/01130343L-15.jpg)
![](http://pic.16xx8.com/allimg/090904/011303B10-16.jpg)
9.继续新建层,填充白色如下,再新建层,填充黑色如下
![](http://pic.16xx8.com/allimg/090904/011303B04-17.jpg)
![](http://pic.16xx8.com/allimg/090904/011303OJ-18.jpg)
10.如图选择如下区域,设置图层样式
![](http://pic.16xx8.com/allimg/090904/0113034S8-19.jpg)
![](http://pic.16xx8.com/allimg/090904/0113036152-20.jpg)
11.其他几个部分依次如此
![](http://pic.16xx8.com/allimg/090904/0113031155-21.jpg)
12.最后底部效果设置如下
![](http://pic.16xx8.com/allimg/090904/0113031938-22.jpg)
![](http://pic.16xx8.com/allimg/090904/0113032G1-23.jpg)
13.移入按钮图层 【完成】
![](http://pic.16xx8.com/allimg/090904/0113034C7-24.jpg)
![](http://pic.16xx8.com/allimg/090904/0112334003-0.jpg)
学习 · 提示
相关教程
关注大神微博加入>>
网友求助,请回答!