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

本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 副标题 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1

高光按钮制作教程

新建文档,300×300像素,填充背景黑色。 画一正圆,填充#454401,用减淡工具提亮底部。 建新层,画4个矩形填充白色,ctrl+T变换一下,图层模式叠加。然后ctrl+J复制一层,ctrl+T右击水平翻转,挪到左侧。 建新层,画一个正圆,填充#6F6D00,图层模式滤色,不透明度50%。

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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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

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


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

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


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

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


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


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


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

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


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


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


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


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


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


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

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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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

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


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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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


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


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


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

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


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

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


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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部