首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 鼠绘教程 >> 正文

PhotoShop绘制质感音乐播放器界面教程

[ 作者来源:UI设计 编辑整理:PhotoShop资源网 更新时间: 2012-03-07 录入: 黄叶飞扬 ]

6、在原圆角矩形内侧绘制一个矩形并添加渐变样式,渐变从303A44到4A5968,在该矩形上方加一条1PX白色线,透明度为54%,下方加1PX高光,再在该矩形内

加一长条白色区域,透明度为3%,效果如下:

按此在新窗口浏览图片

CTRL+这个矩形,出现这个矩形的选区,新建一层,用白色柔光画笔点一下,绘制了该矩形的高光。

按此在新窗口浏览图片

7、下面添加中心文字,左边数字我用的字体是DS-Digital,还有一些大家看的明白的我就不详细说了,不然这个教程明年也写不完。

按此在新窗口浏览图片

进度条和拖动按钮的详细参数见下,进度条的图层样式参数,1PX描边颜色为#4A545D,就不截 图了,拖动按钮加一个内发光和描边就行了。

按此在新窗口浏览图片

8、下面用钢笔工具绘制一个如图的形状图层样式:渐变叠加(#4D5C6A-#2C2329-#303A43),描边(#50575D),下方边明显多余,怎么删掉呢?图层图层样式

创建图层,可以看到原来的图层按照不同的样式被分离了,这个是个很常用的技巧,我们找到它的外描边图层,删除下边,再给这个外描边图层一个描边的

图层样式,颜色为#030A12,最后我们再添加一些高光,效果如下:

按此在新窗口浏览图片

下面我们添加一些播放器按钮,这些形状都不难画,给按钮一个渐变叠加的图层样式,参数:

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!