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

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

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

接下来,我们画出中间的那个播放按纽,同样的,还是使用椭圆工具,画一个180*180像素的正圆,颜色还是无所谓,我们会使用图层样式来得到我们需要的颜色。图层样式设置如下:

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

当然,别忘了,到目前为止,要把所有的圆的形状都需要居中对齐一下,目前我们得到如下效果:

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

现在,我们开始来折腾那四个按钮,尖锐的扇形,我不喜欢,我希望来一个圆角的扇形,看上去舒服一些,好像更具科技感一些。

圆角的扇形用PS画起来相对来说会比较麻烦一些,但是我们今天是用PS而不是用AI,那PS怎么画呢,太复杂的方法,我不想用,因为我想要用一个简单而且直观的方法来实现它,虽然有很多法方法可以实现,但是我觉得,最简单的操作,最直观的表述,才是真正的好方法,大家做起来也会方便一点。 于是我直接用的圆角矩形来做了。

用圆角矩形工具画一个130*75像素的圆角矩形,圆角的角度默认就行,圆角矩形的颜色也无所谓,一会我们用图层样式来更改它的颜色。圆角矩形的位置摆放无所谓,我们等会可以再调整。

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

选择圆角矩形图层,执行“编辑—变形”,将变形的模式设置为“扇形”,弯曲设置为“45度”,我们将得到如下的效果:

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

这里需要注意的是,圆角矩形的大小,决定了其变形后的大小,圆角矩形变形为扇形后,长度差不多会扩展1.7倍左右,而高度是一致的,是不变的。所以,我们要得到多大的扇形,我们需要粗略的估计下圆角矩形要画多大。怎么感觉像是在研究数学,哭瞎,学渣咋办。其实,好多这些图形的绘制,都需要粗略的算一算尺寸或者角度什么的,但是,基本上都不会复杂的,至少比那些什么高等数学之类的简单多了,在这里我也不多说了,毕竟当初我上学的时候,全班倒数是跑不掉的。

大家自己理解一下,我想,不会有太大的问题的。不管做什么东西,理解着做,才能吸收到东西,而不是一味的照抄,一味的搬。

扇形有了,接下来就简单了,首先先微调一下扇形的位置,让其基本上处于我们最中间的播放按纽和内圆组成的圆环的中心位置。 然后选择住扇形图层,CTRL+T,设置中心点为画布的中心,设置旋转角度为90度,应用。 CTRL+ALT+SHIFT+T,得到四个扇形。

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

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!