电脑技术学习

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

dn001

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

图为:IPhone UI效果图

  1.新建如此大小文件;

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

图为:新建一个文件

  2.路径工具Photoshop教程:自己动手设计苹果IPhone UI,设置圆角Photoshop教程:自己动手设计苹果IPhone UI,画出如下形状;

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

图为:画出的轮廓

  3.加蒙版至顶层;

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

图为:添加蒙板

  Photoshop教程:自己动手设计苹果IPhone UI白色前景,黑色背景;

  4.图层样式设置如下:

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

图为:设置图层样式

  效果如下:

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

图为:设置图层样式后的效果图

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

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

图为:新建一个图层

  填充黑色效果如下:

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

图为:填充后的效果

  6.图层样式设置如下:

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

图为:图层样式设置

  现在效果如下:

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

图为:设置图层样式后的效果图

  7.路径工具圆角Photoshop教程:自己动手设计苹果IPhone UI