ayiyo 发表于 2011 年 2 月 7 日 08:08:09

PS教程：如何制作一个简单吸引人的按钮


本帖最后由 小Z1122 于 2011-1-26 11:35 编辑
让我们一起来看看这个教程吧。 　　http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659615262.jpg
效果图
　　Step 1
　　我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px。 　　http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659633495.jpg
图01
　　Step 2
　　为了填补你的背景，选择渐变工具（G）的渐变编辑器打开了，并输入您的颜色值按下面的图像。 　　http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659639950.jpg
图02　　http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659631814.jpg
图03
　　Step 3
　　让我们创造了我们的按钮的机构。 使用圆角矩形工具（U），现在只是创造了约320 × 95px，对5px半径和填充任何颜色（它的矩形，由于我们将添加一个渐变叠加）。 　http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659631327.jpg
图04
　　我们将加强它如何给予它一些图层样式外观。 首先，套用阴影。
                                                                  http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659649480.jpg
图05内发光效果…http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659645796.jpg
图06
　　斜面和浮雕… http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659646348.jpg
图07
　　最后，一个渐变叠加。
                                                                      http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659655602.jpg
图08
　　Step 4
　　现在，让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具（U）。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659651243.jpg
图09
　　继续下去，并给它一些图层样式。 下面的图片以供参考使用。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659658586.jpg
图10为了确保它的垂直和对齐，选择这两个层次，其中包含按钮和箭头机构（概括地讲，我们只有两个层迄今）和对齐单击控制条垂直中心。http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659662708.jpg
图11
　　创建一个小的矩形，如在下面的图片1（）。然后转到“编辑>变换>斜交>V：30。
                                                                                  http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659669930.jpg
图12
　　给它同样的图层样式。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659667755.jpg                                                                                                                                 图13
　　Step 5
　　使用自定义形状工具（U）创建一个约30 ×箭头。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659667912.jpg
图14
　　给它一些图层样式根据下面的图像。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659678613.jpg
图15Step 6
　　让我们创造我们的分离。 使用椭圆选框工具（M），创建一个类似下面的选择。 设置你的前景色黑色（＃000000），然后单击转移+ Backspace键得到填补。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659671654.jpg
图16
　　为了使它看起来有点模糊。 滤器”>模糊“高斯模糊 – 半径：3.0px。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659678483.jpg图17
　　请在它的左边部分的选择（见下面的参考）图像，然后按下删除。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659686869.jpg
图18
　　减少这层不透明度为：50％。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659681282.jpg
图19
　　打开你的渐变编辑器并设置颜色值按下面的图像。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659688618.jpg
图20在选择分离器的层上添加单击图层蒙板。 然后拖动与梯度（我们刚刚成立的顶部）上下。http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659685397.jpg
图21
　　Step 7
　　创建另一个在左侧的三维形状，使用上面我们已经解释过相同的技术。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659684052.jpg图22

　　Step 8
　　输入字体 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659697433.jpg
图23
　　应用一些图层样式给它。 Use the image below for reference.下面的图片以供参考使用。 http://www.jgwy.net/data/attachment/forum/darqi/2011-02-07/jgwy_12970659699166.jpg
图24

ninor 发表于 2011 年 2 月 16 日 21:42:17

不错的效果 收藏吧
页: [1]
查看完整版本: PS教程：如何制作一个简单吸引人的按钮