设计精致的网页灰色圆形金属质感按钮 PS按扭制作教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程入门实例

设计精致的网页灰色圆形金属质感按钮 PS按扭制作教程

PS新手入门学习-技巧   2022-03-04 我要评论
PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮,本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。最终效果

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

1、新建一个大小适当的文档,背景填充灰色。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

4、更改“形状 1”的填充为“0%”。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

6、为“形状 2”添加图层样式效果。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

7、复制“形状 2”,重新设置其图层样式。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

10、为“图层 1”添加图层样式“渐变叠加”效果。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

12、为“形状 3”添加“投影”图层样式并设置。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

23、设置“图层 3”的混合模式为“线性减淡(添加)”,填充为“50%”。

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

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

PS按扭制作教程:设计精致的网页灰色圆形金属质感按钮

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们