WEB开发网
开发学院图形图像PhotoShop Photoshop教程:简单制作漂亮高光流线光效字效果 阅读

Photoshop教程:简单制作漂亮高光流线光效字效果

 2009-05-31 13:41:09 来源:WEB开发网   
核心提示:本文为翻译教程,非本人原创,Photoshop教程:简单制作漂亮高光流线光效字效果,在此感谢原教程作者:Kyle Pero本教程的效果制作方法很简单,主要是图层混合模式以及图层样式的运用,再按住Alt键用鼠标左键按文字向右拖动,得到组1副本2,只是在制作文字效果时需要复制较多的图层,比较繁琐

本文为翻译教程,非本人原创,在此感谢原教程作者:Kyle Pero

本教程的效果制作方法很简单,主要是图层混合模式以及图层样式的运用,只是在制作文字效果时需要复制较多的图层,比较繁琐,但是最终效果却很漂亮,先来看一下最终效果吧。

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

一、新建一个2000*1200像素的新文件,选择渐变工具,拉出一个深灰色(#464646)在下,黑色在上的线性渐变

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

二、创建一个线性渐变填充调整层,载入协调色1,选择暗色调,如下图,你也可以自己设置喜欢的渐变色。

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

设置图层混合模式为颜色,并设置填充为25%。

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

效果如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

三、再次创建一个黑色到透明的径向渐变填充调整层,将黑色不透明度色标设置为30%,如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

样式选择径向,角度90度,缩放150%,如果你的图像是黑色在中间的,请将反向勾选

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

设置不透明度为65%,效果如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

四、设置前景色为黑色,选择文字工具,输入文字,用Ctrl+T调整文字的大小,设置文字层的图层混合模式为滤色,此时文字层将不可见

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

五、双击文字图层,调出图层样式面板,设置外发光,如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

设置描边,如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

现在我们可以看到我们的文字出现如下图的效果

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

六、现在我们开始制作字体的光效,按Ctrl+J复制20个文字层,并选择文字工具改变每一个文字层的字体(尽量选择笔划宽度差不多的字体),隐藏除最初的字体层外的其他文字层,Ctrl+T依次调整每个字体层,将中心点设置在文字的下面,确保每个字的底部在一个水平线上(调整到哪个文字层的时候,别忘了点开图层的眼睛)

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

效果如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

七、选择所有的文字层,按CTrl+G编组,按住Alt键用鼠标左键按住文字拖动到合适位置,得到组1副本,展开组1副本,隐藏除底部的文字层,选择文字工具,在画布上将文字改成S,依次将所有的文字层全部换成s后,再按住Alt键用鼠标左键按文字向右拖动,得到组1副本2,和前面一样将文字层改成D,效果如图

Photoshop教程:简单制作漂亮高光流线光效字效果_www.cncms.com

1 2  下一页

Tags:Photoshop 教程 简单

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接