【转载】游戏特效贴图的制作与应用

游戏特效的贴图制作,我们在第一节游戏特效概述中简单介绍过,可以使用多种软件产生,* `& p% y! M- @/ S0 z1 }今天我们主要讲解的是用3D软件来实现需要的序列贴图，& i% K$ b& `" a* Q2 t( L三维软件可以很方便的实现游戏中常用的爆炸、冲击波、; y2 ^& b Z! O/ A. H( i) P刀光拖尾、聚能、攻击、魔法、火、烟雾等特效序列图，, ?- j2 r1 S: \8 A* s, w7 D, N9 O本节主要讲解火的贴图制作。$ B. J* @+ ^. U一、3D软件制作火的特效序列图2 W; {. x& z v) j9 W P1、火的创建# {- i$ C: d' ?. [) [$ v8 Q( N) N6 |7 \在3DMAX中如图创建一个半球Gzimo) G) `, B }: k% s& R & _ D! }- \- W- C8 [直接用缩放工具调整一下Gizmo线框的形态，如图所示 . B+ @& e2 t Z+ K, M5 _! ? 2 R) Z& Q9 `- d( {# P2 ~8 Y, P+ n进入修改面板添加一个火焰特效，如图所示 ( u6 q! I5 z ]# y# m : z0 x9 ^9 M8 u: I( V0 N$ s) g) w+ q2 V 单击面板下方的Setup进入参数编辑面板，如图所示 $ b1 P- H5 E- ]5 _7 Q : v; D8 H% ` Q, u/ o% i* u$ R& }' A' |

单击面板下方的Setup进入参数编辑面板，如图所示

修改选项和参数，如图所示* ^* b1 a3 c% i/ T- ~6 J; Y; c7 m

6.jpg.jpg (53.63 KB, 下载次数: 23)
下载附件
jpg
2010-10-16 22:20 上传



8 M& _7 x- {3 ~+ P& X% ]测试渲染一下看效果9 f5 S5 w4 m; i: D, G% c! D, W1 z

7.jpg.jpg (35.06 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:20 上传



9 C; g$ L0 d5 }" {1 s c; h$ q4 k; s! A/ r2 @& k: ^7 N/ K% l自我感觉还可以，如果你认为不行，可以再次修改参数，直到满意为止。/ B( i" Z, U4 G下面我开始设置动画' y, x) F, c# k% {& ?% y& |) `. V由于游戏中的贴图循环动画一般为8到16帧（本例为16帧）6 L( z# s7 ]0 g; v, e所以我们先把动画时间帧修改一下如图9 O7 U }- D2 u

8.jpg.jpg (67.55 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:20 上传



5 q5 ?9 V6 }2 Q) ]: ^: G5 G2 O4 C. X按F10，弹出渲染设置面板，如图设置参数# w$ u! m$ Q, z# R- R

9.jpg.jpg (66.43 KB, 下载次数: 23)
下载附件
jpg
2010-10-16 22:20 上传



c+ u+ \' s7 ~0 W% I% O; L, [$ X# ~% ]0 z+ Y5 J' g b1 }9 ]% I1 J继续设置输出的存储格式，这里要选择带通道的TGA格式,文件名最好取英文名,有些引擎不支持中文' F2 ~( u! U* j如图& [. k( }( l7 N* L( T

10.jpg.jpg (69.58 KB, 下载次数: 23)
下载附件
jpg
2010-10-16 22:20 上传

打开动画记录，将时间滑杆拖到15帧$ R5 ~1 L% j! O1 k0 q. N

10A.jpg.jpg (41.28 KB, 下载次数: 26)
下载附件
jpg
2010-10-16 22:23 上传



2 x9 {0 b. T5 J6 [$ I- A' m6 A; W% s+ W; e' m9 V& f3 }3 c* C2 o# a修改火焰的Motion参数,如图6 @5 B' f- J0 |

10B.jpg.jpg (84.35 KB, 下载次数: 27)
下载附件
jpg
2010-10-16 22:23 上传



/ B ~# `: ~7 D: m# ~' q9 m: V! O; ]( O }5 R6 Q修改火焰动画曲线改为直线形式（一定要修改，否则循环动画是跳的）6 |3 J' N; s4 H: V& b1 y

10C.jpg.jpg (97.5 KB, 下载次数: 28)
下载附件
jpg
2010-10-16 22:23 上传



1 G X$ T. @: A: A/ u* M0 B" }# R/ ?3 L% K: g& N单击渲染后很快完了16张火的动画序列图，如图3 i2 C" Y1 Y% U

11.jpg.jpg (61.42 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:23 上传



* `6 @1 Z v O1 `1 Q$ Q1 G" T; ~0 g5 B) ]" p" _5 H1 _

12.jpg.jpg (86.61 KB, 下载次数: 24)
下载附件
jpg
2010-10-16 22:23 上传

快速搭建一个篝火模型（这模型比较简单，制作方法就省了），其中十字交叉的平面就是我们要实现的火，如图. j2 z! @1 F& w# s

13.jpg (44.08 KB, 下载次数: 26)
下载附件
jpg
2010-10-16 22:28 上传



7 f% w! d8 }- L2 e* u, F0 Q, [# Q- E% \8 x2 \* {8 ~0 r$ G/ P/ T& f按M键，打开材质编辑器，加载漫反射贴图为火的序列帧，具体操作如图 * {6 X2 Z" I4 ^0 L- ]" e2 u

14.jpg (125.38 KB, 下载次数: 27)
下载附件
jpg
2010-10-16 22:28 上传



; n6 o. D' J2 [0 v* D! n1 c! s2 z! E6 ]8 E# X* F' J7 M8 O _5 I$ }2 u. H将漫反射贴图复制到透明通道上，如图4 H+ `* W) S/ j: m1 I: d

15.jpg (63.44 KB, 下载次数: 27)
下载附件
jpg
2010-10-16 22:28 上传



4 X% u. _+ a4 V$ n' O. |) v2 K; \* Y! W+ E修改秀明通道的选项，如图5 J% k4 P/ }5 P v; ?

16.jpg (76.83 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:28 上传



9 K J3 c1 `, r4 N& v, C' r+ J. @, W将调节好的材质指定给模型，并拖动时间滑杆，你会发现视图中的火巳经燃烧起来了，如图: m/ t( E3 b7 S$ N3 F d# J

17.jpg (54.32 KB, 下载次数: 24)
下载附件
jpg
2010-10-16 22:28 上传

你是否觉得这个特效很简单，不过我要告?你一件不幸的事，有些游戏引擎不支持动画序列图/ J! d7 O' u) U2 V/ Y; a* @（当今大多数引擎支持，如Virtools引擎就支持动画序列图），过去的很多游戏引擎只支持单张的贴图，& _$ Q6 e' w7 ^" i3 [% d这个时候我们就用PS将16张序列图合并在一起，如图- A5 H$ q* N9 u% h

18.jpg (74.33 KB, 下载次数: 27)
下载附件
jpg
2010-10-16 22:31 上传



. G0 A4 q, Q# M1 H7 U4 j( ~. `, z" b2 K9 L2 x注意通道信息的保存哦6 j. X8 K& J( ]& y- m

19.jpg (81.49 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:31 上传



% o" V, Z, L) ?3 E+ E. y7 E% ^' c# ~8 B重新调节一个材质,漫反射贴图换成单张的序列图,并指定给火的模型,你会发现场景中的火不正确,如图 5 i* J. m( N9 Z' i4 N9 E; n

20.jpg (132.18 KB, 下载次数: 23)
下载附件
jpg
2010-10-16 22:31 上传



) U8 X' _- o; q9 f* j: g, |$ r I. i9 [4 H' {' [: F: d" N不要着急,打开动画记录,请参照此图对应的关键帧修改贴图坐标,(至于坐标为什么是这些数字,请大家自己想一下)5 U8 d% C6 H! m: k

21.jpg (80.34 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:31 上传



# x- w# H! u8 h2 t/ i/ ?6 x/ `, g% ^$ O* P" m* d6 R% w2 S8 T' Z; }

22.jpg (98.9 KB, 下载次数: 25)
下载附件
jpg
2010-10-16 22:31 上传



+ w* a2 Q( C: A& h# v继续修改每一帧的贴图坐标,最后视图中火的特效又燃烧起来了,这个工作有点枯燥.

算是比较基础的火焰制作方法了，不过新手看看还是很好的。5 ?0 g: r- B0 b8 ^* M: O" h特效师就是要广泛的解耦出各种技巧，最后选择优秀的方式制作你想要的效果。

感谢Tommy老师的教程，学习了~！

好！~

教程很详细啊，偷米辛苦啦