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

图标教程,ps设计播放器图标。

来源:tieba.baidu 作者:P大点S 学习:13671人次

今天的图标教程效果好看,过程不难,十分钟可以轻松搞定,对新手熟悉图层样式以及运用基础形状非常有帮助。同学赶快跟着教程一起练习吧。

先来看看效果:
图标教程,ps设计播放器图标。

在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下,请忽略我渣像素的手机。

图标教程,ps设计播放器图标。

观察了一下这个MP3,造型实在令人无法恭维。思考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图,请无视渣画工。

图标教程,ps设计播放器图标。

没错,你真的没有看错,我画的就是这么坑。随便拿了个圆珠笔,拿出一张厕纸,不对,在笔记本上撕了一页,然后随便划拉几下,画出我们想要的轮廓。

大神们别打我,毕竟我只是个渣渣。

闲话休提,我们办正事。

新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。

图标教程,ps设计播放器图标。

下面,我们给背景图层添加一点杂色,强化质感。执行“滤镜—杂色—添加杂色”,设置数量为1%,高斯分布,勾选单色。

图标教程,ps设计播放器图标。

现在,我们开始构建图标的轮廓形状。使用椭圆工具,设置前景色为#cecece,画一个450*450像素的正圆。我把它命名为“外圆”。

图标教程,ps设计播放器图标。

现在,我们为这个“外圆”添加一个图层样式。

图标教程,ps设计播放器图标。

接下来,还是用椭圆工具,画一个400*400像素的圆,我将其命名为“内圆”,颜色这里无所谓,等会我会用图层样式修改它的颜色。“内圆”图层的图层样式的设置请看下图。

图标教程,ps设计播放器图标。

图标教程,ps设计播放器图标。

目前为止,我们得到如下的效果。

图标教程,ps设计播放器图标。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
王弘邦2017-12-21 05:56
简直不要太简单,三人行必有我师焉,谢谢老师的教程我的作业:
星宿阁2017-05-28 02:44
确实很牛扒 !!!
泪水淡殇2017-05-28 09:54
我要学
木禾子夕2017-05-28 09:11
好东西

关注大神微博加入>>

网友求助,请回答!