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 强大的ps:victory: 恩,是呀!:loveliness:
页:
[1]