优艾设计网

Photoshop教程绘制一个质感的音乐播放器

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名 发布
最终效果图: 1、新建一个600*400的文档,拉一条径向渐变,如图所示。 2、对背景执行:滤镜—杂色—添加杂色(数值为105,平均分布,单色),效果如下:

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

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

Photoshop教程绘制一个质感的音乐播放器

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

Photoshop教程绘制一个质感的音乐播放器

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

Photoshop教程绘制一个质感的音乐播放器

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

Photoshop教程绘制一个质感的音乐播放器

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

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

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

Photoshop教程绘制一个质感的音乐播放器

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

Photoshop教程绘制一个质感的音乐播放器

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消