Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 美工教室 > photoshop > 用Photoshop制作精致的手机用户界面
全文
群乐:Photoshop

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

2007-06-20 14:22 作者: 蓝色理想/网易 出处: 论坛整理 责任编辑:Shiny

  20、删除多余的部分,效果就出来了。

  

  21、接下来再做一个条形高光。新建一个图层,取名“高光条”,画一个很细的长椭圆,填充白色,再对其进行“动感模糊”,适当调整位置及透明度即可。

  

  22、现在开始做键盘区。建立一个序列“键盘区”,新建图层“底纹”。用路径工具画一条直线,对直线进行描边。

  

  23、新建图层“底纹二”,用路径工具画出一条弧线,描边,然后复制图层得到“底纹二副本”,水平翻转调整到合适位置。

  

  24、分别对三个底纹图层添加蒙板,并用渐变填充蒙板,做出渐隐的效果。

  

  25、用画笔工具在交叉处打上亮点,3px的笔触即可。

  

  26、新建一个图层“按键1”,同样使用路径工具绘制形状,存储一下路径,然后ctrl+enter 转换成选区,填充白色,添加图层式样,参数设置参照前面的步骤。

  

  27、参照高光条的做法,给按键加上高光效果。

  

  28、新建一个图层“其它按键”,调出刚才存储的路径,变换一下位置,添加如下图层样式。

  

  

  

  得到效果图如下:

  

  29、用同样的方式做出所有的按键,合并所有灰色按键的图层,加上蒙板,一个区域一个区域地做出效果。

  

  30、再加上底部工具条,和顶部工具条是一样的原理,整个制作过程就基本结束了,按键上的文字大家自由发挥吧。原文链接

  

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线 design.yesky.com!


电脑美术设计热门专区


设计软件视频教程大全

设计软件经典教程

设计人生——数码设计人访谈实录集
·软件论坛重装上线
·精彩网页素材
·照片处理专区
·设计软件经典教程集粹

  阅读关于 Photoshop 手机 界面 UI 的全部文章
共4页。 9 1 2 3 4
网友关注
最新上市
编辑推荐
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml