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

PS打造绿色质感玻璃按钮

2019/1/4 23:16:47 人评论

这篇教程教优图宝的朋友们用PS打造绿色质感玻璃按钮,教程难度不大,制作的按钮挺漂亮的,质感也很强。其实质感都是用渐变来表现的,就看我们对色彩的控制。好了,先来看看最终的效果图吧: UtoBao编注:更多PS教程讨 ...

这篇教程教优图宝的朋友们用PS打造绿色质感玻璃按钮,教程难度不大,制作的按钮挺漂亮的,质感也很强。其实质感都是用渐变来表现的,就看我们对色彩的控制。好了,先来看看最终的效果图吧:

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

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

具体的制作步骤如下:

新建文档930x580像素,背景白色,建新层,用自定义形状工具画一个圆角矩形和一个正圆,颜色黑色。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

添加图层样式。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

效果如下。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

建新层,再画出下图所示图形,颜色白色,添加蒙版,黑白直线渐变。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

效果如下。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,画一黑色圆角矩形。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

添加图层样式。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,调出这个圆角矩形的选区,填充白色,用钢笔做如下选区,反选删除,添加蒙版,黑白直线渐变,图层模式叠加,不透明度70%,

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

输入白色文字shopping cart,英文购物车的意思,添加投影和渐变叠加样式,这里不截图了,大家自己设置,相信大家的智慧。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

建新层,画一个小些的正圆,添加的样式同第一步。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,画一个黑色正圆。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

添加图层样式。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

效果如下。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,用椭圆工具画一个正圆,然后把选区右上方向挪几像素,删除,图层模式叠加。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,画一白色椭圆,添加蒙版黑白直线渐变,不透明度77%。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

建新层,用白色柔角笔刷点一下,图层模式叠加。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,画一个白色长方形,复制4个,ctrl+T变形。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

高斯模糊0.6像素。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

建新层,加入购物车图标,添加投影(设置不截图了)

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

添加一些阴影,最终效果如下。

PS打造绿色质感玻璃按钮 优图宝网 PS入门实例教程

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

相关资讯

    暂无相关的数据...