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

6、新建 一个图层,用椭圆选框工具拉一个稍小的正圆,如图10,然后填充白色,图层不透明度改为:15%, 加上图层蒙版用黑色画笔把下半部分擦掉,如图11。 图10 图11 7、新建一个图层,前景颜色设置为:#B50207,用画

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

最终效果 1、新建一 个600 * 600像素的文件,背景填充颜色:#056338,新建一个图层在画布的中心位置用椭圆选框工 具绘制一个正圆,填充颜色:#FAE4B3,效果如图1。 图1 2、以 正圆的中心为参考点拉出两条垂直的参考

6、新建 一个图层,用椭圆选框工具拉一个稍小的正圆,如图10,然后填充白色,图层不透明度改为:15%, 上图层蒙版用黑色画笔把下半部分擦掉,如图11。


photoshop网页设计: 圆形水晶按钮(2)插图

图10


photoshop网页设计: 圆形水晶按钮(2)插图(1)

图11 7、新建一个图层,前景颜色设置为:#B50207,用画笔工具随意的刷上一些小点,如图12, 执行菜单:滤镜 模糊 径向模糊,参数设置如图13,确定后再加上图层蒙版,把一些不要的地方 用黑色画笔擦掉,效果图图14。


photoshop网页设计: 圆形水晶按钮(2)插图(2)

图12


photoshop网页设计: 圆形水晶按钮(2)插图(3)

图13


photoshop网页设计: 圆形水晶按钮(2)插图(4)

图14 8、新 建一个图层,填充黑色,执行菜单:滤镜 渲染 镜头光晕,参数设置如图15,确定后再执行菜单 :滤镜 扭曲 极坐标,参数设置如图16,效果如图17。


photoshop网页设计: 圆形水晶按钮(2)插图(5)

图15


photoshop网页设计: 圆形水晶按钮(2)插图(6)

图16


photoshop网页设计: 圆形水晶按钮(2)插图(6)

图17 9、把滤镜后的高光图层模式改为变亮,适当的变形和角 度,放到正圆的右下角,加上图层蒙版把多余的部分擦掉,效果如图18。


photoshop网页设计: 圆形水晶按钮(2)插图(8)

图18

10、同样的方法制作出左 上角的高光。


photoshop网页设计: 圆形水晶按钮(2)插图(9)

图19 11、新建一个图层加上一些反光和星星笔刷,如图20。


photoshop网页设计: 圆形水晶按钮(2)插图(10)

图20

12、最后加上小装饰,再加上自己喜爱的照片,完成最终效果。


photoshop网页设计: 圆形水晶按钮(2)插图(11)

图21

搜索更多相关主题的帖子:
ps网页设计
photoshop教程最终效果


photoshop网页设计: 圆形水晶按钮(2)插图(12)

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


photoshop网页设计: 圆形水晶按钮(2)插图(13)

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


photoshop网页设计: 圆形水晶按钮(2)插图(14)

图2

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


photoshop网页设计: 圆形水晶按钮(2)插图(15)

图3


photoshop网页设计: 圆形水晶按钮(2)插图(16)

图4


photoshop网页设计: 圆形水晶按钮(2)插图(17)

图5

photoshop网页设计: 圆形水晶按钮(2)插图(18)

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


photoshop网页设计: 圆形水晶按钮(2)插图(19)

图7


photoshop网页设计: 圆形水晶按钮(2)插图(20)

图8


photoshop网页设计: 圆形水晶按钮(2)插图(21)

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


photoshop网页设计: 圆形水晶按钮(2)插图(22)

图7


photoshop网页设计: 圆形水晶按钮(2)插图(23)

图8


photoshop网页设计: 圆形水晶按钮(2)插图(24)

图9最终效果


photoshop网页设计: 圆形水晶按钮(2)插图(12)

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


photoshop网页设计: 圆形水晶按钮(2)插图(13)

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


photoshop网页设计: 圆形水晶按钮(2)插图(14)

图2

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


photoshop网页设计: 圆形水晶按钮(2)插图(15)

图3


photoshop网页设计: 圆形水晶按钮(2)插图(16)

图4


photoshop网页设计: 圆形水晶按钮(2)插图(17)

图5

photoshop网页设计: 圆形水晶按钮(2)插图(18)

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


photoshop网页设计: 圆形水晶按钮(2)插图(19)

图7


photoshop网页设计: 圆形水晶按钮(2)插图(20)

图8


photoshop网页设计: 圆形水晶按钮(2)插图(21)

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


photoshop网页设计: 圆形水晶按钮(2)插图(22)

图7


photoshop网页设计: 圆形水晶按钮(2)插图(23)

图8


photoshop网页设计: 圆形水晶按钮(2)插图(24)

图9 6、新建 一个图层,用椭圆选框工具拉一个稍小的正圆,如图10,然后填充白色,图层不透明度改为:15%, 加上图层蒙版用黑色画笔把下半部分擦掉,如图11。


photoshop网页设计: 圆形水晶按钮(2)插图

图10


photoshop网页设计: 圆形水晶按钮(2)插图(1)

图11 7、新建一个图层,前景颜色设置为:#B50207,用画笔工具随意的刷上一些小点,如图12, 执行菜单:滤镜 模糊 径向模糊,参数设置如图13,确定后再加上图层蒙版,把一些不要的地方 用黑色画笔擦掉,效果图图14。


photoshop网页设计: 圆形水晶按钮(2)插图(2)

图12


photoshop网页设计: 圆形水晶按钮(2)插图(3)

图13


photoshop网页设计: 圆形水晶按钮(2)插图(4)

图14 8、新 建一个图层,填充黑色,执行菜单:滤镜 渲染 镜头光晕,参数设置如图15,确定后再执行菜单 :滤镜 扭曲 极坐标,参数设置如图16,效果如图17。


photoshop网页设计: 圆形水晶按钮(2)插图(5)

图15


photoshop网页设计: 圆形水晶按钮(2)插图(6)

图16


photoshop网页设计: 圆形水晶按钮(2)插图(6)

图17 9、把滤镜后的高光图层模式改为变亮,适当的变形和角 度,放到正圆的右下角,加上图层蒙版把多余的部分擦掉,效果如图18。


photoshop网页设计: 圆形水晶按钮(2)插图(8)

图18

10、同样的方法制作出左 上角的高光。


photoshop网页设计: 圆形水晶按钮(2)插图(9)

图19 11、新建一个图层加上一些反光和星星笔刷,如图20。


photoshop网页设计: 圆形水晶按钮(2)插图(10)

图20

12、最后加上小装饰,再加上自己喜爱的照片,完成最终效果。


photoshop网页设计: 圆形水晶按钮(2)插图(11)

图21

搜索更多相关主题的帖子:
ps网页设计
photoshop教程

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部