psschool 发表于 2017-6-8 00:00:00

Photoshop绘制清新优雅的音乐图标设计教程

我们的最终效果：

http://www.06ps.com/d/file/2017/0608/1496881042851.jpg

新建一个渐变调整层，做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

http://www.06ps.com/d/file/2017/0608/1496881045974.png

光是渐变背景，感觉差了点什么，添加点质感吧。复制一层渐变图层，转智能对象，添加一个杂色。

http://www.06ps.com/d/file/2017/0608/1496881048402.png

执行“滤镜—风格化—浮雕效果”，添加一个浮雕效果。

http://www.06ps.com/d/file/2017/0608/1496881051246.png


               
               
将这个图层的图层混合模式更改为“叠加”，我们的背景就完成了。

http://www.06ps.com/d/file/2017/0608/1496881055757.png

画一个圆角矩形，并添加图层样式。

http://www.06ps.com/d/file/2017/0608/1496881058149.png

http://www.06ps.com/d/file/2017/0608/1496881061906.png

http://www.06ps.com/d/file/2017/0608/1496881065958.png


               
               
颜色：#d3d3d4-#ffffff

http://www.06ps.com/d/file/2017/0608/1496881069710.png

http://www.06ps.com/d/file/2017/0608/1496881072373.png

复制一层这个圆角矩形，移到下层，将图层填充修改为0，添加一个投影图层样式，我们来增加阴影的层次感。

http://www.06ps.com/d/file/2017/0608/1496881075284.png


               
               
接下来，我们来做那个中框，这里需要注意的是圆角矩形的圆度需要对齐一下，不然看上去很难看。将图层的填充修改为0，添加一个图层样式。

http://www.06ps.com/d/file/2017/0608/1496881078310.png

http://www.06ps.com/d/file/2017/0608/1496881081301.png

http://www.06ps.com/d/file/2017/0608/1496881085402.png

http://www.06ps.com/d/file/2017/0608/1496881088773.png

http://www.06ps.com/d/file/2017/0608/1496881091642.png


               
               
用椭圆工具画出中间凹陷的的主体来，添加图层样式。

http://www.06ps.com/d/file/2017/0608/1496881095552.png

http://www.06ps.com/d/file/2017/0608/1496881106461.png

http://www.06ps.com/d/file/2017/0608/1496881109280.png


               
               
注解：在这里面如何做出像云朵一样的图形，画三个圆，排列好后进行合并图层就可以得到云朵形状。
制作中间的三个圆，这三个圆的的图层样式是一样的，只是圆的大小不一样。排列好，进行图层样式。

http://www.06ps.com/d/file/2017/0608/1496881113752.png

http://www.06ps.com/d/file/2017/0608/1496881116391.png

http://www.06ps.com/d/file/2017/0608/1496881119182.png

http://www.06ps.com/d/file/2017/0608/1496881123974.png


               
               
最后把图标放上去就大功告成了。

http://www.06ps.com/d/file/2017/0608/1496881126706.png

http://www.06ps.com/d/file/2017/0608/1496881130554.png

http://www.06ps.com/d/file/2017/0608/1496881133387.png

http://www.06ps.com/d/file/2017/0608/1496881136704.png

在这个过程中你可以变化一下数值，就可以得到了不一样的图标，记住，教程是死的，人是活的，只有不断的练习和尝试，这样会达到意想不到的效果。

http://www.06ps.com/d/file/2017/0608/1496881042851.jpg
页: [1]
查看完整版本: Photoshop绘制清新优雅的音乐图标设计教程