Photoshop教程 打造MEDIAPLAYER水晶透明播放器
[color=Red]文章出处：eNet硅谷动力 作者：NICON [/color]微软的MEDIAPLAYER 11的主题外观推出已经有好段时间了。它的诱人的色彩，友好的界面无不让人看到为之赞美。今天我就教大家用PS制作mediaplayer 11主题外观界面…… 先看一下效果：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224064377801.jpg[/img]
首先在PS中建立一个1024*768，分辨率72像素的文档，背景色用黑色，如下所示：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224070677802.jpg[/img]
现在用钢笔工具中的形状图层选项，作出以下形状而后设置“渐变叠加”图层样式：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224073777803.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224078477804.jpg[/img]
新建立一层，用圆角矩形工具在图中建立播放器的轮廓，颜色代码用121212：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224081577805.jpg[/img]
分别用椭圆工具和圆角矩形工具作出形状图层，在用选区相减命令建立以下形状并设置图层样式，如下所示：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224084677806.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224086277807.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224095677808.jpg[/img]
用圆角矩形工具做出以下形状，并用钢笔工具拖动锚点改变下形状：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224098777809.jpg[/img]
将改图层的混合模式改成滤色，并将图层不透明度设置为50%：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172241924778010.jpg[/img]
用自定形状工具加入以下形状并用自由变换命令改变下形状的大小，将颜色代码设置为696969，图层混合模式设置为滤色：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224265778011.jpg[/img]
在加入小喇叭的形状，颜色代码用DFDFDF图层混合模式设置为滤色：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172247159778012.jpg[/img]
在加入下面的形状，颜色代码用DFDFDF：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172250753778013.jpg[/img]
在用直线工具加入播放器底部的高光，颜色代码用484848：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172251924778014.jpg[/img]
在用矩形工具加入下列形状并设置图层样式，图层填充度设置为0：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172252143778015.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172252253778016.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172252909778017.jpg[/img]
选用椭圆工具加入一个大些的“播放按钮”，颜代码484848：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172256143778018.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172256784778019.jpg[/img]
在原来的的按钮基础上在建立一个稍小些的正圆，颜色代码用1E339C：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172257409778020.jpg[/img]
再在此层上建立新图层，并设置图层样式得到以下效果：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172257487778021.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172258143778022.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172259253778023.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172259909778024.jpg[/img]
在用钢笔工具中的形状图层建立以下形状，并设置图层样式，将图层的填充度设置为22%（这里要注意区分图层填充度和图层不透明度）：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172259924778025.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172259971778026.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/2008625172259987778027.jpg[/img]
作好以后把以上的蓝色按钮复制出多的一份放到以下位置，如下所示：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/20086251723149778028.jpg[/img]
用自定形状工具在图中加入以下形状在设置下描边图层样式：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517232362778029.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517235112778030.jpg[/img]
用矩形工具建立以下形状并设置图层样式：
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517236190778031.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517236737778032.jpg[/img]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517237362778033.jpg[/img]
最后在用文字工具和直线工具修饰下细节部分
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517239174778034.jpg[/img]
再来看下最后的效果吧
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080627/200862517224064377801.jpg[/img]
页:
[1]