Photoshop 样式打造超 Cool 按钮

效果～ 　　　　怎样?Cool吧～下面偶讲详细讲解一下到底怎样才能灵活运用PS的样式功能，并且告诉一些使用技巧给大家参考。　　在开始前，首先要弄清楚，你到底想要用样式做什么。这个很重要，会影响整个作品的效果的。象现在的例子，偶是想做个按钮，对，是一个按钮。　　但，这是一个怎样的按钮呢？玻璃质感？金属质感？塑料的？还是其它材质的。我选择了玻璃质感的，现在流行嘛～好像有点泛滥了，不过，给他多加点东西让他有个性点，不如加个金属边吧～哈哈，那样肯定很Cool呢。　　有了构思，我们可以开始动手拉！　　首先，填充一个浅灰的底，目的是为了突出按钮的高光位置，有其是边缘的。我现在把文字和高光的图层给去掉了，只留下最重要的部分。这个图层，就只有样式，你看到的效果，全都是样式做出来的。看到了吗？都用了那几种样式？　　　　有了基本认识，接下来，新建一个图层，偶先画了一个倒角的方形，偶比较喜欢倒角的，如果你喜欢其它形状，随便画好了。如果你不知道怎么画，请看之前的教程。画好后，随便填个颜色，什么颜色都没关系。双图层，调出图层样式窗口。为了让按钮更明显一些，偶先加了个描边。一个像素就够了，颜色选择黑色，透明一点。为什么不直接用灰色呢？那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的。灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的。

Photoshop 绿色按钮的制作 渐变

制作方面还是非常简单的，运用的工具是photoshop7.0，主要运用了渐变：效果图：　　　　新建一文件，用圆角矩形工具画一个80X30、半径为8的圆角矩形，然后在图层面板里双击该图层（默认的命名为“形状1”），打开图层样式，按照以下设置：　　1、设置渐变叠加：　　　　具体的颜色值为：#66CC33、#3BA51F、#20920E、#177E09，请参照以下设置：　　　　2、描边：　　颜色值为：#006600

Photoshop 简单水晶按钮制作

本文为 http://www.bonesblog.net 原创，转载需注明出处。　　点击这里下载PSD源文件　　效果：　　　　好了，我们开始教程　　新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置　　　　新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示）　　　　如果大家得到这样的结果

Photoshop打造彩色玻璃导航菜单

许多网页元素都可以使用Photoshop来制作完成，今天我们就来学习一下如何用Photoshop来打造质感十足的彩色玻璃按钮，并用按钮组成漂亮的导航菜单，最后再在Photoshop中将导航菜单输出为HTML网页文件。 　　本文以Photoshop CS2中文版为例，其它版本的Photoshop在操作步骤上可能会略有差异。先看一下最终效果。　　　　　　最终效果　　具体操作步骤如下。　　1.启动Photoshop CS2中文版，按Ctrl+N打开“新建”对话框，根据需要稍做设置(大小应该能放得下将来的导航菜单)后，单击“确定”按钮新建一个文档。　　2.单击图层面板下方的“创建新图层”按钮新建一个图层。选择工具箱中的“圆角矩形工具”，在选项栏中将其半径设置为15px，然后在新图层上画一个如图1所示的圆角矩形。　　　　　　图1　　3.现在对上述形状应用如下图层样式。

教你用Photoshop打造动感网页按钮

欢迎进入本教程。　　在开始制作以前你必需要掌握相关的PHOTOSHOP基础知识。希望你能喜欢这个教程。。　　通过本教程，你将学会如何制作一个下图所示的一个动感十足的网页按钮。。　　　　下面我们开始制作。　　首先你需要用钢笔工具作出一个和图中相类似的形状，形状完成后用CTRL+ENTER转换成选区；再随便使用一个颜色填充；在打开双击此图层打开图层样式对话框，勾选渐变叠加做以下设置：　　　　再在其上面建立一个新图层并用链接按钮将它们链接起来，在按CTRL+E将这2个图层合并。（这么做的目的是用一个空的图层与带有图层样式的图层链接合并后，可以把带有图层样式的图层样式效果保留下来。　　如果没有做的话，下面的加深减淡工具在对带有图层样式的图层进行编辑的时候，将看不见加深减淡工具对此图层编辑后的效果。）　　现在在选用工具箱中的减淡工具，选中顶部色设置栏中的喷枪按钮，设置画笔的大小为100PX，范围为中间调。在球体上部区域给球体增加立体效果：

Photoshop 按钮签名的制作

Photoshop 制作Vista风格按钮

Windows Vista发布，趁着这个机会赶赶时髦。这是Vista的黑色任务栏按钮。　　新建一张图，前景色选灰色(作为辅助色，可随意选一种较淡的颜色)，用圆角矩形工具，设置圆角半径为 3 像素，画一个高 30 左右的矩形。　　　　新建图层，用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上，按钮就越显得凸起。然后按住Ctrl+Alt+Shift，单击图层面板中第一步建立的形状图层，以选中按钮的上半部。　　　　选择前景色 rgb(200,200,200)，背景色 rgb(90,90,90)，使用渐变工具由上至下在选区中填充渐变色。　　　　按Ctrl+Shift+I反选，再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层，选择按钮下半部分。　　设置前景色为 rgb(24,24,24)，按Alt+Del填充选区。

Photoshop轻松绘制简洁的绿色网页按钮

先看一下最终效果。　　　　1.新建文件，新建层，使用矩形选区工具如下选择，我选择的大小为60*20像素。　　　　前景色设置为#afee00 ，背景色设置为： #3b9d00，使用渐变工具从选区的上方拉到中央进行填充：　　　　将前景色和背景色设置回黑色和白色，新建层，双击新层，对描边选项进行如下设置：　　　　层类型更改为覆盖，透明度设置为40%。　　3.新建层，创建如下选区：

跟我学，用Photoshop打造Vista风格按钮

1 效果如图　　　　2 新建画布，大小随意，然后新建圆角矩形图形，如图所示　　　　3 圆角矩形属性　　　　4 画一个吧，高 宽自定　　　　5 接下来要出玻璃效果就是靠图层属性设置，选择蒙板图层右键混合属性　　描边设置

Photoshop制作流行红色网页提交按钮

在好多网站上都看到过这种按钮，比较流行啊！今天教大家如何利用Photoshop简单制作一个红色按钮。　　先看下红色的提交按钮：　　　　第一步：使用圆角矩形制作一个红色的矩形。　　　　第二步：然后我们给该矩形形状添加下面图层样式　　阴影：　　　　内发光