PS制作按钮上的光效文字效果教程

10/11/2015来源:Photoshop教程人气:3381

  几个星期前,我写了一篇关于如何制作时尚金属按钮的教程,在那个教程的结尾,我展示了一个灯光效果的按钮,很多人想知道这是怎么做到的

  在本教程中,或者说在这个快速提示中(因为这个教程只是基于上周的教程的),我将教大家如何制作一个简单的灯光效果按钮,只用到图层样式,混合模式,

  和模糊滤镜。

  链接:PS简单制作环形金属质感效果Logo图标按钮教程

  效果图:

按此在新窗口浏览图片
按此在新窗口浏览图片

  第1步

  打开上一个教程中我们制作后的PSD文件,隐藏中间的Logo,这样我们才可以在中间制作一个灯光效果。

按此在新窗口浏览图片

  第2步

  输入你喜欢的文字,我用的是"start",颜色不重要,因为我们最后还会用图层样式制作效果

按此在新窗口浏览图片

  第3步

  打开图层样式,选择颜色叠加,使用颜色 #5ba0c8

按此在新窗口浏览图片

  第4步

  选择内发光,混合模式为颜色简单,不透明度为65%,颜色为白色,源为中心,其他设置如下

按此在新窗口浏览图片

  第5步

  选择外发光,混合模式为滤色,不透明度为42%,颜色#33b5ff,其他设置如下

按此在新窗口浏览图片

  第6步

  选择内阴影,颜色为黑色,混合模式为颜色加深,不透明度76%

按此在新窗口浏览图片

  第7步

  下面的步骤非常重要,创建扫描线的效果,要做到这一点,非常简单,新建一个文件,10像素宽度,2像素高度,然后再其中创建一个10X1的黑色矩形,

  你会看到一半黑色矩形,一半白色矩形。之后点击编辑>定义图案

按此在新窗口浏览图片

  第8步

  创建新的图层,用刚刚定义的图案填充图层,得到上图的效果,然后选择文字的选取,用图层蒙版,使得扫描线显示在文字的选取中

按此在新窗口浏览图片

  第9步

  改变混合模式为叠加,得到如下的效果

按此在新窗口浏览图片

  第10步

  复制文本层,滤镜>模糊>高斯模糊,半径为10,将复制后的层归为一组,改变混合模式为,柔光

按此在新窗口浏览图片

  结论

  你可以合并所有的图层,并再复制两份,并对复制出来的两份都使用高斯模糊,下方的一个图层,改变混合模式为叠加,上面的一个选择混合模式为滤色

按此在新窗口浏览图片

  链接:PS简单制作环形金属质感效果Logo图标按钮教程