页面载入中...

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

xingphotoshop, 2017-06-010

 来源:站酷 作者:谭学健

我们的最终效果:

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

颜色:#d3d3d4-#ffffff

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

注解:在这里面如何做出像云朵一样的图形,画三个圆,排列好后进行合并图层就可以得到云朵形状。

制作中间的三个圆,这三个圆的的图层样式是一样的,只是圆的大小不一样。排列好,进行图层样式。

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

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

Photoshop绘制清新优雅的音乐图标教程,PS教程,素材中国网

 


发布评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信