优艾设计网

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

最终效果

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

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

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

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

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

图2

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

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

图3

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

图4

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

图5

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

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

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

图7

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

图8

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

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

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

图7

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

图8

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

图9

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜