用Photoshop怎样做水晶按钮.doc

《用Photoshop怎样做水晶按钮.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一步首先建立新建文件300px*80px分辨率为72（大小可以自己定根据自己需求）。 第二步利用圆角矩形工具画出圆角矩形（用此工具不用建立新的图层，当你画的时候会自动出现一个新图层），然后此工具的属性里有个半径，该值调为5PX,也可以根据自己的需要调节大小，颜色随意。 第三步1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。分别将外发光、内发光、渐变叠加、描边进行勾选操作。2.先加个渐变，好增加立体感，混合模式为正常模式，颜色选择自己需要的颜色。3.再加了个描边。一个像素就够了，颜色选择黑色，透明一点,透明度为45%。为什么不直接用

2、灰色呢？那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的。灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的。4.现在还差点什么呢？还欠个阴影。那么，我们给它加个阴影吧,，这次的做法是用外发光代替阴影是一样地，混合模式照样是正常，透明度调为40%，颜色选择黑色。这样看上去是不是更有立体感那！5.现在的按钮好像光的质感还不够，再加一个内发光！让它在边缘发光，这样质感就很强。 第四步1.用钢笔工具画出按钮的玻璃质感的高光，记住画之前必须建立新图层哦2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区，在将

3、选区内添加白色（编辑-填充）。填充后将选区去掉（快捷键Ctrl+D）。3.将该图层属性的透明度值改为40%，这样高光就能融入按钮中，看起来很自然，然后再双击该图层，出现了图层样式，选择渐变叠加，混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。 第五步最后用文本工具将你想要的内容打上去，然后给字加上图层样式，选择阴影，调为你想要的效果，让文字也突出些。 最后作品效果图　　　　1.PS下建立一个400*400的图像，背景设置为白色。　　　　2.新建层，使用椭圆选择工具，按住SHIFT拉一个正圆出来，填充白色。　　　　3.

4、对“圆”这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏，大家多发掘吧!这里我用了4种图层样式效果。　　　　　　　　4.做到这一步，就是添加按钮了。新建层，选择“自定义形状工具”，选择你需要的三角形。　　　　　　5.按住shift拉出大小合适的三角形。　　　　6.选择蒙版层，进入路径选项版，建立选区。　　　　7.回到图层选项版，隐藏蒙版层。点选刚才新建立的图层，出现选区填充黑色。　　8.CTRL+T变形这个三角形，按住shift旋转并调整到合适位置。　　　　9.对三角形这个图层加载图层样式。　　　　10.OK大功告成!再

5、试着做个正方形的按钮吧!最终效果图　　　　效果图先看下红色的提交按钮：　　　　第一步：使用圆角矩形制作一个红色的矩形。　　　　第二步：然后我们给该矩形形状添加下面图层样式　　阴影：　　　　内发光　　　　渐变叠加：　　　　描边：　　　　效果如下：　　　　第三步：按住Ctrl单击按钮层选择，使用使用矩形选框工具设置如下。　　　　第四步：使用矩形选框工具把选区移动到左部，如下图所示。　　　　第五步：创建一个新层，然后填充#E1CA57。　　第六步：在新建的层中添加图层样式。　　内发光　　　　渐变叠加　　　　第七步：创建新层，然后放大到1600%，然

6、后使用铅笔工具创建下面图形，很简单的!　　　　现在我们的按钮出现下面的形状了。　　　　第八步：加上文字，在这里我设置的TrebuchetMS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。效果图1.首先新建文件，选择圆角矩形工具，绘制出圆角矩形。如图1。图2.将路径转换为选区，新建图层，使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。图3.取消选区。使用图层样式，给圆角矩形增加内阴影，参数设置如图。如图3。图３4.勾画出如图的选区。如图4。图４5.新建图层，拉出透明到白色渐变。如图5。图５6.新建图层

7、，在矩形左上角勾出如图选区并拉出白色到透明渐变。如图6。图６7.新建图层，使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。如图7。图７8.勾画出如图所示的选区。如图8。图８9.新建图层，拉出白色到透明渐变，并将该层不透明度减低为70%。将所有图层合并（背景层除外），通过色彩平衡来为按钮上色。如图9。图９效果图新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置图1　　新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示）图2　　如果大家得到这样的结果图3　　就需要将“对齐像素”的

8、选项给勾上图4　　为这个图层添加图层样式图5图6图7　　得到结果如图所示，顺便在样式调板中存储着这个样式图8　　使用矩形选框工具，绘制出一个矩形的选区图9　　新建图