Photoshop教程:手把手教你绘制写实的音乐播放器图标

2016-01-29 15:58 77 1 收藏

Photoshop教程:手把手教你绘制写实的音乐播放器图标,今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下,适合有基础的同学进阶学习,重点依然是图层样式的运用

【 tulaoshi.com - PS 】

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

最终效果图:

music-2015032445

新建一个600*600画布。

music-2015032444

来个白到灰的径向渐变。

music-2015032443

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

music-2015032442

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

music-2015032440

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

music-2015032439

music-2015032438

12345手把手教你绘制写实的音乐播放器图标2

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

music-2015032437

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

music-2015032436

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

music-2015032435

music-2015032434

music-2015032433

music-2015032432

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

music-2015032431

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

music-2015032429

  12345手把手教你绘制写实的音乐播放器图标3

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

music-2015032430

music-2015032428

再画一个圆。

music-2015032427

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

music-2015032426

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

music-2015032425

music-2015032424

music-2015032423

调整后的效果:

music-2015032422

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

music-2015032421

滤镜添加杂色。

music-2015032420

  12345手把手教你绘制写实的音乐播放器图标4

滤镜径向模糊。

music-2015032419

剪辑蒙版。

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

music-2015032418

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

music-2015032417

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

music-2015032416

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

music-2015032415

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

music-2015032414

再画一个圆形填充红色。

music-2015032413

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

music-2015032412

拷贝拉丝图层剪辑进去。

music-2015032411

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

music-2015032410

  12345手把手教你绘制写实的音乐播放器图标5

再画个小圆形填充白色。

music-201503249

添加投影,内阴影。

music-201503248

music-201503247

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

music-201503246

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

music-201503245

music-201503244

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

music-201503243

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

形状工具入门教程:《超实用!Photoshop基础形状新手入门指南全科普》

music-201503242

搞定后最终效果:

music-201503241

  12345

来源:http://www.tulaoshi.com/n/20160129/1496915.html

延伸阅读
标签: PS PS教程
今天的教程是临摹一枚特别特别特别精致的旋钮图标,效果好看到哭,过程非常细致。 最终效果: PSD源文件  微盘下载 新建一个1000*1000,72分辨率的新画布。 新建一层,填充34%的灰色。 在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。 添加杂色。 ...
标签: PS
PS手把手教你绘制一枚日历图标   最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一...
标签: PS PS教程
制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接选择工具选中这两个点。 5、右键,自由变换点,在箭头...
标签: PS PS基础
当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思考一番后,再动手做,有目的的去看教程。 看教程的目的是什么?无非就是熟悉软件+绘制技巧(或方法)这两个了吧?...
标签: PS PS教程
今天教同学们临摹一个QQ旋风图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。 这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐...

经验教程

766

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部