用ps制作关于我们按钮(6)

本教程介绍如何用photoshop的圆角矩形和图层样式制作网站常见的关于我们按钮,先看效果图。 新建文档830×470像素,背景白色,建新层,填充黑色,添加图层样式。 效果如下。 建新层,画一白色矩形。 添加图层样式。

Photoshop教程:制作常用高光按钮(3)

6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。 图12 图13 7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。 图14 图15

本教程介绍如何用photoshop的圆角矩形和图层样式制作网站常见的关于我们按钮,先看效果图。

用ps制作关于我们按钮(6)插图

新建文档830×470像素,背景白色,建新层,填充黑色,添加图层样式。

用ps制作关于我们按钮(6)插图(1)

效果如下。

用ps制作关于我们按钮(6)插图(2)

建新层,画一白色矩形。

用ps制作关于我们按钮(6)插图(3)

添加图层样式。

用ps制作关于我们按钮(6)插图(4)

用ps制作关于我们按钮(6)插图(5)

效果如下。

用ps制作关于我们按钮(6)插图(6)

建新层,调出这个长方形的选区,填充黑色,添加蒙版用大口径黑色柔角笔刷涂抹,不透明度90%,填充60%左右。

用ps制作关于我们按钮(6)插图(7)

底部建新层,画一白色圆角矩形。

用ps制作关于我们按钮(6)插图(8)

添加图层样式。

用ps制作关于我们按钮(6)插图(9)

用ps制作关于我们按钮(6)插图(10)

复制一个到另一侧,效果如下。

用ps制作关于我们按钮(6)插图(11)

导入白色小手图标,输入黑色文字,最终效果如下。

用ps制作关于我们按钮(6)插图

本教程介绍如何用photoshop的圆角矩形和图层样式制作网站常见的关于我们按钮,先看效果图。

用ps制作关于我们按钮(6)插图

新建文档830×470像素,背景白色,建新层,填充黑色,添加图层样式。

用ps制作关于我们按钮(6)插图(1)

效果如下。

用ps制作关于我们按钮(6)插图(2)

建新层,画一白色矩形。

用ps制作关于我们按钮(6)插图(3)

添加图层样式。

用ps制作关于我们按钮(6)插图(4)

用ps制作关于我们按钮(6)插图(5)

效果如下。

用ps制作关于我们按钮(6)插图(6)

建新层,调出这个长方形的选区,填充黑色,添加蒙版用大口径黑色柔角笔刷涂抹,不透明度90%,填充60%左右。

用ps制作关于我们按钮(6)插图(7)

底部建新层,画一白色圆角矩形。

用ps制作关于我们按钮(6)插图(8)

添加图层样式。

用ps制作关于我们按钮(6)插图(9)

用ps制作关于我们按钮(6)插图(10)

复制一个到另一侧,效果如下。

用ps制作关于我们按钮(6)插图(11)

导入白色小手图标,输入黑色文字,最终效果如下。

用ps制作关于我们按钮(6)插图

本教程介绍如何用photoshop的圆角矩形和图层样式制作网站常见的关于我们按钮,先看效果图。

用ps制作关于我们按钮(6)插图

新建文档830×470像素,背景白色,建新层,填充黑色,添加图层样式。

用ps制作关于我们按钮(6)插图(1)

效果如下。

用ps制作关于我们按钮(6)插图(2)

建新层,画一白色矩形。

用ps制作关于我们按钮(6)插图(3)

添加图层样式。

用ps制作关于我们按钮(6)插图(4)

用ps制作关于我们按钮(6)插图(5)

效果如下。

用ps制作关于我们按钮(6)插图(6)

建新层,调出这个长方形的选区,填充黑色,添加蒙版用大口径黑色柔角笔刷涂抹,不透明度90%,填充60%左右。

用ps制作关于我们按钮(6)插图(7)

底部建新层,画一白色圆角矩形。

用ps制作关于我们按钮(6)插图(8)

添加图层样式。

用ps制作关于我们按钮(6)插图(9)

用ps制作关于我们按钮(6)插图(10)

复制一个到另一侧,效果如下。

用ps制作关于我们按钮(6)插图(11)

导入白色小手图标,输入黑色文字,最终效果如下。

用ps制作关于我们按钮(6)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部