网页中按钮的介绍(网页按钮的作用)

本文主要介绍网页中的按钮介绍(网页按钮的)，下面跟着东辰网详细了解一下吧。

使用混合模式和遮罩效果制作网页按钮

打开photoshop，创建一个新的空白文档。

为了不使白色背景看起来乏味，添加一个渐变叠加效果。渐变颜色为#f3f3f3到#c6c6c6。

选择圆角矩形工具创建按钮的主要形状，半径为5px。

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

现在让按钮从背景中突出来，并在深蓝色(#0b225)中添加一个1px的笔画。

为了增加按钮的立体感，加入了1像素的内部灯。颜色为白色(#FFFF)，不透明度降低到30%。

现在给按钮添加噪波，新建一个图层，按ctrl图层蒙版缩略图，选择油漆桶工具，填充黑色(#00000)。按ctrl+d取消选择。

选择滤镜噪波添加噪波，数量为33%。

设置图层混合模式为滤色器，不透明度为15%。

新建一个图层，按ctrl图层蒙版缩略图，选择油漆桶工具，填充白色(#FFFFF)。按ctrl+d取消选择。

现在开始创建漂亮的灯光效果，选择矩形工具，选择按钮的一半。按delete键删除选区，设置图层不透明度不为10%。

现在给文字添加雕刻效果最简单的方法就是复制文字层(ctr)，然后移动复制到原文字层下面。添加深色叠加色。右键单击混合选项混合覆盖颜色#124d89。分别向上和向左移动1px。

选择自定义形状工具，绘制放大镜，应用前面的方法制作雕刻效果。

设置按钮高亮效果。创建一个新组，命名为光效与照明，并将混合模式设置为褪色。按ctrl键图层蒙版缩略图。选择大小为80px，硬度为0的笔刷工具，给按钮添加高光。

使用混合模式和遮罩效果制作网页按钮

打开photoshop，创建一个新的空白文档。

为了不使白色背景看起来乏味，添加一个渐变叠加效果。渐变颜色为#f3f3f3到#c6c6c6。

选择圆角矩形工具创建按钮的主要形状，半径为5px。

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

现在让按钮从背景中突出来，并在深蓝色(#0b225)中添加一个1px的笔画。

为了增加按钮的立体感，加入了1像素的内部灯。颜色为白色(#FFFF)，不透明度降低到30%。

现在添加噪声的关键，创建一个新的层，并按ctr。图层蒙版的缩略图。选择油漆桶工具，填充黑色(#00000)。按ctrl+d取消选择。

选择滤镜噪波添加噪波，数量为33%。

设置图层混合模式为滤色器，不透明度为15%。

新建一个图层，按ctrl图层蒙版缩略图，选择油漆桶工具，填充白色(#FFFFF)。按ctrl+d取消选择。

现在开始创建漂亮的灯光效果，选择矩形工具，选择按钮的一半。按delete键删除选区，设置图层不透明度不为10%。

现在给文字添加雕刻效果最简单的方法就是复制文字层(ctr)，然后移动复制到原文字层下面。添加深色叠加色。右键单击混合选项混合覆盖颜色#124d89。分别向上和向左移动1px。

选择自定义形状工具，绘制放大镜，应用前面的方法制作雕刻效果。

设置按钮高亮效果。创建一个新组，命名为光效与照明，并将混合模式设置为褪色。按ctrl键图层蒙版缩略图。选择大小为80px，硬度为0的笔刷工具，给按钮添加高光。

了解更多网页中的按钮介绍(网页按钮的功)相关内容请关注东辰网。