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

图标制作,用Photoshop设计不锈钢主题的图标按钮

来源:MISSYUAN 作者:生无所求的追求 学习:9898人次

本教程通过Photoshop制作一款具有不锈钢质感的网页按钮图标,除了详细制作方法以外,教程中也给出同学们制作思路,整篇教程用到图层样式的地方较多,同学们一起来练习下吧。

效果图

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

1、打开PS软件,新建画布,以下参数提供参考:

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

2、在新建完成的画布上,拉出两条参考线:

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

3、用椭圆工具定中心,定比例画一个园:

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

4、嗯,当然老套的来个图层样,用一个斜面与浮雕数值如下:

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com
www.16xx8.com

5、来个描边吧,这样更加突出~~这是描边一个渐变,很普通的黑白渐变,但记住不要反向哦:

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

图标制作,用Photoshop设计不锈钢主题的图标按钮_www.16xx8.com

学习 · 提示

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

雷霆战机火锅2019-03-29 06:11
太棒了
无语2018-02-12 09:25
学习了,很实用!
泪滴入心囊2017-11-17 06:43
在这里真的学习了好多
舞韵翩跹2017-11-17 04:38
可以可以
没电72017-11-17 04:34
我做出来不是一样的
niuniu2017-11-17 01:43
学习了,很实用!
冷寂de赤2017-11-17 07:34
好实用
小君泡吧2017-11-17 03:42
很好的方法

关注大神微博加入>>

网友求助,请回答!