PS五种水晶按钮制作教程集合.doc

圆形水晶按钮制作教程1.新建文件，宽、高都为5，单位cm，分辨率200，模式为RGB，白色背景 2.用圆形选框工具画出圆形选框，在选区点鼠标右键，选“通过拷贝的图层〞项〔图层1〕 3.新建图层〔图层2〕，使用渐变工具，设置成“前景色到透明渐变〞，前景色设置为R：255，拉出如图渐变 4.新建图层〔图层3〕，在新图层上用喷笔画出阴影〔也可填充颜色，然后用椭圆选区羽化后删除，但是那样效果没有用喷笔来得自然好看，小魔星就不在此赘述：P〕 5.新建图层〔图层4〕，在新图层上画出椭圆选区 6.在图层4上使用渐变工具，前景色设置为R：255；G：255；B：255 7.新建图层〔图层5〕，使用钢笔工具任意画一个图形 8.在路径工作区中点选“将路径作为选区载入〞，将钢笔路径转换成选区 9.填充前景色 10.将图层5拉至图层4之下 11.图层属性设置为“叠加〞 12.把工作区换到图层1〔通过拷贝的白色圆形〕，双击图层，跳出图层样式框，参数设置如图 13.现在就是大功告成拉~~哈哈哈~~~如果想再做其他颜色的水晶按钮不必再一个个重复做~只要点ctrl+U调整色相就OK了：〕 金属边框按钮一.背景的制作:1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色用黑白圆形渐变绘制如<图2>所示渐变 <图1> <图2>2.选择滤镜 > 杂色> 添加杂色 数值如 <图3> 所示  <图3>3.选择滤镜 > 艺术效果 > 底纹效果 数值如 <图4> 所示 <图4>背景效果图如图5(第一步大功告成): <图5> 一.水晶部分的制作: 1.新建一个图层命名为“水晶--底1〞，按 Ctrl + R 调出标尺 拉两条如下图参照线，以参照线的交点为圆心，用椭圆选取工具 按住 ALT + Shift 绘制 图6 所示的正圆。

 <图6>2.按 Ctrl + ’ 隐藏参照线，选择渐变工具在“水晶--底1〞这层绘制渐变，渐变颜色：黑白渐变，渐变方式：放射性渐变，渐变路线：由选区的左上角 按住 Shift 向右下方渐变 如图7 <图7>3.按 Ctrl + D 取消选区 渐变的效果如 图8 <图8>4.双击图层“水晶--底1〞调出 图层样式 分别选择描边和投影 相关参数如 图9 图10 效果如 图11 <图9><图10>5.用椭圆选取工具在刚绘制圆形上绘制如图12所示的椭圆，按 Ctrl + Alt + D 羽化，数值为25，再按 Ctrl + M 把所选的区域调成高光如图13  <图12><图13>6.按Ctrl + D 取消选区，在“水晶--底1〞上面新建一层命名为：“水晶--底2〞,再按 Ctrl + ’ 调出参照线，然后用椭圆选取工具绘制图14所示的正圆<图14>7.用渐变工具绘制渐变：渐变颜色：黑白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角 按住 Shift 向左上角方渐变 渐变效果如图15<图15>8.不要取消选区，在图层“水晶--底2〞上再新建一层命名为：“水晶--底3〞，选择：选择 > 修改 > 收缩 数值为：3 如图16。

<图15><图16>9.在图层“水晶--底3〞绘制渐变：渐变颜色：深绿〔R:0 G:63 B:41〕白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角 按住 Shift 向左上角方渐变 按 Ctrl + ’ 取消参照线 渐变效果如图17<图17>10.双击“水晶--底3〞调出图层样式，选择描边，数值为1，颜色为黑色，透明度为25%，在“水晶--底3〞上面新建一层命名为：“水晶--阴影〞 调出“水晶--底3〞的选区，〔方法：用鼠标点击图18红色部分位置，下同〕填充黑色<图18>11.选择菜单：选择 > 修改 > 收缩 数值为：3 再按Ctrl + Alt + D 羽化，数值为5，按删除键删掉选择部分，取消选区〔按 Ctrl+D〕效果如图19<图19>12.在“水晶--阴影〞上新建一层命名为“水晶--发光〞调出“水晶--底3〞的选区〔方法参照第9步下同〕，填充白色，选择菜单：选择 > 修改 > 收缩 数值为：3，再按Delete 删除中心部分如图20<图20>13.选择橡皮工具，设置如图21，把白圈的部分地方擦除，效果如图22<图21><图22>14.在“水晶--阴影〞上新建一层命名为“水晶--底高光〞调出“水晶--底3〞的选区〔方法参照第9步下同〕，用椭圆选取工具按住ALT键，在选区切出如图23所示的选区，按 Ctrl + Alt + D 羽化数值为3，再填充白色，取消选区，把图层的透明度调为30% 如图24。

<图23><图24>15.在“水晶--底高光〞上新建一层命名为“水晶--大光圈〞，按Ctrl + ’ 调出参照线，在中心绘制一个正圆填充白色，取消选区，把这层的透明度调为10% 效果如图25<图25>16.在“水晶--大光圈〞上新建一层命名为“水晶--顶高光〞，按Ctrl + ’ 调出参照线，在中心绘制一个正圆填充白色，取消选区，再添加蒙版如图26<图26>17.选择黑白渐变，方向：从上到下渐变，效果如图27<图27>18.在“水晶--大光圈〞上新建一层命名为：“水晶--底高光1〞，调出“水晶--底3〞的选区，选择菜单：选择 > 修改 > 收缩 数值为：4,再用椭圆选区工具 按住 ALT 键切出图28所示的选区，然后填充白色<图28>19.取消选区，用钢笔工具把尖角的地方勾出圆角,按Ctrl + Enter 调出选区再按 Delete 删除选区部分如图29,30<图29><图30>20.取消选区，添加蒙版，用黑白渐变按图31所示方向渐变<图31>21.在“水晶--底高光1〞上新建一层命名为：“水晶--底高光2〞,用椭圆选取工具绘制一个小椭圆，填充白色如图32所示，再按 Ctrl + T 调出变形工具，把椭圆略向上倾斜,按 Enter 键应用变形如图33所示。

<图32><图33>22.在“水晶--底高光2〞上新建一层命名为：“水晶--顶反光1〞,用钢笔工具绘制如图34所示的图形，按Ctrl + Enter 调出选区，再填充白色，然后按 Ctrl + D 取消选区<图34>23.添加蒙版，用黑白渐变按图35所示方向渐变<图35>24.在“水晶--顶反光1〞上新建一层命名为：“水晶--顶反光2〞,用椭圆选取工具绘制一个小椭圆，填充白色,再按 Ctrl + T 调出变形工具，把椭圆略向上倾斜，按一下Enter 键，再把这层的透明度调为60，如图36所示<图36>25.按 Ctrl + J 把“水晶--顶反光2〞复制一层命名为“水晶--顶反光2top〞,再回到“水晶--顶反光2〞这层，选择菜单：滤镜 > 模糊 > 高斯模糊 数值为3.5 效果如图37<图37>26.到这一步为止水晶部分的效果就算完成了，不过有些不满意的地方，我们自己可以适当的再调整一下，尽量让自己满意<图38>二.文字部分的制作: 1.在图层的最上面新建一个图层用文字工具打上"68ps"几个字如图39<图39>2.双击图层，调出图层样式依次进行：投影、外发光、斜面和浮雕及描边的设置，设置参数如下列图。

<投影><外发光><斜面浮雕><描边><效果>3.删格化图层，并锁定图层，具体设置如图<图40>4.选择渐变工具设置如图41，渐变方向如图42<图41><图42>5.用喷枪工具，压力为20%左右，适当的用黑色和白色喷出文字的暗光和高光，整体效果如图43<图43>最后给整个按钮制作一点小装饰，最终效果就做好了！最终效果 方形水晶按钮1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了 4.这是是具体的简便颜色设置 5.给上边的矩形添加样式 6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下列图 7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下列图效果 8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影 9.加上文字 10.最后添加一个色相饱和度可以调成自己喜爱的颜色 最终效果图1、首先，填充一个浅灰的底，目的是为了突出按钮的高光位置，有其是边缘的我现在把文字和高光的图层给去掉了，只留下最重要的部分。

这个图层，就只有样式，你看到的效果，全都是样式做出来的看到了吗？都用了那几种样式？ PS制作水晶长形按钮2、有了基本认识，接下来，新建一个图层，偶先画了一个倒角的方形，偶比较喜欢倒角的，如果你喜欢其它形状，随便画好了如果你不知道怎么画，请看之前的教程画好后，随便填个颜色，什么颜色都没关系双图层，调出图层样式窗口为了让按钮更明显一些，偶先加了个描边一个像素就够了，颜色选择黑色，透明一点为什么不直接用灰色呢？那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的 PS制作水晶长形按钮3、有了描边，再加个渐变，好增加立体感，看看，怎么是正片叠加的？其实，你也可以用正常模式的，但为什么偶要选择正片叠加？先买个关子，等一下再告诉你吧～现在先选择好你喜欢的颜色先拉！加了颜色后，先不急着调整， 留待其它效果添加了再调整会容易很多的 PS制作水晶长形按钮4、现在还差点什么呢？阿，对了，还欠个阴影那么，我们给他加个阴影吧～看偶的！夷？为什么不用阴影，而用外发光呢？怎么混和模式又不是正常的呢？呵，别急，下一步告诉你为什么 先选好黑色的发光，表示阴影吧～PS制作水晶长形按钮5、好拉，现在看看效果怎样？在一个阴影的基础上，就仅仅是多了一条白色的线，但就因为这条小线，令按钮突出来了，细节的东西，可不要忽略了阿。

当你发觉你做的东西不对劲的时候，要考虑一下，是否有某些细节给忽略了PS制作水晶长形按钮6、但现在的按钮好像光的质感还不够，我再加一个发光！让他在边缘发光，这个也就只是一些细节，当然，你可能不会一下子发现，你可以在到制作到后期的时候添加和修改也行的PS制作水晶长形按钮7、加了个发光，效果好了点，但现在虽然有了金属包边的感觉，但还是觉得平凡了点哈，加个斜线也是个流行的做法阿！关于斜线的制作，看这里dispbbs.asp"BoardID=3&ID=188958不要再问偶了但你加了斜纹后，可能会看不到？为什么？。