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

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

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

20、为“形状 4”添加图层样式。 21、新建图层,使用“椭圆选框”工具绘制选区并填充黑色。 22、取消选区选择状态。执行“滤镜”→“渲染”→“镜头光晕”命令。

16、执行“滤镜”→“艺术效果”→“胶片颗粒”命令。


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

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


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

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


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

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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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

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


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

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


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

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


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


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


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

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


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


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


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


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


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


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

20、为“形状 4”添加图层样式。


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


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

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


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

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

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


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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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


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


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


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

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


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

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


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

作者: 791650988

为您推荐