频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

用Photoshop制作精致的手机用户界面

来源: 作者:蓝色理想 出处:巧巧读书 2007-06-21 进入讨论组
下一页 1 2 3 4 

  本文中我们用Photoshop来绘制一个精致的手机用户界面。

  
最终效果如图。

  用Photoshop制作精致的手机用户界面(图一)

  1、打开Photoshop,新建一个文档,300px*400px,填充黑色背景,依照下图打好参考线。

  用Photoshop制作精致的手机用户界面(图二)

  2、新建一个图层,沿参考线做一个选区,填充上灰色,然后缩选1px,删除多余的色块,创建出边框;也可以用描边的方式来完成。

  用Photoshop制作精致的手机用户界面(图三)

  3、复制边框图层,选择边框内的部分,填充上背景色,此时我们便有了三个图层:

  用Photoshop制作精致的手机用户界面(图四)

  4、建立一个“顶部工具条”的序列,在这个序列中新建一个图层,命名“绿色部分”,选取如图矩形框,填充上白色。

  用Photoshop制作精致的手机用户界面(图五)

  最终效果图:

  用Photoshop制作精致的手机用户界面(图六)

  源文件下载:ui_teach.rar

  1、打开ps,新建一个文档,300px*400px,填充黑色背景,依照下图打好参考线。

  用Photoshop制作精致的手机用户界面(图七)

  2、新建一个图层,沿参考线做一个选区,填充上灰色,然后缩选1px,删除多余的色块,创建出边框;也可以用描边的方式来完成。

  用Photoshop制作精致的手机用户界面(图八)

  3、复制边框图层,选择边框内的部分,填充上背景色,此时我们便有了三个图层:

  用Photoshop制作精致的手机用户界面(图九)

  4、建立一个“顶部工具条”的序列,在这个序列中新建一个图层,命名“绿色部分”,选取如图矩形框,填充上白色。

  用Photoshop制作精致的手机用户界面(图十)

浏览URL http://www.qqread.com/photoshop/2007/06/d317850.html 更多文章 更多内容请看Photoshop教程Photoshop打造完整美容手册Photoshop精彩特效大全专题,或进入讨论组讨论。
下一页 1 2 3 4 
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章