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

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

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

【 tulaoshi.com - PS 】

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

最终效果图:

(本文来源于图老师网站,更多请访问https://www.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了)

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

music-2015032418

 

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

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

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

music-201503245

music-201503244

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

music-201503243

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

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

music-201503242

搞定后最终效果:

music-201503241

  12345

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

延伸阅读
标签: PS PS教程
编者按:今天P大点S 的PS图标教程超长超有料,194张教程图,过程细致,效果逼真,适合有基础的同学进阶学习,周末练手不用挑教程了,就这个咯。 1 2345678910... 13 ...
标签: PS PS教程
这个文章有点长,大家请耐心看。先来一段索然无味又老生常谈的话吧,呵呵~~~嫌麻烦的朋友可以直接跳过。当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思...
PS教你绘制精致的索爱播放器图标   设计思路 首先我们得想好,这玩意该怎么做?先来看看手机的效果图吧: 从这张图里我们可以看到,手机由上下两部分组成,上面是屏幕,下面是翻盖和翻盖上的音乐播放按钮。那么我们画草图的时候就思路就很清晰了,也把图标分成上下两块。为了增强效果,我又加了顶部的厚度部分(手机我有,...
制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接选择工具选中这两个点。 5、右...
标签: PS PS基础
本教程主要使用Photoshop绘制超质感的立体播放器旋钮图标,教程主要是临摹一枚特别特别特别精致的旋钮图标,效果好看到哭,过程非常细致,已经有不少同学交过作业了,你也来试试。 教程源文件: 立体质感的播放器旋钮图标教程源文件 最终效果: 新建一个1000*1000,72分辨率的新画布。 新建一层,填充34%的灰色。 在当前这个层...

经验教程

585

收藏

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