分享

PS教程:打造超炫的魔法火焰文字特效

 羽翼之空 2014-09-30
chaoxuan

这个教程将向你展示用PS设计出魔法般的火焰文字特效,这个教程适用于初学者,只需要几个步骤就可以用photoshop轻松地制作出一个看上去很棒的文字特效。教程中会用到一些素材图片,合并图层,以及图像的调整。

火焰纹理下载

注:本教程是用Photoshop CS6 来完成的。——因此一些截图中的操作界面和早期的版本相比可能会有一些细微的差别,比如有些笔刷是Photoshop CS6所独有的。

教程最终效果预览:

fire sparks text flatten 500x615 Design Magical Fire Energy Text Effect in Photoshop

第1步

创建一个700像素*1000像素大的文档,设置背景色为黑色,用渐变工具按照下图所示的方向和颜色来填充背景图层:

1 grad 500x659 Design Magical Fire Energy Text Effect in Photoshop

在背景上添加一些光。方法:新建一个图层,如下图所示在图层上画几个圆点:

1 paint 500x655 Design Magical Fire Energy Text Effect in Photoshop

在这个圆点图层使用滤镜,选择动感模糊,设置参数如下:

1 motion blur Design Magical Fire Energy Text Effect in Photoshop

然后,再次使用动感模糊,设置另一个不同的角度:

1 motion blur 2 Design Magical Fire Energy Text Effect in Photoshop

到目前为止的效果是:

1 effect1 500x477 Design Magical Fire Energy Text Effect in Photoshop

第2步

使用任何一种你想要的字体,在这个背景上输入一个字母:

2 type Design Magical Fire Energy Text Effect in Photoshop

如下所示设置这个文字图层的混合选项:

斜面和浮雕

2 bevel 500x359 Design Magical Fire Energy Text Effect in Photoshop

等高线

2 contour 500x359 Design Magical Fire Energy Text Effect in Photoshop

纹理

2 texture 500x359 Design Magical Fire Energy Text Effect in Photoshop

内阴影

2 inner 500x359 Design Magical Fire Energy Text Effect in Photoshop

渐变叠加

2 grad 500x359 Design Magical Fire Energy Text Effect in Photoshop

使用红色颗粒笔刷(Photoshop默认)在文字后面画一些微小的颗粒:

2 effect1 Design Magical Fire Energy Text Effect in Photoshop

第3步

在文字周围画一些线。设置画笔工具为2px大,硬度85%:

3 brush 500x359 Design Magical Fire Energy Text Effect in Photoshop

如下所示,用和文字类似的颜色,在文字周围画一些线条:

3 paint 500x435 Design Magical Fire Energy Text Effect in Photoshop

继续画更多的线条,尝试混合不同的颜色来为文字添加不同的效果:

3 paint 2 500x486 Design Magical Fire Energy Text Effect in Photoshop

第4步

在文字上面增加一些火焰纹理。找一张火焰素材图片,用photoshop打开,如下所示,在火焰上选择一小块选区:

4 sel1 500x536 Design Magical Fire Energy Text Effect in Photoshop

复制并粘贴这个选区到文字图层,配合文字做相应的变形,让它看起来就像是文字一部分一样:

4 warp 500x381 Design Magical Fire Energy Text Effect in Photoshop

设置火焰图层的混合模式为“滤色”:

4 screen 500x202 Design Magical Fire Energy Text Effect in Photoshop

复制上面做好的火焰图层,按下图所示进行液化,使火焰变形:

4 liq 500x384 Design Magical Fire Energy Text Effect in Photoshop

然后复制液化好的火焰图层多次,并将它们附着在文字的不同位置,如下图所示:

4 attach1 500x472 Design Magical Fire Energy Text Effect in Photoshop

此外,也可以在文字周围添加一些火焰:

4 bg fire 500x616 Design Magical Fire Energy Text Effect in Photoshop

以上基本上就是本教程的全部内容!调整下颜色,最终结果:

fire sparks text flatten 500x615 Design Magical Fire Energy Text Effect in Photoshop

翻译小组:SDC番茄匠     微博ID: @亲爱的米啦
原文地址:www.
【各位尽职尽责帅气靓丽的网站编辑、站长大神们,如果您看上了优设网的这篇文章,请复制粘帖的时候把我们网址带上,我会代表节操君向您致敬的,感谢】



非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/design-magical-fire-energy-text-effect-in-photoshop

订阅更新:您可以通过 RSS订阅我们的内容更新
【推荐!设计师必备网址导航】http://hao.uisdc.com

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多