用ps制作web2.0黑色按钮

本教程介绍如何用photoshop制作一个web2.0质感黑色按钮,主要用到了自定义形状工具的圆角矩形和图层样式,先看效果图。 新建文档250×150像素,背景白色,建新层,画一个黑色圆角矩形。 添加描边样式。 建新层,做一矩形选区,填充白色,图层不透明度25%,与形状1层形成剪贴

Photoshop设计清爽风格的黑色网页按钮

作者:zixuan_gzs翻译 出处:中国教程网 本教程主要用Photoshop制作漂亮的黑色按钮效果,此类效果广泛运用在网页美工设计中,本文让我们一起来学习网页按钮的技巧,练习的过程中自由发挥,多改变下参数的设置,你会得到更多意想不到的效果哈. 效果图: 1:新建一个600*600的文件 2

本教程介绍如何用photoshop制作一个web2.0质感黑色按钮,主要用到了自定义形状工具的圆角矩形和图层样式,先看效果图。

用ps制作web2.0黑色按钮插图

新建文档250×150像素,背景白色,建新层,画一个黑色圆角矩形。

用ps制作web2.0黑色按钮插图(1)

添加描边样式。

用ps制作web2.0黑色按钮插图(2)

建新层,做一矩形选区,填充白色,图层不透明度25%,与形状1层形成剪贴蒙版。

用ps制作web2.0黑色按钮插图(3)

点击红框内的图标,新建图案填充调整层,选择下图所示的图案。

用ps制作web2.0黑色按钮插图(4)

形成剪贴蒙版,图层不透明度10%左右。

用ps制作web2.0黑色按钮插图(5)

合并除背景之外的所有层,复制一个,ctrl+T垂直翻转,位置如下。

用ps制作web2.0黑色按钮插图(6)

添加图层样式。

用ps制作web2.0黑色按钮插图(7)

图层不透明度50%,输入白色文字,最终效果如下。

用ps制作web2.0黑色按钮插图

本教程介绍如何用photoshop制作一个web2.0质感黑色按钮,主要用到了自定义形状工具的圆角矩形和图层样式,先看效果图。

用ps制作web2.0黑色按钮插图

新建文档250×150像素,背景白色,建新层,画一个黑色圆角矩形。

用ps制作web2.0黑色按钮插图(1)

添加描边样式。

用ps制作web2.0黑色按钮插图(2)

建新层,做一矩形选区,填充白色,图层不透明度25%,与形状1层形成剪贴蒙版。

用ps制作web2.0黑色按钮插图(3)

点击红框内的图标,新建图案填充调整层,选择下图所示的图案。

用ps制作web2.0黑色按钮插图(4)

形成剪贴蒙版,图层不透明度10%左右。

用ps制作web2.0黑色按钮插图(5)

合并除背景之外的所有层,复制一个,ctrl+T垂直翻转,位置如下。

用ps制作web2.0黑色按钮插图(6)

添加图层样式。

用ps制作web2.0黑色按钮插图(7)

图层不透明度50%,输入白色文字,最终效果如下。

用ps制作web2.0黑色按钮插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部