趣味创意馆

位置:首页 > 创意空间 > 设计教程

CS3版本制作火焰线框字

说明:本文以PhotoshopCS3版本为例进行讲解,其他版本(6.0以上)操作上或许存在一点小小的差别。

最终效果

CS3版本制作火焰线框字

值得注意的是,由于Photoshop云彩滤镜生成的效果是随机的,所以即使是使用同一方法,每次制作出来的效果都会不尽相同。好了,下面我们来介绍具体的实现方法:

1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档,背景色不限。做为示例,我们这里仅设置为450×338像素。图像像素设置得越高,也就越容易得到更多的图像细节。

CS3版本制作火焰线框字 第2张

<图1>

2、点击图层面板底部的“创建新图层”按钮,新增一个图层,选择油漆桶工具,使用白色填充。然后选择字体工具,在字体面板中选择字体、字号,输入文本。当然,也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例,字体为ArialBlack,字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。

CS3版本制作火焰线框字 第3张

<图2>

3、选中“HOT”文字图层,右击该文字图层,从弹出的右键菜单中选择“栅格化图层”,将矢量图层文字栅格化为像素图像。接着再次右击该图层,从弹出的菜单中选择“向下合并”,将文字图层与下方的白色填充图层合并,重命名图层为“文字”,并点击图层前的“眼睛”图标,隐藏该图层。

CS3版本制作火焰线框字 第4张

<图3>

4、选中背景图层,点击图层面板底部的“创建新组”按钮,新建一个图层组并命名为“效果一”。再选中“效果一”图层组,点击“创建新图层”按钮,“效果一”图层组下新建一个图层,命名为“云彩”,并选中该图层。现在将调色板前景色设置为白色、背景色设置为黑色。从菜单中选择“滤镜>渲染>云彩”,得到一个随机的云彩效果。

CS3版本制作火焰线框字 第5张

<图4>

5、接着从菜单中选择“滤镜>渲染>分层云彩”,对“云彩”图层应用该滤镜,并按快捷键Ctrl+F,重复多次使用该滤镜。具体使用多少次随个人的喜好而定,直到获得满意的效果为止。下图是应用4次“分层云彩”后的效果:

CS3版本制作火焰线框字 第6张

<图5>

6、现在将“文字”图层拖到图层面板底部的“创建新图层”按钮上,复制该图层,并将复制图层拖到“效果一”图层组,位于“云彩”图层之上,同时点击眼睛图标,使该图层可见。接下来再对该图层进行模糊处理。从菜单中选择“滤镜>模糊>高斯模糊”。模糊半径的数值视需要而定,值越大,最终的文字(或图案)效果也越趋于模糊。这里将值设置为8。

CS3版本制作火焰线框字 第7张

<图6-1>

CS3版本制作火焰线框字 第8张

<图6-2>

7、接下来要调节“文字副本”图层的不透明度。这一步是比较关键的一步,它将影响到最终效果的表现。通过调节该图层的不透明度来实现不同的效果。图层不透明度越低(即透明效果越明显),文本(或图案)将越呈现出不规则的扭曲效果。相反,图层不透明度越高,文本(或图案)则将越规则,越容易识别,但同时效果也会打折扣。所以,我们需要在两者之间选择一个平衡点。本例选择将图层不透明度设置为61%,在可识别性和图像效果之间取得平衡。

CS3版本制作火焰线框字 第9张

<图7>

8、选中“文字副本”图层,从菜单中选择“图层>新调整图层>色阶”(或者直接点击图层面板下的“新增调整图层”图标,选择“色阶”),在弹出的“色阶”对话框中,向左拖动右边的白色滑杆至输入色阶发生突变的位置附近,并注意观察图像的变化。

CS3版本制作火焰线框字 第10张

<图8-1>

CS3版本制作火焰线框字 第11张

<图8-2>

9、再从菜单中选择“图层>新调整图层>曲线”(或者直接点击图层面板下的“新增调整图层”图标,选择“曲线”),在“曲线”对话框中编辑曲线,将之成如图所示的抛物线状。

CS3版本制作火焰线框字 第12张

<图9-1>

CS3版本制作火焰线框字 第13张

<图9-2>

10、最后就可以给图像上色了,上色的方法很多,例如使用色阶、色相/饱和度、通道混合器,甚至是照片滤镜工具。这里我们选用色阶工具,以获得更好的效果。从菜单中选择“图层>新调整图层>色阶”,分别对“红、绿、蓝、RGB”通道调整如下:

CS3版本制作火焰线框字 第14张

<图10-1>

CS3版本制作火焰线框字 第15张

<图10-2>

CS3版本制作火焰线框字 第16张

<图10-3>

CS3版本制作火焰线框字 第17张

<图10-4>

CS3版本制作火焰线框字 第18张

<图10-5>

11、至此,我们的基本工作已经完成。前面我们已经说过,由于Photoshop中“云彩”滤镜的效果是随机的,因此,即使是使用相同的方法制作相同的文本或图案,得到的效果相似却又各不相同。我们正好利用这一点,我们再对效果进一步的加工,以期获得更眩目的效果。

将“效果一”图层组拖到“创建新图层”图标上,复制图层组,并将复制后的图层组重命名为“效果二”,同时将该图层组的图层混合模式由“穿透”改为“滤色”。如图11所示:

CS3版本制作火焰线框字 第19张

<图11>

12、现在展开“效果二”图层组,选中该组下的“云彩副本”图层,并从菜单中选择“滤镜>渲染>分层云彩”,对“云彩副本”图层应用该滤镜。这时注意观察图像的变化,你会发现文字效果不断的变化。按快捷键Ctrl+F,重复多次使用该滤镜,可以获得不同的效果。

CS3版本制作火焰线框字 第20张

<图12>

说明:如果想降低该图层组中“文字副本”图层的高斯模糊,你可以先删除该文字图层,并复制我们原来隐藏的“文字”图层到该图层组中,再进行高斯模糊。

13、我们如法炮制,再复制一次“效果一”图层组,重命名为“效果三”,同样将图层组的图层混合模式由“穿透”改为“滤色”。现在选中该图层组下的“文字副本”图层,再次进行高斯模糊,模糊半径的值需要根据实际情况而定,本例约为33像素。同时可配合调整该图层的不透明度,以获得最满意的图像效果。

CS3版本制作火焰线框字 第21张

<图13>

最后我们得到了一个热气腾腾的火热文字线框效果,如下图所示:

CS3版本制作火焰线框字 第22张


制作教程。