photoshop火焰特效文字效果-中国展示论坛

原载于 PSDTUTS 作者 Collis 翻译 高小白
5 B; i% t4 m3 O" U) H- c
$ {" p: n: n# P: k$ M" z这个教程Collis将向你展示如何用火的照片来与文字相结合。我们现在将看到的是一个漂亮的暗色背景与一个华美的文字效果相结合的全图。
- _: w1 ^9 G5 E



最后的效果
% z) T( _  X. P1 E
一如既往我们将最先看到最后的效果，这样你将会知道我们最终要做出什么样的效果。这个漂亮的图像此刻正充当我手提电脑的桌面背景。点击此处可看全图.
# g0 S5 |/ \2 W" M3 G

) r/ b* }% L7 ^$ V# F, T

第一部分–背景
$ ]4 l1 m, \6 b3 m; _8 K, z' W# {
. w2 P" e" |! |在photoshop中创建一个新的文档，大小为1920×1200px。选择渐变工具，画一个棕色的径向渐变（颜色值是由#5c3d09到#1f1409），因此你得到了一个像下图一样的效果。

注意渐变不是从正中间开始画的，而是靠画面的顶部开始画的。我们想要文字顶部是火的效果，因此图像的顶部应该稍微更亮一些。
% {" X* K7 h& b; X
- E6 a! k2 B6 ]2 C, [' N, t
$ u* q  _! d3 x/ z* A4 [
" g" W1 [0 o& q5 A7 g6 ?
$ c% N4 c8 ?# L% `5 N5 N+ |, _步骤2

7 |5 A: x; m: X9 {+ M/ ^* L6 [我们将再一次用到在草的特效文字教程中的一个背景纹理。但是这次并不是从头开始，而是直接复制草的特效文字教程中已做好的背景，混合所有的图层并且降低饱和度得到下图你所看到的效果。
  @  N7 {/ w, P  R8 a
: H# A' W* [# i0 y如果你需要从头做起，首先你需要到Bittbox中得到最初的纹理图片，然后跟着先前的步骤做。



/ k$ x5 J+ Y, n8 V
步骤3
# L+ t# H) Z' Q+ I, J: }, n
现在我们把纹理放入背景中进行混合，设置混合模式为叠加。
: E' N! }# ~% w9 G/ }
' p. }2 k. A6 P, V

- y8 w8 y- q+ f0 u6 M4 k' Y
' t& ?4 c, w4 x3 P2 G- P步骤4
$ }* ^! p( w8 Z9 m; T
让我们运用纹理化滤镜来增加一些纹理。我首先新建一个图层并用棕色（#66500f）来填充。然后运用滤镜>纹理>纹理化，设置纹理画布下的缩放值为80%，凸显为4.
* _) k9 u7 N" ?& j0 c2 u


: s# F- n& d) c
步骤5

设置此图层的混合模式为叠加，因为我们是在一个很大的画布上工作，所以增加一些好的额外细节会让它看上去更加的棒。
8 k/ e- K8 D! h/ ]  }) ?* @

' {( N# ?3 I9 G' q6 w/ B

% t5 [% [1 g( a. M( _  V步骤6
# N* h1 o( k, T- C1 m7 K
: O( J& c3 W1 ]接下来，我们将应用一个图层来稍微降低此图像下半部分的饱和度。这样做的目的是为了让顶部火的位置看上去有一股很热的光，而底部看上去有点冷。
) a1 j/ V% Z: G* ?
$ W% [" v% p: n4 ]因此我创建一个新的图层，并用颜色（#4b4f3b）进行填充，然后增加一个图层蒙版，利用渐变隐藏图像的上半部分。（现在你应该得到下图这样的效果）。
0 X; M! ~+ ]& q
, S* k1 S. s( M. ~现在设置图层的混合模式为颜色，不透明度为45%。
* s) Q) _/ \" ^. D* R1 Y* Y3 d
6 x4 }! u2 K( N7 g% Z
6 [5 B4 Y  K) J3 L

! g' |9 R4 c; ?第二部分–文字+ 光感=棒极了
好了，现在我们已经拥有一个漂亮的背景了!现在让我们增加一些文字。我用的字体是Trajan，因为这种字体运用在此处感觉非常棒。我为字体添加一种颜色（#cb9328），然后设置图层的混合模式为线性减淡（添加），降低不透明度为8%。
$ e' u+ A9 W9 H; l3 D6 u  c
6 A7 Q3 @- ^' x3 M* Z我们将要运用红色的火焰给这个文字的上半部分增加一些效果，使它从背景中跳出来。这个就意味着我们将要给文字增加一些效果和图层蒙版，目的是为了只显示文字的上半部分，而文字的下半部分仍旧和当前的若隐的效果一样。
% t4 P: k9 M$ f5 Q6 O0 [

2 ]& f+ M& E& C9 q5 a

& J  g; u; i8 Q( s1 M( w步骤8

7 L5 s" |: [" {  f+ ]4 `. ~) Q2 W首先创建一个新的图层组，将所以的文字图层放入进去–因为这里文字将会很多。
" @* c2 G: V& T2 Q- n
7 w- a/ e! u  U; I然后复制文字图层，设置复制的文字的颜色值为#5e3f1c。
& B8 V8 B4 c9 H2 ]9 B0 C



4 K  L( z8 i8 Z' }步骤9

' o8 n8 v! d& A现在设置最新的文字图层为叠加，不透明度为70%。它看上去是一种很棒的微红色。（像下图展示的一样）
. R1 n1 {  X2 W* M5 F



7 W- u, q- u6 J- E; }  ~步骤10
现在再一次复制文字图层，并设置最新的复制图层为微黄色（#cb9328）。然后设置它为线性减淡（添加）和降低不透明度为30%。

% m9 l+ |, c7 m" p1 b6 @: A接着我们增加一个图层蒙版，并绘制一个渐变，因此最新的文字图层若隐的感觉如下图所示，结合下面的两个文字图层，你能看到文字底部微微泛红的颜色。
: i  `( U( s9 R

3 N$ r1 j( B: s% D
123下一页
  G/ \1 c% D+ _5 a* M4 E




步骤11

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

# T) |1 u) ]1 _& D然后Ctrl+按住任意一个别的文字图层，并且返回到黑色图层，点击删除，因此只留下了一个很柔和的阴影。接着复制这个图层并且合并产生一种很沉重的效果。你做出来的应该跟下面的截图很像。
8 x. O, U+ u1 H) t. V

- J$ v- ^- O( t% c4 l5 Z
, ?7 w' d) {* q+ L8 W; i
4 B% x) V  n  T步骤12

& u- Z) N8 o7 ]按照下图所示，再一次利用图层蒙版快速制作出阴影渐隐的效果。这样可以使文字看上去像浮出画面的效果。


  _6 K6 O) @0 ~9 l: q

+ r+ `2 `- c4 F2 e7 X8 M步骤13
7 y' p) e8 `: N% n  n3 g
现在再一次复制黑色图层，运用涂抹工具，用一个相当大的软笔刷在阴影的周围涂抹，使它看上去像燃烧的痕迹。
! u% _2 m5 T% N7 P5 z
% ~0 t! X4 P* Z  {' {3 u3 M


# q1 n! J' ]( U9 K步骤14

& r8 L; E: P7 x- ]( c1 n% Y现在我们的文字效果看上去如下图。我实际上建立了两处”燃烧”痕迹，这四个阴影图层每一个都比上一个要模糊一些。


- ^" u- B1 ~6 @+ ]

0 O) @) s: r# n4 C7 ]) G步骤15
0 _( L+ u( ]+ j1 N
  q( b! N/ X+ r4 Q( {' p现在是时候为文字的顶部增加一些光感。首先。再一次复制文字图层。设置它为黄色–#dc9a08.

" h2 D* g2 s$ I6 t4 h然后运行滤镜>模糊>高斯模糊，设置半径为8px，然后运用的一个大的软的橡皮擦来擦掉文字的底部的部分，因此来产生一种很好的不平衡感。



) n6 _! R$ K/ T4 r- V8 `
步骤16
1 Z* t! w5 x" [' e
( K0 V; Q. i! Y! h3 p2 s8 Q$ [设置第一个光感图层为柔光。你应该在重复一遍此过程，是文字的顶部的光感更强。
+ g- L* g2 }, `7 C$ W
& _/ r, e5 j% b# N5 ~


步骤17

3 q! m* y& ]( r+ c' ]% b现在再一次复制文字图层放在最上面，再一次改变它的颜色为黄色(#dc9a08).

) z' ~2 p3 T/ X) N# j$ q( D, w然后运行图层>栅格化>文字，是文字变成一个图层。然后Ctrl+按住此图层得到选区，选择>修改>收缩，设置收缩量为1px。然后删除除了收缩1px的剩余部分。

  u1 d+ O8 g! L& N' L& d
% `" f5 N# {  ]% q" j
* g1 t+ ^/ W; U9 }
6 G& ~) ]1 q! ~) g) F% y- @步骤18

% [: A1 v$ S7 j2 X; Q+ O$ H3 q4 l现在给1px的图层设置为叠加，现在你应该做到如下图所示的效果。


1 v# S& Y; r8 z# d. @2 s* S2 B

步骤19
  M% K+ _0 M1 Y) F
, a/ N( Z) I# N4 C( z5 _现在给1px的图层增加图层蒙版，来使文字的底部产生渐隐的效果，如同我前面在别的图层中做的一样。
8 T! r% k& [0 R, b8 I; x' `
然后复制此图层，运行滤镜>模糊>高斯模糊，设置半径为1px。然后再一次复制此图层，模糊2px。然后再一次复制此图层，模糊4px。
& f. _6 F3 {( G) L  E0 m
然后Ctrl+点击任何一个文字图层，按Ctrl+Shift+I进行反选，删除每一个光感图层因模糊而超出字体边界的部分
# T6 u; }, v+ m# a
) ^6 v! K5 Y$ I5 N, u; p( ~  V这一步的目的是想让火热的文字能有一种火热感逐渐向文字边缘增强的效果。
% y* h, b: g# i0 y& B( p6 a% O



8 I) W/ q: w& J9 Y步骤20
现在我们复制这四个光感图层并将它们混合在一起。这样产生的最后效果是文字的顶部是最初的亮黄色。

运用涂抹工具，穿过文字向上涂抹制作出一种像热浪的效果。如下图所示。
9 a# z" h; k, c3 O; ?% [

  v! g4 c$ a" ^; d/ L) w
6 ?& Q' a$ B; d- t/ q. R123下一页

% _  n2 O! G+ n0 _% K* E
8 _* a& f6 _* U4 o2 j5 Y
% ^# c- b, ~) v& J( o$ g6 e
" V0 b4 D( o/ T1 ^9 P) i
步骤21
; y9 ]- \' \1 \
8 S& c* `" s1 p* N8 U设置最新的图层为叠加。你所制作出的效果看上去如下图所示。
, q' y3 k  z  W0 _$ o# h; M* ?: a
% ~, W# a( b; a- d- ~% G
( h6 D$ A" [! |
: [7 K7 D5 d6 h3 f$ x: j9 k5 v
1 f, n& D  c0 A8 i  y7 K步骤22
0 K0 q, G% m/ {. S4 _5 q+ ?4 k5 H- c
现在已经完成了文字的大部分效果。我审查了一遍，并复制一些光感图层是文字看上去更加的有燃烧的感觉。通过这样做了很多不同的实验才得到一个真正的火热燃烧的光感。
( S- |# s. P- U& n, c5 [
7 }8 |' Z& `+ R( R. x
9 C1 e, e% p4 `( _3 k
" K" k+ V( n3 M: G$ g: k0 f
. Z! x& l2 m' Z- b9 w* j步骤23
9 u- }  L: _0 z/ F
& X1 {4 f* A3 @; t3 S  z* r下一步，按照过去的墙纸，我已经在文字的下面增加了我主要思想的文字。这样可以为图像增加一个漂亮的装饰色彩。此字体用一个与背景色相一致的颜色，此文字不能太显眼，因为相对主要的文字来说，此文字只是一个次要的元素。我采用的字体是Swiss Light Condensed，并且刚好像草的特效文字教程一样摆放在那里。
( T# S3 Q/ R4 D, m7 L



第三部分–火焰
3 y4 o  d0 @$ V) @9 z# J
最后，由于所有的效果已经准备好了，现在是时候增加真实的火焰了！对于这一步，我们需要一些火的图像与黑色背景做强烈的对比。一个很好的照片很难找到，并尝试像我一样，我无法找到一个真正伟大的免费照片。因此我最后运用了Fotolia中的这个图片，你可以通过下面的联系处来购买所需要的图片。而我最后用的后来的” E ” 来自Flickr的照片，我也把它联系地址放在了一起。所以，你也可以去看一下。
* ~5 t+ m- Z9 B" x( g; K6 r
8 o. Q0 L6 X  A" l9 `7 n. A* hAcheroN-Fotolia.com Peasap-Flickr.com
+ y9 Z5 G4 B6 w. @5 ]& S, W
" ]; Z7 j. b5 L' `9 N现在复制火焰的技术确实很简单。事实上，我是最近在DigitalArts杂志上看到Nik Ainley‘的一篇叫Create Amazing Photomontages的教程中学到的，他在教程中运用的水。

你需要做些什么：
# F4 x( J5 @- `4 N: x9 _: p1在photoshop中打开火焰图像。
2点击通道的调色板，找出对比最强烈的通道，在此图像中应该选择红色通道，然后点击它。
1 Y$ A, P1 ^3 B2 X8 \0 @. l1 F/ U3这里将使你的图像直线式黑白两色，因为我们选择的对比最强烈的通道，它将看上去有非常亮的白色。现在Ctrl+点击此通道，它将选择通道里面的所有像素。
' u  n! J. i6 _8 |4返回RGB通道并复制这些被选择的像素
5你现在可以把它粘贴到你的主要图像中。
/ g! Y1 o+ ]. ?' m
这个对于复制在单调的背景中火这样透明的物体确实是非常非常有用的。你也可以通过学习Nik Ainley的教程来学会如何让复制水。





& ~# A1 w; k7 Y( j1 `2 p1 W

% j3 |, \! O, K- t
步骤25

好了，我们已经把火焰粘贴到主要的画布中。（由于想要清晰的看清火焰的效果临时隐藏了字体效果）。现在我们所看到的，我们已经的到没有黑色背景的火焰，并且它有部分是透明的。我想把它放在字体的上部感觉一定很好。
1 ~, o8 \7 |1 S5 K) ]" E# @



步骤26

接下来的这一步我们将要把火焰裁切成一些小的部分。首先复制这个图层隐藏起来作为备份。接着选择钢笔工具，你需要用此来选择火焰的外轮廓进行裁切，这样它将看上去更自然。这里你将可以看到我把一个火焰裁切成了四个部分。你可以尝试将它们进行翻转，使它们看上去更加的随意。
/ @$ G' |7 l- {3 m' {2 }
设置这些图层的混合模式为滤色，目的是为了完全删除黑色的部分，并且使它看上去更加的透明。




步骤27
7 \4 _) d+ H! u" `+ B! a
因为我的文字有4个字母，所以我需要4个单独的火焰。对于第4个火焰（在E的上面那个）我实际上是在Flickr中寻找的图片，重复先前的步骤来创造出另一个火焰。再字母上的火焰我都将它们压缩过，这样可以让它们看上去更加的随意。

& t4 d  T3 C( \0 J6 g, D
0 ?: i. {2 f2 \; ?
/ f, _% D8 M; x+ o* U- A. [% @+ k
- V3 N: F0 E& F; j2 [, ?步骤28
9 z+ O5 c, Y6 w$ a# q把这些火焰移动到文字上。你将尝试把这些火焰与字母的形状相结合，以便看上去它们像是在跳舞。
: [, c# Q7 ]* m1 @* b- o# {. r
: c/ L# ?. \# H5 {) G- v) y9 X


- ~- i2 l  v0 K9 L0 [: {- m% \步骤29
4 u0 r( k4 ]% ~8 A/ f4 X+ M
% I6 J/ a+ u( j5 ~/ I" L2 e4 y( Q/ d现在我们已经把四个火焰都覆盖在字母上部了，虽然感觉不是很差，但是你可以看到I和R的字体上都有相同的火焰，并且所有的火焰都不是很高。


9 y6 L: C! f1 h3 H* n# \, L0 y

( m/ ~, X+ D3 X5 y, C: x步骤30
$ y5 l1 [9 Q0 X$ v) Y! y$ h
因此这里我用变换工具来拉伸每一个火焰，并且擦出一些明显的地方来使每个火焰看上去都是独一无二的。

' i7 |' m+ E# }1 \2 i5 y7 v


, E. y9 [$ v7 I4 j6 E步骤31
5 q5 E: t  v! }9 Z) ?: O) |
现在这一步是要使它们看上去更加亮一些，复制每一个火焰图层，运行滤镜>模糊>高斯模糊，设置半径为3px，降低不透明度为15%。这样将会提高每个火焰边缘的亮度。
  R, [; B5 y: ~


" w6 u9 D+ \6 l; L4 s( S' R' h
步骤32
) T) A! B6 h5 }7 V9 X- t
% f  \$ r0 Z, j7 k6 c1 ?现在已经差不多完成了。这里就展示了现在的效果。



7 _' c9 J, b6 k0 X- c1 Q- x: v* a6 W
步骤33

最后我们增加一个最后的高光。在所有图层的上方增加一个新的图层，并绘制一个如下图所示的从白色到黑色的径向渐变，设置此图层为叠加并降低不透明度为40%。
7 a; C4 y0 @* G8 ]3 [, t
% n( R0 ?3 h4 L* P: i% I3 ]
: c# y% m0 H$ |6 B
( G' y1 Q$ h" b; @. w
% J) Y/ n7 t  z: [最后
( O1 R/ G" P& p/ A; d9 M, o) s7 D现在我们已经得到一个火特效的文字！


123