电脑技术学习

Photoshop教程:自己动手设计苹果IPhone UI

dn001

  画出如下图形:

Photoshop教程:自己动手设计苹果IPhone UI

图为:效果图

  填充黑色;

Photoshop教程:自己动手设计苹果IPhone UI

图为:填充黑色后的效果图

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:设置圆角后的效果图

Photoshop教程:自己动手设计苹果IPhone UI

图为:参数设置

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:新建图层并填充白色

Photoshop教程:自己动手设计苹果IPhone UI

图为:填充黑色后的效果图

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:选择区域

Photoshop教程:自己动手设计苹果IPhone UI

图为:设置图层样式

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:其它部分设置

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:底部效果设置

Photoshop教程:自己动手设计苹果IPhone UI

图为:底部效果图

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

Photoshop教程:自己动手设计苹果IPhone UI

图为:移入按钮前的效果图

Photoshop教程:自己动手设计苹果IPhone UI

图为:最终效果图