起航学习网

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

写实的音乐播放器ICON(PS教程)

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

  快捷搜索:做作业教程photoshop


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

前言: 小编: 今天给大家分享一个由优设网带来的超写实音乐播放器ICON的PS教程,教程的重点在图层样式的运用,有的同学

小编:今天给大家分享一个由优设网带来的超写实音乐播放器ICON的PS教程,教程的重点在图层样式的运用,有的同学有疑问不知道为什么别人总能很准确的调整好渐变样式,小编想告诉大家,不要为了临摹而临摹,可以多思考一下作者是怎样运用的,每一个效果又是通过哪个样式做出来的。久而久之,自己设计的时候才会有提高与创新。

最终效果图:

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

新建一个600*600画布。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

来个白到灰的径向渐变。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

椭圆工具画个300*300的圆。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

直接选择工具选中这两个点。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

右键,自由变换点,在箭头标注的W位置输入80。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

重复上一步骤,选中上面两个点,在H位置输入80。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

居中下,调整下大小自己感觉合适即可。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

给调整好的圆角矩形添加图层样式,投影,渐变叠加。内阴影,斜面浮雕。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

调整图层样式后的圆角矩形变的更有立体感。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

画一个圆大小自定,用渐变叠加调处金属质感。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

接着添加斜面浮雕和投影。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

再画一个圆。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

添加图层样式,先来个渐变叠加。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

投影,内阴影,斜面浮雕。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

调整后的效果:

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

ok,这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

滤镜添加杂色。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

滤镜径向模糊。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

剪辑蒙版。

(有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上“将内部效果混合成组”勾选掉,把剪贴图层混合成组。就ok了)

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

模式改为叠加,调整不透明度。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

这样拉丝效果就出现了,也更加逼真点。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

再画个圆形添加渐变叠加。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

再画一个圆形填充红色。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

添加图层样式,投影,内阴影(参数可自己调整)。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

拷贝拉丝图层剪辑进去。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

再画一个圆形,填充淡红色,也添加拉丝效果,即有俩红色圆形。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

再画个小圆形填充白色。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

添加投影,内阴影。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

画个白色小圆放在这个位置,来做支架。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

添加渐变叠加和斜面浮雕。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

画个白色小圆,添加一像素描边,

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

支架部分很简单,同学们试着去做下,全都是用形状工具做的。

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

搞定后最终效果:

写实的音乐播放器ICON(PS教程)_qh.itpxw.cn

原文地址:优设网

原作者:看不见的敌人28

转载请注明:起航学习网 » 写实的音乐播放器ICON(PS教程)

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

文章标题:写实的音乐播放器ICON(PS教程)



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


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

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