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

图标设计,设计播放按钮图标(7)

来源:未知 作者:凉星在 学习:8894人次

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下

效果:
图标设计,设计播放按钮图标

第一步:

新建画布,大小自定,填充一个淡色。

图标设计,设计播放按钮图标

第二步:

画一个圆形,大小自定,填充如下。

图标设计,设计播放按钮图标

接上边的数值。

图标设计,设计播放按钮图标

图标设计,设计播放按钮图标

图标设计,设计播放按钮图标

第三步:

复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

图标设计,设计播放按钮图标

接上数值:

图标设计,设计播放按钮图标
图标设计,设计播放按钮图标
图标设计,设计播放按钮图标

第四步:

再画一个圆形,调整大小位置。

图标设计,设计播放按钮图标

图层样式数值。

图标设计,设计播放按钮图标

图标设计,设计播放按钮图标

图标设计,设计播放按钮图标

第五步:

再画一个圆形,加渐变效果。

图标设计,设计播放按钮图标

渐变数值:

图标设计,设计播放按钮图标

第六步:

画一个三角形,填充自己喜爱的颜色,添加样式。

图标设计,设计播放按钮图标

图标设计,设计播放按钮图标

第七步:

画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》

图标设计,设计播放按钮图标

第八步:

处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

图标设计,设计播放按钮图标

数值:

图标设计,设计播放按钮图标

第九步:

右下角画一个这样的,方法参照上面的。

图标设计,设计播放按钮图标

第十步:

再画一个放在左边。

图标设计,设计播放按钮图标

第十一步:

在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。

图标设计,设计播放按钮图标

第十二步:

在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。

图标设计,设计播放按钮图标

最终效果:

图标设计,设计播放按钮图标

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
刘一芊2018-02-24 11:44
瞧瞧
金针蘑菇王2017-05-29 02:25
感谢小编
金针蘑菇王2017-05-29 02:25
感谢小编
这个ID是梦到的2017-05-28 03:05
好人
这个ID是梦到的2017-05-28 03:05
好人

关注大神微博加入>>

网友求助,请回答!