青岛设计网标志 搜艺招聘
   Guest:  登陆 | 注册 | 网站首页 | 论坛首页 | 我的贴子 | 修改资料 | 留言板 | | 论坛帮助  | 论坛首页  

  论坛首页   GUI交互式界面与设计  漂亮的WinXP媒体播放器界面设计

[公告]快到[搜艺招聘网]发布招聘信息 注册简历、发布自己作品! :)  
漂亮的WinXP媒体播放器界面设计  
    yoguz

查看yoguz的博客


金钱: 18255
Level: 0
发帖数: 1564
最后登陆: 2019/10/24
注册时间: 2004/12/13


[鍜界値鍚冧粈涔堣嵂]姣忓ぉ娉2琚嬶紝鍧氭寔30澶╋紝鍜界値濂藉鍒
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

漂亮的WinXP媒体播放器界面设计教程

  [编者] 本文步骤写得比较简单,适合对Photoshop比较熟悉的朋友,大家做的时候需要耐心一些。

  前不久做了一个WINXP的播放器的界面,朋友说效果还不错,于是我把过程写出来,和大家一起分享。


  下图为完成稿:



1、新建一个600*300,背景为白色的图象文件。



2、照下图建四个图层,利用圆形选择工具+渐变工具+图层效果在各图层制作下面的各层图象。



图层4图层效果参数分别为:



3、利用通道和钢笔工具建立如下图选区。



4、通过上面几个步骤,这个图形现在已经完成30%了。下面利用第三步建立的选区,新建图层5,利用线性渐变工具(设置前景色为白色,背景色为#718A99,沿120度角做渐变),并利用笔刷做局部阴影效果,结果如下图。



5、这时候在最顶层新建图层六,利用圆形选取工具做出下面的图层效果:



6、新建图层7,按其它教程所教的方法制作一个球体,效果如下:



7、制作标题条。



8、下面开始制作其它小部件了,完成效果如下,



(图层模式为柔光)



  在图层5下新建一层,使用选择工具制作左面的金属盖板,并运用笔刷工具制作阴影效果!(结果如上图)。



新建图层,并置顶,可利用铅笔工具或直线选取工具制作播放按钮,结果如上图



  制作装饰小圆点。可先制作一个稍大的圆点,觉得效果可以后,再利用图象变形缩小图象,并复制该图层至八个,调整好在图象中的位置后,合并图层,结果如上图。
下面我们制作微软标志(也可以直接用网页设计素材里的)。我是利用钢笔工具制作了一个四边形,并调整上下两边成曲线,建立选区,并保存选区备用。再利用渐变制作旗帜波动阴影效果!用同样的方法制作另外三个,调整好位置后合并图层,结果如下图。



下面把其它部分全做出来!!方法跟上面的差不多,也就不重复说了!



如果觉得有什么地方效果不理想,可以自己试着调试一下。


排卵期计算器 橙创意



2006/6/1
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除 Edited by : yoguz, 2006/6/1 14:01:17
回复:re:漂亮的WinXP媒体播放器界面设计
    ersh

查看ersh的博客


金钱: 107
Level: 0
发帖数: 1
最后登陆: 2006/7/19
注册时间: 2006/5/26
信息 | 留言 引用 | 回复

好贴,教程不错。

“兰州拉面?我要多放辣椒……”
“小姐,放多少”
“多放多放多放多放……”
“小姐哪里人?”
“我……男人”
………………………………
2006/7/19
编辑 | 删除
回复:re:漂亮的WinXP媒体播放器界面设计
    依子

查看依子的博客


金钱: 165
Level: 0
发帖数: 8
最后登陆: 2007/3/24
注册时间: 2005/12/15
信息 | 留言 引用 | 回复


真是好东西

请问一下,界面做出来了,怎么才能和程序连接呀?
程序员和界面设计师之间有什么固定的协议吗?

没有做不到,只有想不到!
2007/3/24
编辑 | 删除
    7     [    ]     8


青岛设计网版权所有
本论坛言论纯属发表者个人意见