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

photoshop 制作手机UI教程

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

作者相关:http://www.rainoina.com

最终效果图:

photoshop 制作手机UI教程(图一)

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

photoshop 制作手机UI教程(图二)

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

photoshop 制作手机UI教程(图三)

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

photoshop 制作手机UI教程(图四)

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

photoshop 制作手机UI教程(图五)

 5、对"绿色部分"添加图层样式,做"渐变叠加",设置如图:

photoshop 制作手机UI教程(图六)

6、效果如图:

photoshop 制作手机UI教程(图七)

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