photoshop做media质感水晶透明播放器

微软的MEDIAPLAYER 11的主题外观推出已经有好段时间了。它的诱人的色彩,友好的界面无不让人看到为之赞美。今天我就教大家用PS制作mediaplayer 11主题外观界面…… 先看一下效果: 效果图 首先在PS中建立一个1024*768,分辨率72像素的文档,背景色用黑色,如下所示: 背景色

photoshop制作塑料质感网页导航

效果: 第一步:新建photoshop文件800x259px,选择渐变(快捷键G)背景色#8caab8 ,前景颜色#e1e8eb 第二步:选择圆角矩形,大小为763x80px,颜色为#7fa1b3,然后选择图层样式 内阴影内阴影颜色#7dc8e8,如图所示: ,第三步:在圆角矩形下面新建层,载入圆角矩形选区(按ctrl+鼠标

微软的MEDIAPLAYER 11的主题外观推出已经有好段时间了。它的诱人的色彩,友好的界面无不让人看到为之赞美。今天我就教大家用PS制作mediaplayer 11主题外观界面……     先看一下效果:

photoshop做media质感水晶透明播放器插图

效果图

首先在PS中建立一个1024*768,分辨率72像素的文档,背景色用黑色,如下所示:

photoshop做media质感水晶透明播放器插图(1)

背景色

 

 现在用钢笔工具中的形状图层选项,作出以下形状而后设置“渐变叠加”图层样式:


photoshop做media质感水晶透明播放器插图(2)

渐变色

photoshop做media质感水晶透明播放器插图(3)

效果

新建立一层,用圆角矩形工具在图中建立播放器的轮廓,颜色代码用121212:

photoshop做media质感水晶透明播放器插图(4)

建立播放器的轮廓

 

 分别用椭圆工具和圆角矩形工具作出形状图层,在用选区相减命令建立以下形状并设置图层样式,如下所示:


photoshop做media质感水晶透明播放器插图(5)

图层样式

photoshop做media质感水晶透明播放器插图(6)

渐变色

photoshop做media质感水晶透明播放器插图(7)

描边

用圆角矩形工具做出以下形状,并用钢笔工具拖动锚点改变下形状:

photoshop做media质感水晶透明播放器插图(8)

圆角矩形工具  将改图层的混合模式改成滤色,并将图层不透明度设置为50%:

photoshop做media质感水晶透明播放器插图(9)

将图层不透明度设置为50%

  用自定形状工具加入以下形状并用自由变换命令改变下形状的大小,将颜色代码设置为696969,图层混合模式设置为滤色:

photoshop做media质感水晶透明播放器插图(10)

用自由变换命令改变下形状的大小

  在加入小喇叭的形状,颜色代码用DFDFDF图层混合模式设置为滤色:

photoshop做media质感水晶透明播放器插图(11)

加入小喇叭的形状

在加入下面的形状,颜色代码用DFDFDF:

photoshop做media质感水晶透明播放器插图(12)

方块型

  在用直线工具加入播放器底部的高光,颜色代码用484848:

photoshop做media质感水晶透明播放器插图(13)

直线工具

 

 在用矩形工具加入下列形状并设置图层样式,图层填充度设置为0:

photoshop做media质感水晶透明播放器插图(14)

矩形工具

  

photoshop做media质感水晶透明播放器插图(15)

渐变叠加

  

photoshop做media质感水晶透明播放器插图(16)

渐变编辑顺

选用椭圆工具加入一个大些的“播放按钮”,颜代码484848:


photoshop做media质感水晶透明播放器插图(17)

椭圆工具

  

photoshop做media质感水晶透明播放器插图(18)

椭圆工具 

 在原来的的按钮基础上在建立一个稍小些的正圆,颜色代码用1E339C:

photoshop做media质感水晶透明播放器插图(19)

建立一个稍小些的正圆  再在此层上建立新图层,并设置图层样式得到以下效果:

photoshop做media质感水晶透明播放器插图(20)

设置图层样式得到此效果

  

photoshop做media质感水晶透明播放器插图(21)

渐变  

photoshop做media质感水晶透明播放器插图(22)

渐变

  

photoshop做media质感水晶透明播放器插图(23)

描边

 

在用钢笔工具中的形状图层建立以下形状,并设置图层样式,将图层的填充度设置为22%(这里要注意区分图层填充度和图层不透明度):

photoshop做media质感水晶透明播放器插图(24)

钢笔工具

  

photoshop做media质感水晶透明播放器插图(25)

图层样式

  

photoshop做media质感水晶透明播放器插图(26)

图层样式  作好以后把以上的蓝色按钮复制出多的一份放到以下位置,如下所示:

photoshop做media质感水晶透明播放器插图(27)

按钮效果

用自定形状工具在图中加入以下形状在设置下描边图层样式:


photoshop做media质感水晶透明播放器插图(28)

描边设置

  

photoshop做media质感水晶透明播放器插图(29)

效果

  用矩形工具建立以下形状并设置图层样式:

photoshop做media质感水晶透明播放器插图(30)

渐变叠加

  

photoshop做media质感水晶透明播放器插图(31)

渐变色

  

photoshop做media质感水晶透明播放器插图(32)

效果图

photoshop教程

最后再用文字工具和直线工具修饰下细节部分

photoshop做media质感水晶透明播放器插图(33)

用文字工具和直线工具修饰下细节部分  再来看下最后的效果吧

photoshop做media质感水晶透明播放器插图(34)

最后的效果图微软的MEDIAPLAYER 11的主题外观推出已经有好段时间了。它的诱人的色彩,友好的界面无不让人看到为之赞美。今天我就教大家用PS制作mediaplayer 11主题外观界面……     先看一下效果:

photoshop做media质感水晶透明播放器插图

效果图

首先在PS中建立一个1024*768,分辨率72像素的文档,背景色用黑色,如下所示:

photoshop做media质感水晶透明播放器插图(1)

背景色

 

 现在用钢笔工具中的形状图层选项,作出以下形状而后设置“渐变叠加”图层样式:


photoshop做media质感水晶透明播放器插图(2)

渐变色

photoshop做media质感水晶透明播放器插图(3)

效果

新建立一层,用圆角矩形工具在图中建立播放器的轮廓,颜色代码用121212:

photoshop做media质感水晶透明播放器插图(4)

建立播放器的轮廓

 

 分别用椭圆工具和圆角矩形工具作出形状图层,在用选区相减命令建立以下形状并设置图层样式,如下所示:


photoshop做media质感水晶透明播放器插图(5)

图层样式

photoshop做media质感水晶透明播放器插图(6)

渐变色

photoshop做media质感水晶透明播放器插图(7)

描边

用圆角矩形工具做出以下形状,并用钢笔工具拖动锚点改变下形状:

photoshop做media质感水晶透明播放器插图(8)

圆角矩形工具  将改图层的混合模式改成滤色,并将图层不透明度设置为50%:

photoshop做media质感水晶透明播放器插图(9)

将图层不透明度设置为50%

  用自定形状工具加入以下形状并用自由变换命令改变下形状的大小,将颜色代码设置为696969,图层混合模式设置为滤色:

photoshop做media质感水晶透明播放器插图(10)

用自由变换命令改变下形状的大小

  在加入小喇叭的形状,颜色代码用DFDFDF图层混合模式设置为滤色:

photoshop做media质感水晶透明播放器插图(11)

加入小喇叭的形状

在加入下面的形状,颜色代码用DFDFDF:

photoshop做media质感水晶透明播放器插图(12)

方块型

  在用直线工具加入播放器底部的高光,颜色代码用484848:

photoshop做media质感水晶透明播放器插图(13)

直线工具

 

 在用矩形工具加入下列形状并设置图层样式,图层填充度设置为0:

photoshop做media质感水晶透明播放器插图(14)

矩形工具

  

photoshop做media质感水晶透明播放器插图(15)

渐变叠加

  

photoshop做media质感水晶透明播放器插图(16)

渐变编辑顺

选用椭圆工具加入一个大些的“播放按钮”,颜代码484848:


photoshop做media质感水晶透明播放器插图(17)

椭圆工具

  

photoshop做media质感水晶透明播放器插图(18)

椭圆工具 

 在原来的的按钮基础上在建立一个稍小些的正圆,颜色代码用1E339C:

photoshop做media质感水晶透明播放器插图(19)

建立一个稍小些的正圆  再在此层上建立新图层,并设置图层样式得到以下效果:

photoshop做media质感水晶透明播放器插图(20)

设置图层样式得到此效果

  

photoshop做media质感水晶透明播放器插图(21)

渐变  

photoshop做media质感水晶透明播放器插图(22)

渐变

  

photoshop做media质感水晶透明播放器插图(23)

描边

 

在用钢笔工具中的形状图层建立以下形状,并设置图层样式,将图层的填充度设置为22%(这里要注意区分图层填充度和图层不透明度):

photoshop做media质感水晶透明播放器插图(24)

钢笔工具

  

photoshop做media质感水晶透明播放器插图(25)

图层样式

  

photoshop做media质感水晶透明播放器插图(26)

图层样式  作好以后把以上的蓝色按钮复制出多的一份放到以下位置,如下所示:

photoshop做media质感水晶透明播放器插图(27)

按钮效果

用自定形状工具在图中加入以下形状在设置下描边图层样式:


photoshop做media质感水晶透明播放器插图(28)

描边设置

  

photoshop做media质感水晶透明播放器插图(29)

效果

  用矩形工具建立以下形状并设置图层样式:

photoshop做media质感水晶透明播放器插图(30)

渐变叠加

  

photoshop做media质感水晶透明播放器插图(31)

渐变色

  

photoshop做media质感水晶透明播放器插图(32)

效果图

photoshop教程

最后再用文字工具和直线工具修饰下细节部分

photoshop做media质感水晶透明播放器插图(33)

用文字工具和直线工具修饰下细节部分  再来看下最后的效果吧

photoshop做media质感水晶透明播放器插图(34)

最后的效果图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部