当前位置:主页 > 图片处理 >

图标制作,用PS绘制一枚清新淡雅的音乐图标【多图】

  • 图片处理
  • 2022-11-05 12:01
  • 谭学健,图标制作,ps网页设计,清新淡雅,音乐图标

修图匠“图标制作,用PS绘制一枚清新淡雅的音乐图标【多图】”Photoshop图文教程内容:

本篇教程通过PS教大家绘制一个清新淡雅的音乐图标,用到的依然是我们的老朋友——图标样式,习惯了颜色艳丽的色彩图标,这次我们换个风格,同学们一起来练习下吧。

效果图:

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com
www.xiutujiang.com

操作步骤:

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

颜色:#d3d3d4-#ffffff

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

本篇教程通过PS教大家绘制一个清新淡雅的音乐图标,用到的依然是我们的老朋友——图标样式,习惯了颜色艳丽的色彩图标,这次我们换个风格,同学们一起来练习下吧。

效果图:

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com
www.xiutujiang.com

操作步骤:

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

颜色:#d3d3d4-#ffffff

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

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

图标制作,用PS绘制一枚清新淡雅的音乐图标_www.xiutujiang.com

温馨提示:以上“图标制作,用PS绘制一枚清新淡雅的音乐图标【多图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长