起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 质感音乐播放器图标(PS教程)

质感音乐播放器图标(PS教程)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:photoshopPS教程icon教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 小编话:今天小编给大家带来一个质感音乐播放器图标,让我们借鉴@上清若铭的思路,今天的教程中 图层样式方面

小编话:今天小编给大家带来一个质感音乐播放器图标,让我们借鉴@上清若铭的思路,今天的教程中图层样式方面,讲得非常仔细,新手的临摹绝佳教程,小伙伴们加油哦!

善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

我们先排列好画布:

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后渐变的颜色,中心的地方的颜色我们给亮点,四周的颜色我们加点灰色。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

中间的图标是圆角的,所以我们选择圆角矩形工具。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后修改半径,半径的多少是根据你的画布的大小而定的,多试试,然后对比。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

效果如下:

质感音乐播放器图标(PS教程)_qh.itpxw.cn

双击击缩略图右下角的东东,就会弹出个拾色器。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

我们就选择个淡淡的绿色。

然后选择混合选项,对比原图,修改参数。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后我们修改下光泽等高线,因为原图的两边是没有明显的凸起的,所以我们修改修改去掉。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后我们点投影,投影的颜色我们改改,因为考虑到环境的影响,我们的投影的颜色应该是墨绿色,最好比我的颜色还要黑,我等等也会修改的。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后投影的其他参数,注意对比原图,我们可以看出,原图的投影是两边收缩凸显中间的。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

选择椭圆工具。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后新建一个空白图层。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

我们在中间按住shift键按比例放大,如果在放大的过程中位置对不上,我们可以同时按住空格键移动位置。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

主要就是修改这些,不过参数是死的,人是活的,大家灵活变动,不要和我一模一样。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后弄个渐变。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

同样新建空白图层,用椭圆工具拉出一个圆形。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

给刚刚的椭圆来个漂亮的渐变。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

再来个内阴影,注意阴影的颜色哦!

质感音乐播放器图标(PS教程)_qh.itpxw.cn

再次新建空白图层,拉出个圆,选择颜色。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

我们来弄弄这个。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

粉色的圆形改下角度就可以了。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

中间也弄个圆形,图层样式——投影!投影的颜色你们注意下,然后投影也是收缩下两边。

质感音乐播放器图标(PS教程)_qh.itpxw.cn质感音乐播放器图标(PS教程)_qh.itpxw.cn

来个渐变。

质感音乐播放器图标(PS教程)_qh.itpxw.cn

再在中间弄个圆形,拉个渐变!!!

质感音乐播放器图标(PS教程)_qh.itpxw.cn

然后弄好啦!!!

质感音乐播放器图标(PS教程)_qh.itpxw.cn

原文地址:站酷

原文作者:上清若铭

其他推荐文章:

一起来画一支萌萌哒铅笔

锤子UI浏览器

转载请注明:起航学习网 » 质感音乐播放器图标(PS教程)

文章出自:http://qh.itpxw.cn/peixun/ui/201614136.html

文章标题:质感音乐播放器图标(PS教程)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------