WEB开发网
开发学院图形图像PhotoShop Photoshop教程:自己动手设计苹果IPhone UI 阅读

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

 2009-08-12 14:12:06 来源:WEB开发网   
核心提示:图为:iphone UI效果图1.新建如此大小文件;图为:新建一个文件2.路径工具,设置圆角,Photoshop教程:自己动手设计苹果IPhone UI,画出如下形状;图为:画出的轮廓3.加蒙版至顶层;图为:添加蒙板白色前景,黑色背景;4.图层样式设置如下:图为:设置图层样式效果如下:图为:设置图层样式后的效果图5.

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

1 2  下一页

Tags:Photoshop 教程 自己

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接