快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

photoshop火焰特效文字效果

原载于 PSDTUTS 作者 Collis 翻译 高小白

这个教程Collis将向你展示如何用火的照片来与文字相结合。我们现在将看到的是一个美丽的暗色背景与一个华美的文字效果相结合的全图。

最后的效果

一如既往我们将最先看到最后的效果,这样你将会知道我们最终要做出什么样的效果。这个美丽的图像此刻正充当我手提电脑的桌面背景。点击此处可看全图.

999999.jpg

第一部分C背景

在photoshop中创建一个新的文档,大小为1920×1200px。选择渐变工具,画一个棕色的径向渐变(颜色值是由#5c3d09到#1f1409),因此你得到了一个像下图相同的效果。

注重渐变不是从正中间开始画的,而是靠画面的顶部开始画的。我们想要文字顶部是火的效果,因此图像的顶部应该轻微更亮一些。

1.jpg

步骤2

我们将再一次用到在草的特效文字教程中的一个背景纹理。但是这次并不是从头开始,而是直接复制草的特效文字教程中已做好的背景,混合所有的图层并且降低饱和度得到下图你所看到的效果。

假如你需要从头做起,首先你需要到Bittbox中得到最初的纹理图片,然后跟着先前的步骤做。

2.jpg

步骤3

现在我们把纹理放入背景中进行混合,设置混合模式为叠加。

3.jpg

步骤4

让我们运用纹理化滤镜来增加一些纹理。我首先新建一个图层并用棕色(#66500f)来填充。然后运用滤镜>纹理>纹理化,设置纹理画布下的缩放值为80%,凸显为4.

4.jpg

步骤5

设置此图层的混合模式为叠加,因为我们是在一个很大的画布上工作,所以增加一些好的额外细节会让它看上去更加的棒。

5.jpg

步骤6

接下来,我们将应用一个图层来轻微降低此图像下半部分的饱和度。这样做的目的是为了让顶部火的位置看上去有一股很热的光,而底部看上去有点冷。

因此我创建一个新的图层,并用颜色(#4b4f3b)进行填充,然后增加一个图层蒙版,利用渐变隐藏图像的上半部分。(现在你应该得到下图这样的效果)。

现在设置图层的混合模式为颜色,不透明度为45%。

6.jpg

第二部分C文字+ 光感=棒极了

好了,现在我们已经拥有一个美丽的背景了!现在让我们增加一些文字。我用的字体是Trajan,因为这种字体运用在此处感觉异常棒。我为字体添加一种颜色(#cb9328),然后设置图层的混合模式为线性减淡(添加),降低不透明度为8%。

我们将要运用红色的火焰给这个文字的上半部分增加一些效果,使它从背景中跳出来。这个就意味着我们将要给文字增加一些效果和图层蒙版,目的是为了只显示文字的上半部分,而文字的下半部分仍然和当前的若隐的效果相同。

7.jpg

步骤8

首先创建一个新的图层组,将所以的文字图层放入进去C因为这里文字将会很多。

然后复制文字图层,设置复制的文字的颜色值为#5e3f1c。

8.jpg

步骤9

现在设置最新的文字图层为叠加,不透明度为70%。它看上去是一种很棒的微红色。(像下图展示的相同)

9.jpg

步骤10

现在再一次复制文字图层,并设置最新的复制图层为微黄色(#cb9328)。然后设置它为线性减淡(添加)和降低不透明度为30%。

接着我们增加一个图层蒙版,并绘制一个渐变,因此最新的文字图层若隐的感觉如下图所示,结合下面的两个文字图层,你能看到文字底部微微泛红的颜色。

10.jpg

 

步骤11

接下来我们再一次复制这个文字图层,这一步是为了给文字的底部增加一种好的感觉。设置文字颜色为黑色(#000000),然后运行滤镜>模糊>高斯模糊,设置半径为4像素。栅格化文字,选择>修改>扩展.

然后Ctrl+按住任意一个别的文字图层,并且返回到黑色图层,点击删除,因此只留下了一个很柔和的阴影。接着复制这个图层并且合并产生一种很沉重的效果。你做出来的应该跟下面的截图很像。

11.jpg

步骤12

按照下图所示,再一次利用图层蒙版迅速制作出阴影渐隐的效果。这样可以使文字看上去像浮出画面的效果。

12.jpg

步骤13

现在再一次复制黑色图层,运用涂抹工具,用一个相称大的软笔刷在阴影的四周涂抹,使它看上去像燃烧的痕迹。

13.jpg

步骤14

现在我们的文字效果看上去如下图。我实际上建立了两处”燃烧”痕迹,这四个阴影图层每一个都比上一个要模糊一些。

14.jpg

步骤15

现在是时候为文字的顶部增加一些光感。首先。再一次复制文字图层。设置它为黄色C#dc9a08.

然后运行滤镜>模糊>高斯模糊,设置半径为8px,然后运用的一个大的软的橡皮擦来擦掉文字的底部的部分,因此来产生一种很好的不平衡感。

15.jpg

步骤16

设置第一个光感图层为柔光。你应该在重复一遍此过程,是文字的顶部的光感更强。

16.jpg

步骤17

现在再一次复制文字图层放在最上面,再一次改变它的颜色为黄色(#dc9a08).

然后运行图层>栅格化>文字,是文字变成一个图层。然后Ctrl+按住此图层得到选区,选择>修改>收缩,设置收缩量为1px。然后删除除了收缩1px的剩余部分。

17.jpg

步骤18

现在给1px的图层设置为叠加,现在你应该做到如下图所示的效果。

18.jpg

步骤19

现在给1px的图层增加图层蒙版,来使文字的底部产生渐隐的效果,犹如我前面在别的图层中做的相同。

然后复制此图层,运行滤镜>模糊>高斯模糊,设置半径为1px。然后再一次复制此图层,模糊2px。然后再一次复制此图层,模糊4px。

然后Ctrl+点击任何一个文字图层,按Ctrl+Shift+I进行反选,删除每一个光感图层因模糊而超出字体边界的部分

这一步的目的是想让火热的文字能有一种火热感逐渐向文字边缘增强的效果。

19.jpg

步骤20

现在我们复制这四个光感图层并将它们混合在一起。这样产生的最后效果是文字的顶部是最初的亮黄色。

运用涂抹工具,穿过文字向上涂抹制作出一种像热浪的效果。如下图所示。

20.jpg

 

步骤21

设置最新的图层为叠加。你所制作出的效果看上去如下图所示。

21.jpg

步骤22

现在已经完成了文字的大部分效果。我审查了一遍,并复制一些光感图层是文字看上去更加的有燃烧的感觉。通过这样做了很多不同的实验才得到一个真正的火热燃烧的光感。

22.jpg

步骤23

下一步,按照过去的墙纸,我已经在文字的下面增加了我主要思想的文字。这样可以为图像增加一个美丽的装饰色彩。此字体用一个与背景色相一致的颜色,此文字不能太显眼,因为相对主要的文字来说,此文字只是一个次要的元素。我采用的字体是Swiss Light Condensed,并且刚似乎草的特效文字教程相同摆放在那里。

23.jpg

第三部分C火焰

最后,由于所有的效果已经预备好了,现在是时候增加真实的火焰了!对于这一步,我们需要一些火的图像与黑色背景做强烈的对比。一个很好的照片很难找到,并尝试像我相同,我无法找到一个真正伟大的免费照片。因此我最后运用了Fotolia中的这个图片,你可以通过下面的联系处来购买所需要的图片。而我最后用的后来的” E ” 来自Flickr的照片,我也把它联系地址放在了一起。所以,你也可以去看一下。

AcheroN-Fotolia.com
Peasap-Flickr.com

现在复制火焰的技术确实很简朴。事实上,我是最近在DigitalArts杂志上看到Nik Ainley‘的一篇叫Create Amazing Photomontages的教程中学到的,他在教程中运用的水。

你需要做些什么:

1在photoshop中打开火焰图像。

2点击通道的调色板,找出对比最强烈的通道,在此图像中应该选择红色通道,然后点击它。

3这里将使你的图像直线式黑白两色,因为我们选择的对比最强烈的通道,它将看上去有异常亮的白色。现在Ctrl+点击此通道,它将选择通道里面的所有像素。

4返回RGB通道并复制这些被选择的像素

5你现在可以把它粘贴到你的主要图像中。

这个对于复制在单调的背景中火这样透明的物体确实是异常异常有用的。你也可以通过学习Nik Ainley的教程来学会如何让复制水。

24.jpg

步骤25

好了,我们已经把火焰粘贴到主要的画布中。(由于想要清楚的看清火焰的效果临时隐藏了字体效果)。现在我们所看到的,我们已经的到没有黑色背景的火焰,并且它有部分是透明的。我想把它放在字体的上部感觉一定很好。

25.jpg

步骤26

接下来的这一步我们将要把火焰裁切成一些小的部分。首先复制这个图层隐藏起来作为备份。接着选择钢笔工具,你需要用此来选择火焰的外轮廓进行裁切,这样它将看上去更自然。这里你将可以看到我把一个火焰裁切成了四个部分。你可以尝试将它们进行翻转,使它们看上去更加的随意。

设置这些图层的混合模式为滤色,目的是为了完全删除黑色的部分,并且使它看上去更加的透明。

26.jpg

步骤27

因为我的文字有4个字母,所以我需要4个单独的火焰。对于第4个火焰(在E的上面那个)我实际上是在Flickr中寻找的图片,重复先前的步骤来创造出另一个火焰。再字母上的火焰我都将它们压缩过,这样可以让它们看上去更加的随意。

27.jpg

步骤28

把这些火焰移动到文字上。你将尝试把这些火焰与字母的外形相结合,以便看上去它们像是在跳舞。

28.jpg

步骤29

现在我们已经把四个火焰都覆盖在字母上部了,虽然感觉不是很差,但是你可以看到I和R的字体上都有一样的火焰,并且所有的火焰都不是很高。

29.jpg

步骤30

因此这里我用变换工具来拉伸每一个火焰,并且擦出一些明显的地方来使每个火焰看上去都是独一无二的。

30.jpg

步骤31

现在这一步是要使它们看上去更加亮一些,复制每一个火焰图层,运行滤镜>模糊>高斯模糊,设置半径为3px,降低不透明度为15%。这样将会提高每个火焰边缘的亮度。

31.jpg

步骤32

现在已经差不多完成了。这里就展示了现在的效果。

32.jpg

步骤33

最后我们增加一个最后的高光。在所有图层的上方增加一个新的图层,并绘制一个如下图所示的从白色到黑色的径向渐变,设置此图层为叠加并降低不透明度为40%。

33.jpg

最后

现在我们已经得到一个火特效的文字!

34.jpg


返回类别: Photoshop教程
上一教程: PS绘制麦克风教程(2)
下一教程: Photoshop中关于命令的应用技巧

您可以阅读与"photoshop火焰特效文字效果"相关的教程:
· Photoshop制作火焰燃烧文字效果
· photoshop中打造3d文字效果(上)
· photoshop中打造3d文字效果(下)
· Photoshop制作光线四射的文字效果
· photoshop中制作锈蚀文字效果
    微笑服务 优质保证 索取样品