ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程

今天我们来制作一个音乐icon炫彩图标,先看一下效果图:

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第1张图片
ICON图标绘制

具体制作步骤如下:

步骤一

首先需要用到PS这款软件,需要去文件新建出来一个800*600的文件,分辨率72,单击创建

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第2张图片
ICON图标绘制

步骤二

先把它填充为一个黑颜色,因为一会儿要做的是炫彩的,如果背景太花就凸显不出图标的颜色。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第3张图片
ICON图标绘制

步骤三

把图标描绘就出来,一般来讲图标它会是一个圆角矩形,选择圆角矩形进行绘制,绘制过程中按住键盘上的shift键,等比缩放。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第4张图片
ICON图标绘制

步骤四

把这个圆角矩形和背景做一个水平居中对齐,垂直居中对齐,把它放在最中间,不需要他的填充,给它一个描边,描边稍微的调小一点,调细一点。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第5张图片
ICON图标绘制
ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第6张图片
ICON图标绘制

步骤五

这个描边是一个白色,看起来会比较单调,那么我们可以对这个白色的部分去进行一个更改。

新建一个图层,按住alt键,做一个剪贴蒙版把它贴进来,使用径向渐变非常,使用第二个从前景色到透明渐变,这样绘制是不会影响到背景色的,而且可以去多次进行涂抹。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第7张图片
ICON图标绘制

比如说我一开始先给它涂抹一些蓝绿色,可以四面八方的去叠上颜色,利用白色做一些高光。

还可以在它的边框之外做上一些光,可以给他一些比较亮的光,不透明度可以稍微的降低点,做成一些比较微弱的光源。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第8张图片
ICON图标绘制

可以按住alt键,可以直接把这个光给他复制过来一个,简单调整一下大小

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第9张图片
ICON图标绘制

步骤六

做好外边框之后,我们可以通过圆角矩形去进行绘制最里面的音乐符号。

比如,我画上了一个10像素的圆角矩形:

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第10张图片
ICON图标绘制

步骤七

它的左边一般会有一个小小的音符,这里也通过圆角矩形进行绘制,这个圆角矩形圆角有点太大了,可以给它稍微缩小一点

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第11张图片
ICON图标绘制

这里你可以自己去控制,你喜欢大一点的小一点的都是没有硬性要求的,音符我可以让它稍微的斜过来一点。

如果说只是这样的摆放一个音符,看上去非常的死板, control+t自由变换,按住键盘上control+shift键,给它进行一个斜切的操作,往上斜切一个小角度。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第12张图片
ICON图标绘制

可以把整个做好的部分进行一个复制,把这两层放到一起去进行复制,复制的时候也给它做上一个偏移的小角度

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第13张图片
ICON图标绘制

步骤八

最上面还差一个连接音符的一个部分,就靠我们给他做出来,这个部分我们也通过圆角矩形进行绘制,对它进行细微的调整。

同样,需要control+t做一个斜切,在做斜切的时候也要保证这条线和下边两条线要保持相互平行的。

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第14张图片
ICON图标绘制

步骤九

那么这样一个基本的音符就做的差不多了,边缘一些尖尖角和整体圆角的风格不太相符,可以使用钢笔工具把它的圆角弥补上

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第15张图片
ICON图标绘制

建立出一个之后,可以给它复制,旋转一个角度或者是垂直翻转,放进来也是非常合适的

ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程_第16张图片
ICON图标绘制

接下来我们就可以对它进行上色了,我们在下一小节当中继续为大家进行讲解,关注微信公众号:米你教育,ID:mnjy168,学习下一小结,制作完成ICON音乐图标,有问题可以后台留言,有老师在线解答!关注更有100G设计素材免费领取的福利呦~

你可能感兴趣的:(ICON图标,PS图标绘制,音乐ICON炫彩图标制作教程)