当前位置: 首页 > 优图知识库  > PS教程 > ps实例教程

Photoshop制作质感按钮

2019/1/4 23:17:00 人评论

这篇教程教优图宝的朋友们用Photoshop制作质感按钮,教程属于入门级别的UI制作教程。制作的按钮很精致。难度中等。转发过来和优图宝刚刚开始学习PS的朋友们一起学习了。 ...

这篇教程教优图宝的朋友们用Photoshop制作质感按钮,教程属于入门级别的UI制作教程。制作的按钮很精致。难度中等。转发过来和优图宝的朋友们一起学习了。先来看看效果图:

Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程

具体的制作步骤如下:

1、新建一个大小适当的文档,背景填充灰色。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 2、新建图层,选择“椭圆”工具进行绘制。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 _ueditor_page_break_tag_3、为“形状 1”添加图层样式“投影”效果。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 4、更改“形状 1”的填充为“0%”。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 5、新建图层,使用“椭圆”工具进行绘制。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 6、为“形状 2”添加图层样式效果。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 _ueditor_page_break_tag_Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 7、复制“形状 2”,重新设置其图层样式。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 8、更改“形状 2 副本”的填充为“0%”。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 10、为“图层 1”添加图层样式“渐变叠加”效果。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 _ueditor_page_break_tag_11、新建图层,使用“椭圆”工具绘制。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 12、为“形状 3”添加“投影”图层样式并设置。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 13、新建图层,选择“椭圆”工具进行绘制。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 _ueditor_page_break_tag_14、切换到“路径”面板,将路径作为选区载入。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 15、返回到“图层”面板,为选区填充黑色,取消选区选择状态。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 16、执行“滤镜”→“艺术效果”→“胶片颗粒”命令。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 17、执行“图像”→“调整”→“色阶”命令。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 18、设置“图层 2”混合模式为“强光”,填充为“10%”。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 19、新建图层,使用“椭圆”工具进行绘制。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 20、为“形状 4”添加图层样式。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 _ueditor_page_break_tag_Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 21、新建图层,使用“椭圆选框”工具绘制选区并填充黑色。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 22、取消选区选择状态。执行“滤镜”→“渲染”→“镜头光晕”命令。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 23、设置“图层 3”的混合模式为“线性减淡(添加)”,填充为“50%”。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 24、复制“图层 1”,改变“图层 1 副本”的大小并更改其不透明度为“50%”。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程 25、加入一些标志装饰,完成最终效果。 Photoshop制作质感按钮 优图宝网 photoshop按钮制作教程

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

相关资讯

    暂无相关的数据...