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

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

 2009-08-12 14:12:06 来源:WEB开发网   
核心提示:画出如下图形:图为:效果图填充黑色;图为:填充黑色后的效果图8.圆角路径工具 圆角40画出如下图形 并设置图层样式如下:图为:设置圆角后的效果图图为:参数设置9.继续新建层,填充白色如下,Photoshop教程:自己动手设计苹果IPhone UI(2),再新建层,填充黑色如下:图为:新建图层并填充白色图为:填充黑色后的

画出如下图形:

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

图为:最终效果图

上一页  1 2 

Tags:Photoshop 教程 自己

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