PS教程:打造超炫的魔法火焰文字特效 - 优设网 - UISDC

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

2013/04/08 45687评论区

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.psdvault.com
【各位尽职尽责帅气靓丽的网站编辑、站长大神们,如果您看上了优设网的这篇文章,请复制粘帖的时候把我们网址带上,我会代表节操君向您致敬的,感谢】

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

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 职场 版式设计 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里