使用Photoshop绘制写实的音乐播放器图标
使用Photoshop绘制写实的音乐播放器图标-移动阅读二维码

本Photoshop教程是绘制一枚质感逼真的的播放器图标。教程难度中下,适合有基础的同学进阶学习,重点依然是图层样式的运用,练手戳 >>>

最终效果图:

music-2015032445

新建一个600*600画布。

music-2015032444

来个白到灰的径向渐变。

music-2015032443

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

music-2015032442

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

music-2015032440

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

music-2015032439

music-2015032438

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

music-2015032437

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

music-2015032436

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

music-2015032435music-2015032434music-2015032433music-2015032432

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

music-2015032431

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

music-2015032429

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

music-2015032430music-2015032428

再画一个圆。

music-2015032427

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

music-2015032426

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

music-2015032425music-2015032424music-2015032423

调整后的效果:

music-2015032422

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

music-2015032421

滤镜添加杂色。

music-2015032420

滤镜径向模糊。

music-2015032419

剪辑蒙版。

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

music-2015032418

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

music-2015032417

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

music-2015032416

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

music-2015032415

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

music-2015032414

再画一个圆形填充红色。

music-2015032413

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

music-2015032412

拷贝拉丝图层剪辑进去。

music-2015032411

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

music-2015032410

再画个小圆形填充白色。

music-201503249

添加投影,内阴影。

music-201503248music-201503247

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

music-201503246

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

music-201503245music-201503244

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

music-201503243

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

music-201503242

搞定后最终效果:

music-201503241

5个优秀的Photoshop图标教程推荐:
使用Photoshop图层样式绘制精致舒服的播放器图标
使用PS路径描边教你一分钟轻松画图标
Photoshop绘制蓝色icon图标设计教程
使用photoshop教你作一个精致的图标,用眼睛捕捉每一粒像素
photoshop绘制漂亮手机APP图标

—————————————————————————–

—> Photoshop进阶专题 

来自:优设
作者:看不见的敌人28
本文链接:http://www.mobileui.cn/ps-draw-music-player-icon.html
本文标签: , , ,