聪明的小鱼 发表于 2009-1-20 22:47

PS打造精致漂亮的播放器按钮

完成效果
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394092.jpg
一,第一步在PS中新建一1024*768,分辨率72象素的文档,背景色用黑色,如下:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394052.jpg

二,此时用钢笔工具中的外形图层选项,作出下面外形而后设定“渐变叠加”图层样式:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394048.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394081.jpg
三,创建一层,用圆角矩形工具在图中新建播放器的框架,色彩代码用121212:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394094.jpg

四,分别用椭圆工具与圆角矩形工具作出外形图层,再用选区相减命令新建下面外形并设定PS图层样式,如下:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394082.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394029.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394073.jpg


五,用圆角矩形工具做出下面外形,并用钢笔工具移动锚点调整下外形:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394034.jpg

六,把改图层的混合模式改为滤色,并把图层不透明度设定为50%:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394064.jpg
七,用自定外形工具加入下面外形并用自由变换命令调整下外形的大小,把色彩代码设定为696969,图层混合模式设定为滤色:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394028.jpg
八,在加入小喇叭的外形,色彩代码用DFDFDF图层混合模式设定为滤色:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394039.jpg
九,在加入下方的外形,色彩代码用DFDFDF:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394097.jpg
十,再用直线工具加入播放器底部的高光,色彩代码用484848:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394059.jpg

十一,再用矩形工具加入下列外形并设定图层样式,图层填充度设定为0:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394089.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394036.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394093.jpg


十二,选用椭圆工具加入一大些的“播放按钮”,颜代码484848:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394185.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394145.jpg

十三,在原来的的按钮基础上在新建一略小些的正圆,色彩代码用1E339C:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394197.jpg
十四,再在此层上新建新图层,并设定图层样式获得下面效果:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394166.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394137.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394157.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394102.jpg

十五,再用钢笔工具中的外形图层新建下面外形,并设定图层样式,把图层的填充度设定为22%(这儿要留意区分图层填充度与PS图层不透明度):
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394131.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394162.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394193.jpg


十六,作好以后将上面的蓝色按钮拷贝出多的一份放在下面地方,如下:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394166.jpg

十七,用自定外形工具在图中加入下面外形在设定下描边图层样式:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394101.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394137.jpg
十八,用矩形工具新建下面外形并设定图层样式:
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394167.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394183.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394109.jpg

十九,最终再用文字工具与直线工具装饰下细处部分,处理完成效果图。
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394174.jpg
http://photoshopps.cn/Article/UploadFiles/200812/2008123116394092.jpg

liyao_vip 发表于 2009-1-21 11:19

强大的ps:victory:

聪明的小鱼 发表于 2009-1-21 14:05

恩,是呀!:loveliness:
页: [1]
查看完整版本: PS打造精致漂亮的播放器按钮

超薄音响 稀客领航