当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

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

来源:站酷 作者:谭学健 学习:8203人次

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

效果图:

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

操作步骤:

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

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

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

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

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

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

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

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

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

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

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

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

颜色:#d3d3d4-#ffffff

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

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

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

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

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

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

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

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

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

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
彼岸、花开2022-08-04 02:35
我的作业:

妮子822022-08-02 04:07
作业

柳柒2021-01-09 04:46
我的作业:特意没按步骤,只看着效果图弄,弄了好久,尽力在还原每个细节

xchx1232021-01-07 03:29
看着教程摸索着去做,肯定有不足的地方

秃头小宝贝儿2020-12-16 04:28
可能很多地方画的不到位,看着楼主效果图摸索的

苍天蓝翔2018-11-21 09:15
收益
qzuser2018-11-20 01:43
太喜欢了
杨布布2018-11-15 04:59
我的作业:
阿鲁巴啊2018-02-11 03:09
相关教程
好先森2017-11-21 12:45
感谢楼主
初遇hope2017-11-21 12:45
感谢楼主
轻压巡洋舰2017-11-21 12:42
感谢作者
挨踢的蜗牛2017-11-20 07:15
学习学习!!!
灵秀2017-11-20 07:15
还没原图好看
新势力啊宝2017-11-20 07:15
还没原图好看

关注大神微博加入>>

网友求助,请回答!