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

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

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

友情提示,CTRL+ALT+SHIFT+T是个好东西,什么东西呢?再次变换。它会累积上一次CTRL+T的效果,通俗说就是重复上一次CTRL+T的效果,并将得到的结果放在新的复制图层上。

当然,这里需要注意的是你只是用移动工具选择住图层,而不是使用直接选择工具选择住。因为直接选择工具选择住再变换的时候,PS会复制路径,我们再次变换的时候,得到的结果,不会旋转在新图层上,而是直接复制到形状图层上。因为我们四个扇形要设置不同的图层样式,当然不能是一个形状图层中有四个扇形。如果不是形状图层,就没有这个问题。至于CTRL+ALT+SHIFT+T的用法,这里不再复述,如果不会,恶补下基础吧,祝你好运。

OK,言归正传,下面我们为四个扇形按纽设置图层样式。首先我们为最上面的按纽设置图层样式,我将其命名为“增加音量按纽”,因为等会我想给它分配的功能按键就是增加音量。图层样式设置如下:

图标教程,ps设计播放器图标。
图标教程,ps设计播放器图标。
下面,我们来设置右侧按纽的图层样式。
图标教程,ps设计播放器图标。
图标教程,ps设计播放器图标。
设置下方按纽的图层样式。
图标教程,ps设计播放器图标。
图标教程,ps设计播放器图标。
图标教程,ps设计播放器图标。
接下来,我们设置左侧按纽的图层样式。
图标教程,ps设计播放器图标。
图标教程,ps设计播放器图标。

四个按纽的图层样式都搞定了,来看看我们现在的效果。

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

按纽好了,下面我们来添加按纽上的按键图标。这个没什么技术含量,也就是用一些基本的形状来拼凑成我们的图标。

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

OK,图标有了,接下来要做的就是给图标设置图层样式。

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

五个图标的图层样式设置成一样就可以了,直接拷贝图层样式来粘贴。

到目前以为,我们得到如下效果:

图标教程,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
好东西

关注大神微博加入>>

网友求助,请回答!