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

Photoshop制作精致的灰色圆形质感按钮(15) 20、为“形状 4”添加图层样式。 21、新建图层,使用“椭圆选框”工具绘制选区并填充黑色。 22、取消选区选择状态。执行“滤…

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

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


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


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


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

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


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

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

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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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

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


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

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


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

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


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


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


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

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


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


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


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


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


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


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

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

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


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

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


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


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

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


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

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


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

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


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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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


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


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


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

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


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

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


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

作者: 791650988

为您推荐