Photoshop制作精致的蓝色音乐图标教程

2016-03-17 20:40 10 1 收藏

下面图老师小编要向大家介绍下Photoshop制作精致的蓝色音乐图标教程，看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！

【 tulaoshi.com - PS 】

来源：站酷作者：烧饼蜀黍
图片虽然简单，不过制作起来并不容易。图标边缘有金属边框，中间为水晶效果，顶部还有图形。每一部分都要求做到非常细致，这样整体效果才更精致。
最终效果

1、首先，新建一个512×512的画布，设置如下。

2、设置参考线，上下左右各留出20px的边距，也就是说，这个图标的实际大小是472×472。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）3、紧贴参考线，用形状工具画一个正圆，颜色随便，大小应该是472×472，给此图层起名叫“outside”。

4、设置此图层的图层样式，如下图。

5、用圆形形状工具创建一个452×452的圆，起名为middle，与outside圆水平垂直居中对齐，也就是说，这个圆比外圈的圆半径小了20像素。

6、设置middle的图层样式如下。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）7、画一个442×442的圆，还是和其他两个圆水平垂直居中对齐，这样就有了3个同心圆。我们命名此图层为inner，设置图层样式项“渐变叠加”如下。

8、接下来，开始画里面的造型部分了。首先还是得画一个圆，422×422，命名为ball-outside，和其他3个圆水平垂直对齐，形成4个同心圆。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）9、接下来，就要开始音符的造型了，音符由5个部分组成，两个倾斜的椭圆，两个竖着的矩形，和一个斜切的矩形，我们用钢笔形状工具来画，最终将5个矩形合并，就形成了音符的造型，步骤如下。

10、画好分别的5个部分，将所有路径剪切到同一个图层后，合并所有路径即可。

11、给音符增加图层样式，如下图。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）12、最后，将音符和圆合并，图标基本完成，效果如下图。

13、增加质感。首先，新建一个图层，命名为noise，用黑色填充，接着在顶部菜单栏依次选择滤镜-杂色-添加杂色，设置如下。完成后，将这个图层移动到outside图层上面，按ctrl+atulaoshilt+G，将此图层和outside层做遮罩。

14、将noise图层的图层模式改为“滤色”，这样，外圈的质感就完成了。

15、将noise图层复制一层，移动到音符图层的上面，按ctrl+alt+G，将此图层和音符层做遮罩。同样将noise图层的图层模式改为“滤色”，这样，音符的质感也就完成了，结果如下图。

16、最后还有蓝色球面的高光效果。先添加顶部的高光。

18、将此图层透明度改为50%，图层模式改为“柔光”，最后结果如下。

最后再润色一下，大功告成。

来源:http://www.tulaoshi.com/n/20160317/1865267.html

上一篇： Photoshop制作漂亮的潮流彩色液滴组合图形教程
下一篇： Photoshop制作梦幻的蓝紫色光束心形教程

看过《Photoshop制作精致的蓝色音乐图标教程》的人还看了以下文章更多>>

Photoshop制作精致的时空穿梭图标教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：老三DESIGN 效果图制作包括两个大的部分：首先是金属边框部分，用到了几个不同大小的正圆，分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作，这些需要用不同的滤镜来完成。最终效果 1、新建，背景填充深灰色，新建图层，选择椭圆工具（U）在图层B上创建一个白色圆圈这里名为B。 2、创建两个红...

Photoshop设计制作精致的木盒图标教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：Dogx 效果图制作的非常精美。学习的目的是学会立体图形的构成及光感，材质的渲染。制作之前需要把木盒拆分为几个面，然后按顺序慢慢制作各个面即可。最终效果tulaoshi 1、图层分解，大致可按顺序分为以下几个部分。 2、新建大小适当的画布，背景填充暗灰色，新建一个图层用钢笔勾出顶部框框的轮廓，转为选区后填充...

Photoshop制作精致的小木屋图标教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：JeremyM 教程过程介绍得有点简单，只介绍了几个部分的制作方法，不过其它部分的制作方法一致，多点耐心和细节就可以做出来。最终效果 1、首先我们先画出剪影部分，这是个耐心活。 2、接着我们就要去抠细节了，从上自下抠细节。首先从屋檐开始抠细节。 3、然后把烟囱加上砖头，给烟囱加个投影。 4、做房顶的砖瓦。...

Photoshop制作非常精致的金属音乐播放器图标

制作图标之前，有很多的工作要做，先找出相关的实物图参考，然后自己构思出想要的效果并画出草图。后期用PS慢慢细化，把想要的形状、颜色、质感、纹理等都表现出来即可。最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接选择工具选中这两个点。 5、右...

Photoshop制作蓝色质感的ICON图标教程