(4-9)游戏中自然现象效果制作——闪电(3天) 

2010-09-25 21:47 发布

★★★★★★★★★作业★★★★★★★★★★

: B6 ^0 Q5 W* C( D1 N+ c2 M9 Y; p" w

这一讲,我们学习游戏中风特效的一种应用——闪电。 介绍闪电运动的一个例子,大家慢慢学习,遇到问题和我联系。

# k5 U: T- b) ]; s) W8 c+ `

作业: 学习下面教程内容,自己制作一个“闪电”属性的效果

) k, F* a U; b/ u0 P2 r% M$ b

时间:3天

7 ?# L- \& l2 ~( k' l2 v3 n; b( c

要求:

/ \" A* y( i; M' I5 d

1、注意突出“闪电”在运动过程中的特点,可以加入自己的想法和创意。

; ?6 l- t9 g3 L* b9 t) A

2、时间充裕,制作上尽量精致!贴图可以参考教程图,自己的作业里,贴图自己画!

5 n% J: S6 P3 J$ |# L6 d8 ~+ M

3、软件及制作方式不限,2d3d等表现手法不限,我们只聊最后的效果。

: K! A- W: A% B% O: p

 

: b- e8 T1 m$ P8 b

作业提交格式:

6 n( `8 P0 _3 N, J0 _+ N

设计稿用jpg格式,GIF或者链接视频

& D" b0 ]% ?* ~" U# T; G2 p

(Tommy推荐专业GIF动画编辑软件:Ulead GIF Animator 好用易懂!

% D" e( i) N& Q" Q5 `0 _$ Z+ r

下载地址:http://www.crsky.com/soft/4010.html

9 p# q6 r; [ T6 p9 M1 x+ `

 

" k/ [: i3 w0 N3 [

作业提交地址:

4 U; _/ ^5 L; o- r

http://bbs.game798.com/showforum-79.html

- N" T6 ~1 C: `7 w* z

(提交作业后,请大家回帖告知一下Tommy,我会尽快过去参与交流!!)

0 N% f6 n# F+ \1 X5 Z

B Color Smilies

全部评论19

  • Tommy.W
    Tommy.W 2010-9-25 21:47:00

    教程开始!!

    + d6 }( V! n; X, N8 X6 c9 p* S7 |* v

    原创作品,请尊重作者劳动。转载请以超链接形式说明出处:

    J8 P2 `+ L) x3 F: N- V

     【游戏特效Tommy原创教程】游戏中自然现象效果制作——闪电

    7 }( O2 r6 H2 X; @/ O' x

     

    ' P' M' l! c% e2 }! ? v- ~

    ==========================================================================

    0 F( E0 E4 L2 q9 ]8 ^

     

    7 H# U0 i; S8 {( z: L# C7 l, E

    这一系列教程,将由浅入深地讲讲常见自然现象类的特效“风,火,水,电,烟。。。”等效果的制作。自然现象特效制作流程相对简单 ,但对美术感觉的要求却很高!因为这些是常见的效果,你必须做得像,如果不像大家一眼就看得出来!游戏中的特效,又不能支持像流体效果之类的高端CG特效技术,我们应该学会用简单的特效元素,做出合理的运动规律,从而让效果更有说服力!

    2 o8 | T% F' G$ A5 K& U+ M

     

    / L: v1 s- W2 p; e7 K4 G1 y

    ==========================================================================

    7 T6 l/ x k" J/ g9 ]8 A

     

    ( ?$ @! [- }! |" q

    看图找规律:这个常见标志里,我能发现其简练有力的告诉我们了“闪电”的特性。

    8 b2 M1 g7 \, S' _4 ?

     

    5 n( _0 U* }! x) U2 l+ C

    实拍的闪电,真的佩服摄影师抓拍的本领~

    9 T- I3 Y$ {4 \+ D( W1 \; [% J* q

     

    ; A+ O) H( t# D6 p4 ?

     

    . H d" F) Y% r e5 X

    就这么一瞬间的快门反应时间。。。所以相机还要好。

    $ S" ~: I1 g, q7 S) y, |

     

    - G1 w/ j! M6 I! |8 S

    CG制作的闪电,与真实无二~

    ; u) {& j: y# B

     

    " R! E- {7 V, u$ m; w( _

    8 t* }! \3 g. D1 l- ?

    游戏中的“闪电”风格特效,我们只需要抓住它的特点!

    & f& ?: o5 ?; V1 Q$ [

    8 e% }+ z1 R8 K4 Z$ x2 Y' J6 q" W

    OK,闪电特效的制作方式已经数不胜数,从PS、AE到Maya,Max,凡是主流的设计类软件,都会有闪电的滤镜或者插件。效果有好有差,需要我们设计师的具体操作来决定!

    * a/ n3 }# k* p6 g+ V

     

    $ L4 U% B0 n( \# {6 F

    闪电的特点:

    ' U8 O! o. Y# o% Y

    1、“闪”,就是要快,瞬间的变化往往让人来不及看清楚!

    - Y% E9 Z" g8 H: |" I& q

     2、“亮”,一瞬间,一条或者一片暴白的高亮线条。

    4 S2 f1 y4 Q# E9 I

     3、“电”,呵呵这个“电”,指的是他那些张牙舞爪的触角,让人看了就麻嗖嗖的。

    " Q6 n9 u' }! `& W% u) p: F8 T* I

    4、“炫”,它不但自身高亮,也会照亮环境,瞬间的闪动,让人过目难忘。

    Y9 u' N/ o8 J& b |6 R8 U

     

    & L/ j9 K4 m7 y6 i9 z# s8 |

    ====================================

  • Tommy.W
    Tommy.W 2010-9-25 21:53:00

    ====================================

    2 ]$ `- h. h. H

    开始我们的教程——“闪电”的制作 其实了解了它的特点之后,制作起来是很简单的事情。 我们准备制作一个"电流下落击中地面后形成闪电球然后散开消失"的过程。

    P) Z* [& X" ]4 C( [; }4 T

    效果预览:

    5 F [3 \, A4 I, a3 O S- E

     

    4 Y1 P3 L6 [( J! ^' r f6 X, m. s5 E

    OK,照例放出两张贴图,需要的拿走:

    4 e/ n/ c4 x% i( j

     

    [1 d! z, @- O9 }& G& z

     

    : R: [' P, Q2 ?9 R( L) [

    关于闪电的贴图,大家应该不会陌生,基本上各个软件的插件里,都会出现带有“电”属性的滤镜,可以制作不同形态的闪电。其实如果你有心情,自己绘制闪电贴图也不是一件难事,记住用锐利的线条和多变的形态来诠释它们。。。

    ; c- L; L X- ]# u0 S( l

     

    $ L; Y6 d- R, [2 u6 ]. J" {

    =============================

    2 u% J& a# ^7 m! r% z5 _5 J) n

     

    4 ?9 r6 B7 T9 _

    第一步,我们要制作这一道下落的电流,就用提供的素材中第一张。 max里面创建一个交叉的Plane,贴上图,制作一个缩放动画,像这样:

    5 Y; ~# U2 J+ K e I4 q) |

     

    5 c( e5 p! Q2 r N& E2 i' I9 G5 [* @+ J

    伸缩动画要按照闪电的运动,从上到下运动,帧数控制在2~3帧即可。 因为闪电的速度通常是眼睛来不及分辨的,除非你想制作一个慢动作的电流动画。这个交叉面的UV按照贴图,水平分成4份,占4分之一:

    2 }' x9 Z+ g% j; `3 e

     

    1 D0 c5 y8 i3 [9 \

    7 [5 R: U" z+ r0 ]9 u7 k

    接下来,给UV制作动画,瞬间打下来的一道电流,包括上面说的2帧缩放,我们一共给它5帧就足够了,为UV,Key动画吧,顺序可以按照你的个人感觉了,只要整体给人向下运动。我们得到了这样的一条闪电:

    9 u( ^9 J7 ~. z; i) S! _2 I% Y

     

    O8 T8 `6 R0 A+ i3 X$ N( b

    g, Y- V" f5 k, s: [

     

    9 x G$ b7 {5 n% C4 N \ W: g

    呵呵,我这个电流就4帧,感觉够了就可以,不必看那么清楚。

  • Tommy.W
    Tommy.W 2010-9-25 21:58:00

    下面的闪电球其实就是一个面,贴上了素材中的闪电球的序列贴图,

    . x2 ^: H2 K, x0 h& L

     

    [9 k6 T; n, O m6 W3 Q

    像上图所示,闪电球这个片我们让它朝向摄像机,然后依旧为它制作UV的运动,让它感觉是一个有电流缠绕的球体,同时制作由小到大的缩放动画。球从小到大到消失的过程,我给了8帧,消失和闪烁都是用透明度来控制的。

    % t2 ?1 D5 _3 c

     

    ' }" K" w( C5 f' R; t' K

    动态图就不制作了,看看上面的预览即可。然后说一下闪电球的消失和后面残留的闪电粒子。。这里的粒子用了一个超级喷射粒子发射器(SuperSpray)

    " H5 I! C, Y3 Y/ B6 }

     

    ; U4 Z' X0 a, F7 Y( M7 n4 o

    让粒子用面的方式发射,参数如下:

    , L* |6 w# G8 g \' N

     

    ! }' z" I4 A1 v, y8 W

    做到这里,你会发现整个过程都有了,但是效果看起来不如上面的效果预览更“闪”更“劲爆”, 什么原因?

    # G. M3 g7 @0 I- A7 f

    呵呵,这就是最简单也最出效果的一步,加光晕!!!!!

    ' b" ^8 ~& q4 d( I' R

    拿一张这样的小贴图就足够了:

    % k0 Y q& v: Q+ O5 p3 J! S' w

     

    2 n }% n# X' K- E9 s4 ^; P

    复制一个闪电球的那个面,放大一下,缩放动画的节奏相同。

    9 u+ H4 l$ K- z" D

    然后让贴图在闪电球放大的过程中,比如第4第6帧分别爆闪一下。

    + w; {$ V `* r. c- n

    切记,不要整个过程都出现光晕,就选一两帧让光芒闪一下!

    0 O" w% [6 [) x( H) N- h

    OK,闪电闪电嘛,我们当然要让它闪了,辅助的光晕效果给了它灵魂。教程最后再看一遍效果。

    0 F, E& f+ v, J2 z

    9 s1 w: S* b; U; X

    像开头说得一样,闪电的特点鲜明,但是制作起来难度不大,只要找准感觉,你能做得很好,快去试试吧!

    4 k5 b: Z4 _! C. {, F

    ======================================

    ' n# u0 N9 M+ |) |

     

    , r3 A3 j' b4 k7 y

    这是一个很小很简单的范例,它可能会是你制作的某个大效果中的重点元素,各种元素全面掌握之后,你就能够制作出很大的效果! 教程完!

  • 啦狼
    啦狼 2010-9-26 00:25:00
  • 阿丹110
    阿丹110 2010-9-26 12:31:00
  • meinvooo
    meinvooo 2010-9-27 15:04:00
    好教程,很详细
  • huanhuochang
    huanhuochang 2010-10-8 11:03:00
    序列贴图是怎么做的?大侠说下吧~
  • 游客
    游客 2010-10-14 16:50:00
    太棒了!
  • wing0509
    wing0509 2010-10-18 08:43:00
    請問其中說到的消失和閃爍是用透明度做的,那透明度是在哪調整阿?0 ~& W) s& h; x c/ j 是材質球嗎? 因為我材質球用了透明貼圖後再調Opacity 他不會變成透明.... ! I+ b/ W8 r9 E y) j% h" K) P還是一直有圖,還是有別的方式可以使圖變透明阿?& D7 B# f* R/ r2 _( G" i4 F & i% }- q/ v# I5 O) t0 k( E ======================== / l6 R4 ~3 `6 \$ k. q. X# `解答:4 W q, z4 V! G1 | 如果你用编辑器的,那不同编辑器控制透明的方式不同,这里不讲。# w- R& @; {( [' {% v max的话,还有一个办法就是选择你的模型,右键——属性。。。( S' }( y; |; t4 P8 D1 h 然后为“可见度”这个参数设置动画!!!6 R1 o3 v8 x+ ^ 9 U" @# d! ~& o6 c3 x; }: t$ s(抱歉啊,想点回复,点成了“编辑”。。。。直接在你的帖子里面回答了~)
12下一页

你可能喜欢

(4-9)游戏中自然现象效果制作——闪电(3天) 
联系
我们
快速回复 返回顶部 返回列表