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

2016-02-01 22:08 4 1 收藏

下面这个Photoshop制作精致的蓝色音乐图标教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - ps入门教程 】

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

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

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

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

3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫“outside”。

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

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

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

7、画一个442×442的圆,还是和其他两个圆水平垂直居中对齐,这样就有了3个同心圆。我们命名此图层为inner,设置图层样式项“渐变叠加”如下。

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

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

9、接下来,就要开始音符的造型了,音符由5个部分组成,两个倾斜的椭圆,两个竖着的矩形,和一个斜切的矩形,我们用钢笔形状工具来画,最终将5个矩形合并,就形成了音符的造型,步骤如下。

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

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

12、最后,将音符和圆合并,图标基本完成,效果如下图。

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

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

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

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

17、再添加底部的反光。

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

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

来源:https://www.tulaoshi.com/n/20160201/1525816.html

延伸阅读
小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层...
效果图的构成元素较多,制作的时候需要先分析好徽章的大致构造,然后再由底层做起,分步做出整个效果。由于图形是对称的,制作的时候如果想偷懒,先做出一半,另一半直接复制过去即可。 最终效果 1、新建一个800 * 600像素的文档,用钢笔工具勾出下图所示的选区,并填充黑色。 图1 2、把做好的图形复制一层,执行:编辑 编...
效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果 1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2、创建两个红色和绿色的圆圈...
教程过程介绍得有点简单,只介绍了几个部分的制作方法,不过其它部分的制作方法一致,多点耐心和细节就可以做出来。 最终效果 1、首先我们先画出剪影部分,这是个耐心活。 2、接着我们就要去抠细节了,从上自下抠细节。首先从屋檐开始抠细节。 3、然后把烟囱加上砖头,给烟囱加个投影。 4、做房顶的砖瓦。 ...
本教程介绍音乐海报的制作方法。作者制作的非常细腻,从选材到制作,每一步都非常讲究,尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜好添加 。 原图 最终效果 1、新建画布,尺寸宽度30厘米,高度为15厘米,分辨率72,填充白色。 2、将背景素材拖入画布中,适当调整好大小,效果如图所示。 3、将人物拖...

经验教程

409

收藏

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