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

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

ps设计扁平投影效果按钮(2)

第四步 输入字符 这次,选择圆角的任何字符。选择你喜欢的字体就行了, 双击文字,打开图层样式窗口。 选择颜色叠加,色值为:#D8EFFF 下一步,选择内阴影,数据如图。记得不勾选使用全局光。 成品外观这样子也不错

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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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


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


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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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

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


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

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


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

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


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


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


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

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


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


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


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


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


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


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

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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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

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


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


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

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


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

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


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

最终效果


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


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


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

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


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

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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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


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

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


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


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


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


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


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


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


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

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


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

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


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


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

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


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

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


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

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


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


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


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

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


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

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


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


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


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

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


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

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


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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部