Photoshop做MEDIAPLAYER水晶透明播放器 - 学院 - CHINAUI.com 优艾网 - 中国人机界面设计门户网站
您的位置:首页 >> 学院 >> 图形教程 >> Photoshop做MEDIAPLAYER水晶透明播放器
Photoshop做MEDIAPLAYER水晶透明播放器
来源:eNet硅谷动力 作者:NICON 发布时间:2008-02-18

直线工具

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

Photoshop做MEDIAPLAYER水晶透明播放器(4)
矩形工具

  

Photoshop做MEDIAPLAYER水晶透明播放器(4)
渐变叠加

  

Photoshop做MEDIAPLAYER水晶透明播放器(4)
渐变编辑顺
选用椭圆工具加入一个大些的“播放按钮”,颜代码484848:
Photoshop做MEDIAPLAYER水晶透明播放器(5)
椭圆工具

  

Photoshop做MEDIAPLAYER水晶透明播放器(5)
椭圆工具

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

Photoshop做MEDIAPLAYER水晶透明播放器(5)
建立一个稍小些的正圆

  再在此层上建立新图层,并设置图层样式得到以下效果:

Photoshop做MEDIAPLAYER水晶透明播放器(5)
设置图层样式得到此效果

  

Photoshop做MEDIAPLAYER水晶透明播放器(5)
渐变

  

Photoshop做MEDIAPLAYER水晶透明播放器(5)
渐变

  

Photoshop做MEDIAPLAYER水晶透明播放器(5)
描边
在用钢笔工具中的形状图层建立以下形状,并设置图层样式,将图层的填充度设置为22%(这里要注意区分图层填充度和图层不透明度):
Photoshop做MEDIAPLAYER水晶透明播放器(6)
钢笔工具

  

Photoshop做MEDIAPLAYER水晶透明播放器(6)
图层样式

  

Photoshop做MEDIAPLAYER水晶透明播放器(6)
图层样式

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

Photoshop做MEDIAPLAYER水晶透明播放器(6)
按钮效果
用自定形状工具在图中加入以下形状在设置下描边图层样式:
Photoshop做MEDIAPLAYER水晶透明播放器(7)
描边设置

  

相关阅读
推荐文章
热点文章