分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS绘制一枚清新优雅的音乐图标教程

icon图标 学UI设计 1151次浏览 0个评论

今天给大家带来一个PS绘制一枚清新优雅的音乐图标教程,与往常一样,依旧是图层样式的应用为主,源文件已打包,一起来练个手!

我们的最终效果:PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程颜色:#d3d3d4-#ffffff

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

PS绘制一枚清新优雅的音乐图标教程

 

接下来,我们来做那个中框,这里需要注意的是圆角矩形的圆度需要对齐一下,不然看上去很难看。将图层的填充修改为0,添加一个图层样式。PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程

 

PS绘制一枚清新优雅的音乐图标教程

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

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

PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程渐变颜色:#d3d3d4——#ffffff

 

PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程

渐变颜色:#d3d3d4——#d7d5d5

PS绘制一枚清新优雅的音乐图标教程

PS绘制一枚清新优雅的音乐图标教程

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

PS绘制一枚清新优雅的音乐图标教程


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (4)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!