Photoshop制作精致的灰色圆形质感按钮(10)

14、切换到“路径”面板,将路径作为选区载入。 15、返回到“图层”面板,为选区填充黑色,取消选区选择状态。

Photoshop制作精致的灰色圆形质感按钮(11)

16、执行“滤镜”→“艺术效果”→“胶片颗粒”命令。 17、执行“图像”→“调整”→“色阶”命令。 18、设置“图层 2”混合模式为“强光”,填充为“10%”。 19、新建图层,使用“椭圆”工具进行绘制。

Photoshop制作精致的灰色圆形质感按钮(10)插图

14、切换到“路径”面板,将路径作为选区载入。


Photoshop制作精致的灰色圆形质感按钮(10)插图(1)

15、返回到“图层”面板,为选区填充黑色,取消选区选择状态。


Photoshop制作精致的灰色圆形质感按钮(10)插图(2)13、新建图层,选择“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(3)

本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。

最终效果


Photoshop制作精致的灰色圆形质感按钮(10)插图(4)


Photoshop制作精致的灰色圆形质感按钮(10)插图(5)1、新建一个大小适当的文档,背景填充灰色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(6)

2、新建图层,选择“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(7)

3、为“形状 1”添加图层样式“投影”效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(8)4、更改“形状 1”的填充为“0%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(9)

5、新建图层,使用“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(10)6、为“形状 2”添加图层样式效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(11)


Photoshop制作精致的灰色圆形质感按钮(10)插图(12)


Photoshop制作精致的灰色圆形质感按钮(10)插图(13)


Photoshop制作精致的灰色圆形质感按钮(10)插图(14)7、复制“形状 2”,重新设置其图层样式。

Photoshop制作精致的灰色圆形质感按钮(10)插图(15)


Photoshop制作精致的灰色圆形质感按钮(10)插图(16)

8、更改“形状 2 副本”的填充为“0%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(17)

9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(18)10、为“图层 1”添加图层样式“渐变叠加”效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(19)


Photoshop制作精致的灰色圆形质感按钮(10)插图(20)

11、新建图层,使用“椭圆”工具绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(21)12、为“形状 3”添加“投影”图层样式并设置。


Photoshop制作精致的灰色圆形质感按钮(10)插图(22)


Photoshop制作精致的灰色圆形质感按钮(10)插图(23)


Photoshop制作精致的灰色圆形质感按钮(10)插图(24)


Photoshop制作精致的灰色圆形质感按钮(10)插图(25)16、执行“滤镜”→“艺术效果”→“胶片颗粒”命令。


Photoshop制作精致的灰色圆形质感按钮(10)插图(26)

17、执行“图像”→“调整”→“色阶”命令。


Photoshop制作精致的灰色圆形质感按钮(10)插图(27)

18、设置“图层 2”混合模式为“强光”,填充为“10%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(28)

19、新建图层,使用“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(29)20、为“形状 4”添加图层样式。


Photoshop制作精致的灰色圆形质感按钮(10)插图(30)


Photoshop制作精致的灰色圆形质感按钮(10)插图(31)

21、新建图层,使用“椭圆选框”工具绘制选区并填充黑色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(32)

22、取消选区选择状态。执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop制作精致的灰色圆形质感按钮(10)插图(33)


Photoshop制作精致的灰色圆形质感按钮(10)插图(34)23、设置“图层 3”的混合模式为“线性减淡(添加)”,填充为“50%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(35)

24、复制“图层 1”,改变“图层 1 副本”的大小并更改其不透明度为“50%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(36)

25、加入一些标志装饰,完成最终效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(4)本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。

最终效果


Photoshop制作精致的灰色圆形质感按钮(10)插图(4)


Photoshop制作精致的灰色圆形质感按钮(10)插图(5) 1、新建一个大小适当的文档,背景填充灰色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(6)

2、新建图层,选择“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(7)

3、为“形状 1”添加图层样式“投影”效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(8) 4、更改“形状 1”的填充为“0%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(9)

5、新建图层,使用“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(10) 6、为“形状 2”添加图层样式效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(11)


Photoshop制作精致的灰色圆形质感按钮(10)插图(12)


Photoshop制作精致的灰色圆形质感按钮(10)插图(13)


Photoshop制作精致的灰色圆形质感按钮(10)插图(14) 7、复制“形状 2”,重新设置其图层样式。


Photoshop制作精致的灰色圆形质感按钮(10)插图(15)


Photoshop制作精致的灰色圆形质感按钮(10)插图(16)

8、更改“形状 2 副本”的填充为“0%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(17)

9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(18) 10、为“图层 1”添加图层样式“渐变叠加”效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(19)


Photoshop制作精致的灰色圆形质感按钮(10)插图(20)

11、新建图层,使用“椭圆”工具绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(21) 12、为“形状 3”添加“投影”图层样式并设置。


Photoshop制作精致的灰色圆形质感按钮(10)插图(22)


Photoshop制作精致的灰色圆形质感按钮(10)插图(23)


Photoshop制作精致的灰色圆形质感按钮(10)插图(24)


Photoshop制作精致的灰色圆形质感按钮(10)插图(25) 13、新建图层,选择“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(3)


Photoshop制作精致的灰色圆形质感按钮(10)插图

14、切换到“路径”面板,将路径作为选区载入。


Photoshop制作精致的灰色圆形质感按钮(10)插图(1)

15、返回到“图层”面板,为选区填充黑色,取消选区选择状态。


Photoshop制作精致的灰色圆形质感按钮(10)插图(2) 16、执行“滤镜”→“艺术效果”→“胶片颗粒”命令。


Photoshop制作精致的灰色圆形质感按钮(10)插图(26)

17、执行“图像”→“调整”→“色阶”命令。


Photoshop制作精致的灰色圆形质感按钮(10)插图(27)

18、设置“图层 2”混合模式为“强光”,填充为“10%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(28)

19、新建图层,使用“椭圆”工具进行绘制。


Photoshop制作精致的灰色圆形质感按钮(10)插图(29) 20、为“形状 4”添加图层样式。


Photoshop制作精致的灰色圆形质感按钮(10)插图(30)


Photoshop制作精致的灰色圆形质感按钮(10)插图(31)

21、新建图层,使用“椭圆选框”工具绘制选区并填充黑色。


Photoshop制作精致的灰色圆形质感按钮(10)插图(32)

22、取消选区选择状态。执行“滤镜”→“渲染”→“镜头光晕”命令。


Photoshop制作精致的灰色圆形质感按钮(10)插图(33)


Photoshop制作精致的灰色圆形质感按钮(10)插图(34) 23、设置“图层 3”的混合模式为“线性减淡(添加)”,填充为“50%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(35)

24、复制“图层 1”,改变“图层 1 副本”的大小并更改其不透明度为“50%”。


Photoshop制作精致的灰色圆形质感按钮(10)插图(36)

25、加入一些标志装饰,完成最终效果。


Photoshop制作精致的灰色圆形质感按钮(10)插图(4)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部