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

photoshop网页设计: 圆形水晶按钮

来源: 作者: 学习:665人次
最终效果

1、新建一 个600 * 600像素的文件,背景填充颜色:#056338,新建一个图层在画布的中心位置用椭圆选框工 具绘制一个正圆,填充颜色:#FAE4B3,效果如图1。

图1 2、以 正圆的中心为参考点拉出两条垂直的参考线,用参考线中点为圆心,用椭圆选框工具按住Alt + Shift画出图2所示的选区,按Delete删除,得到一个圆环。

图2
3 、双击图层调出圆环的图层样式,参数设置如图3-5,效果如图6。

图3

图4

图5






图6 4、在圆环的下面新建一个图层,用椭圆选框工具画出 图7所示的选区,然后选择渐变工具颜色设置如图8,拉出图9所示的渐变。

图7

图8

图9 5、新建一个图层,用椭圆选框工具拉一个比圆环稍小的正圆, 如图10,然后选择渐变工具,颜色设置如图11,绘制图12所示的径向渐变。

图7

图8



图9

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
夏天的风。2008-08-01 11:02
把滤镜后的高光图层模式改为变亮不明白<阴险>6
秋枫落雪2008-07-28 07:47
好美,一定要学会~~~~~
1073c2008-07-28 02:34
<怒>
紫色星空2008-07-23 07:37
漂亮学习了...............

关注大神微博加入>>

网友求助,请回答!