优艾设计网

photoshop教程:制作苹果手机界面教程

效果如下:

photoshop教程:制作苹果手机界面教程

1.新建如此大小的photoshop文件

photoshop教程:制作苹果手机界面教程

2.路径工具

photoshop教程:制作苹果手机界面教程

,设置圆角

photoshop教程:制作苹果手机界面教程

,画出如下形状

photoshop教程:制作苹果手机界面教程

3.加蒙版至顶层

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

白色前景,黑色背景

4.图层样式设置如下

photoshop教程:制作苹果手机界面教程

效果如下

photoshop教程:制作苹果手机界面教程

5. 新建层 Ctrl+鼠标点击图层渐入选取 选择修改 收缩2px

photoshop教程:制作苹果手机界面教程

填充黑色效果如下

photoshop教程:制作苹果手机界面教程

,                                            

6.图层样式设置如下

photoshop教程:制作苹果手机界面教程

现在效果如下

photoshop教程:制作苹果手机界面教程

7.路径工具圆角

photoshop教程:制作苹果手机界面教程

画出如下图形

photoshop教程:制作苹果手机界面教程

填充黑色

photoshop教程:制作苹果手机界面教程

8.圆角路径工具 圆角40画出如下图形 并设置图层样式如下

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

9.继续新建层,填充白色如下,再新建层,填充黑色如下

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

10.如图选择如下区域,设置图层样式

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

11.其他几个部分依次如此

photoshop教程:制作苹果手机界面教程

12.最后底部效果设置如下

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

13.移入按钮图层 【完成】

photoshop教程:制作苹果手机界面教程

photoshop教程:制作苹果手机界面教程

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新高级

高级排行榜