(4-2)将迪士尼动画12法则应用到游戏特效1:挤压与拉伸(3天) 

2010-08-06 11:27 发布

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

; L6 ]; y; |/ I7 { ]! Z

接下来会陆续推出“将迪士尼动画12法则应用到游戏特效”系列教程,强烈建议大家先阅读教程前段的理论知识!!

& z1 \( P) B( h7 N1 ?3 r

有疑问欢迎跟帖,我们一起讨论!!!!

: h0 [! E$ Q4 m% ]

 

5 t4 L3 N' M& w2 g) x$ _4 Q e

作业:学习下面教程内容,理解消化“挤压与拉伸”的原理,并制作一个应用效果。

5 r, ?! \ m! T, K% H

时间:3天

5 W& ?+ v/ r) l* T# K

要求:

* c! O! U- k$ t/ C2 p7 O

1、效果的主题不限,大小不限,只要效果中有“挤压与拉伸”的具体应用即可!

r8 g) { F1 t r& P' @

2、时间充裕,制作上尽量精致!

! b1 g7 @$ \! C9 x8 q

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

- U2 T e: B `6 O

 

% r( \3 u( }. A) q

作业提交格式:

+ ?1 k/ P2 G) p/ c

GIF或者链接视频

c: l! z# C4 G X9 f+ E6 _

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

' R M2 ^' ]5 S" @

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

& R, s9 V k" i. L5 m

 

' _# c3 ], X7 M. W+ @

作业提交地址:

& B2 W0 j& Q3 Q# Z- R

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

k! t, x0 W' z$ ?2 M; h

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

B Color Smilies

全部评论20

  • Tommy.W
    Tommy.W 2010-8-6 11:29:00

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

    7 z# ?, U6 C0 h2 W: P

     【游戏特效Tommy原创教程】迪士尼动画技巧12法则应用系列(1):挤压与拉伸

    * H) z. y6 k' o0 f0 I# |# w2 F

     

    & J' [& W) ?( v* ?

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

    9 B3 x: D# i: _7 K9 H1 U; U

     

    8 ~" b& L9 X0 K3 k% f6 ~4 E" \, m4 O

    这一系列的教程,仅仅展示Tommy个人对迪士尼动画12法则的理解,目的是跟大家一起探讨怎样把这些动画的精华融入我们的特效作品中。这12法则对于动画专业的朋友来说,一定不会陌生,有什么见解不妨说出来跟大家分享,如果大家有了疑惑,一起讨论,共同进步!

    4 Y0 Q! q* |* Q) e% u

     

    2 ]* I* `- K1 ]

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

    5 g0 g6 q4 h& m6 F7 F

     

    & g; z& e! ], H$ c

     迪斯尼动画技巧原理之一

    8 E4 j3 R x# i+ A+ C

     

    ) A0 N' q; r& X; j a! J1 y

    —— 挤压与拉伸作者:Frank Thomas and Ollie Johnston

    - E- c' a( ?: m. }# |

    编译: 张胜治

    1 m8 `5 M1 R( q; O- p

     

    3 h% s4 C+ c5 S4 y& Y! o" |

    我们所说的挤压和拉伸是动画中最重要的发现。当用图画的变换来表现一个物体的移动,但其形体不发生变化的时候。它的动作会明显的表现出僵硬。在真实的生活中,这只能表现在一些坚硬的物体上。

    6 l) _% k2 E* w

     

    1 p2 ]3 b$ l& R

    比如象椅子、器皿和盘子等这类物件。但是任何有生命的物体,无论它的骨骼怎样,每做一个动作,它的形态会体现出相当多的运动。象手臂的弯曲和伸展引起二头肌明显的隆起和拉伸这就是很好的一个例子。外形明显的向体内收缩和外形极端的拉伸形成对照。对于面部,无论咀嚼,微笑还是讲话仅仅表现一个表情的变化,要使其更有生命力,应该在面颊,唇部和眼睛处加以刻画。不然的话,就象蜡像一样僵硬。

    ; ]; ?7 ~, L' h' {6 ^1 H: K

     

    % |# |' z( ~; r& ]& K, x

    我们能够用使物体受到压力而变平或者被推挤成一块来表现挤压。对于拉伸,我们始终用一种相似的形式来表现,就是将物体合适的延长或扩大。从一幅图画的动作到下一个动作这是动画的本质。我们不再用脸上的一条简单的线来表现一个微笑;现在它包含了唇形定义和与面颊的关系。我们不再将腿表现的象一个小管子或橡皮水管;增大弯曲和伸展使他们显得更加有柔性。

    " c0 x# @+ S1 I

     

    + X8 p% f, w) i' t9 T$ c

     动画师竞相使用大量的挤压和拉伸技巧来制作动画,以将那些原有的动画法则推动到极限:

    8 ^0 M/ O$ H: p* M$ e! B$ @

    象在表现眼睛闭合时,可以将眼睛挤压使之倾斜;和表现眼睛睁开时,可以将眼睛拉伸的象瞪出眼珠一样;

    ( @3 M4 ]% c% T5 v

    “吸气”时的脸颊的凹陷和与之相反的吐气时面颊的膨胀;在表现咀嚼动作时,先将嘴拉伸到在鼻子下较远处,然后再上提压缩超过鼻子的位置(最好改变嘴的形状)。

    5 C) a& v, [ _

     

    ( i, P Q7 Z+ ]/ Y: x7 P

    在三十年代中期,动画师专门制作出两张图画,用于确定挤压位置和拉伸位置。 为了避免使被挤压的图画看上去不会过于发涨和被拉伸时不会显得象萎缩一样,这里有一些好的建议。就是在考虑挤压和拉伸的时候,把物体的形状或体积看成一个装了半袋面粉的布袋。当它掉落在地面上的形态,与它的初始状态相比它好象被压扁了,如果逐渐的将它提高,它会比它装满时候的形态表现的还要伸展,然而它的体积并没有发生变化。

    6 h, w$ O g: k9 i

     

    7 N/ x. f# ~* s* e+ c9 j/ k& D# ]

    我们甚至绘出面粉袋不同的姿态——直立,扭曲和各种带有情绪的动作,直至我们使它看上去不再象一个面粉袋。这样可以迫使我们去寻找,用最直接的绘制方法和最简单的描述来表现它。我们发现其中有许多内部的细节在对与整个形状的表现上是不必要的,所以我们必须进行适当的构思和删减。这些经验被运用到米奇的身体,他的面颊,其他动物的鼻子,嘴巴,甚至于唐纳德的头上。

    9 N8 W r2 M& Q4 W, ~

     

    8 V9 y( s$ A# M9 G& z1 G

     在每日报纸的运动页上我们发现一个平常没有注意到的宝藏。这里的照片展现出人类肢体各种各样的拉伸、伸展和激烈的动作表现出人类肢体的弹力。我们的动画原理能够很清楚的在其中展现出来。这些与整体的形态一起传达着喜悦、挫折、专注和所有在运动世界中体现出来的强烈的情感。

    % }9 G: K M4 M$ v0 N. w+ O

     

    ; X. ?* N1 X7 C Z) K

    这些开拓了我们的视野,让我们开始用一种新的方式来观察。 . 所有初期的动画艺术家的动画测试标准是画一个跳跃的球。让人感到惊讶的是,它快速表现和容易变化的特点,使它成为检验我们所学到东西的依据。

    5 ^/ }4 C6 P6 Y$ \5 Q6 n1 `. Y/ i3 F

     

    5 M4 T9 v0 [% p; U9 }

    其方法是先简单描绘一个圆圈来表示球,然后在连续的画出使它掉落碰撞地面,反弹后回到空中,这样循环的图画。我们可以让球从画纸外跳入,前进直至跳出画纸,或者在任意一点上开始小球的循环跳跃反弹的动作。这些看上去似乎很单调,但是经过这样的测试,我们可以生动的掌握到关于节奏,挤压和拉伸的技巧。

    : r, d7 i2 r& o7 y" D, E

     

    $ I1 V- l; j0 U: ?8 ~4 w

    我们认为在球快速运动的那一段时刻应该改变球的形状。最简单的方法是把圆圈拉长,然后在它碰撞地面的时候迅速的将其压扁,就象橡皮球一样。这个在底部的变化可以使球在弹到空中时显得有力量。如果我们在这个动作的两点间额外的加入中间画,这会使小球在地面停留的时间太长,就会产生小球主动跳跃,而不是反弹的奇异效果。

    * x" |$ U- n* l6 v$ t; n

    (测试后可以看到它更像墨西哥的跳豆,而不象球)。

    / \: `3 w" T2 K1 i: j4 c. y$ {0 L- M

     

    ! e, N5 d7 g( k! o/ B. o6 t& W$ I

    如果我们在图画的安排和它们的距离上产生了错误,会产生一些让人感到奇异的效果,如象一只受了伤的兔子,一只在生气的蚱蜢或者象一只困乏的青蛙。然而,这样又使那些圆圈看上去好象有了生命一样。 初期的动画艺术家们是有创造力的团体,他们善于尝试各种改变。动画家在对场景中的动画,考虑的任何对其有启发的事情都是十分重要的。

    4 J& b s+ K9 m

     

    * d+ a3 {% S& T7 d

    我们从球跳跃的开始和弹起就可以看到一些人的差别。因为随着球弹跳的距离越来越短,球也逐渐的失去弹力。我们可以在透视图中很好的看到它们的复杂的外形变化动作,还有在球的周围添加一些条纹来表现它在整个运动中的旋转。

    ; P/ v' {) F$ }$ w

     

    V" O( R, I6 D* T9 H

    这些人很快的被效果部门区分开来,专门从事机械类型的动画。象一接触球就爆炸,或者在球第二次弹起时象鸡蛋一样碎裂,再或者让它张出翅膀飞走,这些表演的结局更让人觉得有兴趣,有活力和充满惊喜。

    . A: ^+ ]' i5 z8 [% z( J

     

    7 F+ C- c7 T% u' z

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

    5 I0 m7 f2 J6 f

  • Tommy.W
    Tommy.W 2010-8-6 11:32:00

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

    ' T/ y1 ~/ S' K! s+ i

     

    + v! e. X3 G. R) O- m0 V

     而我们的游戏特效,说到底也是做动画,这样的法则自然有其遵循之道。特别是在Q版游戏特效作品中,处处都能找到挤压与拉伸的应用之处。迪士尼的小球弹跳动画,是个典型中的典型,很好的诠释了挤压与拉伸在视觉表现上带来的生动感。

    6 {# _+ j+ [5 \* O! W3 d

     

    ; l2 ~- U: ^/ }( G2 y* U/ n

    9 Q' V r# k9 p. ?7 n

    (图片来自网络资源,原作者保留要求移除图片的权利)

    $ F, T) h4 t! P+ a) B; {

     

    + J) R3 x4 U3 F- R9 R+ ^) s# J

    (图片来自网络资源,原作者保留要求移除图片的权利)

    , t4 _; ]( U) j7 v- h$ I

     

    + N! C ]1 ^) Q, w7 o% v2 J2 ]2 M

    其实看看网络上的高速摄影视频,不难发现现实生活中的物体运动,或多或少也是存在着挤压与拉伸的。我们做特效的时候,需要把这个过程合理的体现在我们的作品中。 找到以前制作的两个Q版文字特效,它应用了挤压与拉伸的技巧,这里放出来方便理解:

    6 T6 F9 \+ E; c7 ^4 h6 A. k

     

    @# _' ?4 T# n* N% q3 R) b

     

    ) _: w& b; W( R1 @% `; K

     效果中的文字以各自的运动方式进行了挤压与拉伸的动画设置,虽然没有太复杂的辅助效果,但是仅看文字就能感觉到它们动感十足。

    0 I# O2 ~/ v& l: K$ u+ l& m3 O- L2 p

     

    ) U* m* d; y" b) ~: S' }

    我们看着这几个字,想象一下常规的文字出现方式,简单的淡入淡出,简单的水平移动,无法体现出Q版游戏的“Q”!!

    / B7 k7 z1 K: u B) s8 z) c6 ?2 T

    做了这样处理的效果,就给人一种有弹性,有嚼劲,有生命的“活力Q糖”感觉。

  • Tommy.W
    Tommy.W 2010-8-6 11:36:00

    这类的效果,当然不只是应用在文字效果里面了,下面再给出之前的一个Q版的“获得状态”的效果,里面也应用了这种动态拉伸效果:

    - Q" M, X, @" o- P

     

    & B' o! Q- a; J/ c: L

     

    : m% ] o5 c5 Z4 O( E

    这个效果制作时担心佛像贴图风格不够Q,有点过于写实,经过思考之后,采用了这种挤压拉伸的方式,体现出Q版游戏的活泼可爱风格,即使像金佛这样写实的元素,我们也能找出他搞怪的一面。

  • Tommy.W
    Tommy.W 2010-8-6 11:40:00

    下面我们拿一个肥皂泡泡,讲讲特效作品中,“挤压与拉伸”具体的应用技巧。 先放出一张泡泡贴图,拿上篇博文里面的图片稍作修改如下:

    : k$ [: z, \% l

     

    4 t. Y) Y& d0 y# f- H( z, l: {, I

     

    / x9 X. L& [& z- `

     

    2 \2 r7 {. n1 C5 y6 _4 U9 K* ?

    (需要用它做贴图的朋友拿去自己合成TGA吧) 这算是头写实的大泡泡了,我们假设需要制作一个泡泡从屏幕边缘飞出来的效果。建个背景,建张面片做为泡泡。

    # a5 M7 d7 ^, w z# j4 r+ F

     

    ' r7 E( ^5 v1 K' x4 v9 J

     

  • Tommy.W
    Tommy.W 2010-8-6 11:42:00

    把图贴在粒子面片上,简单设置一下动画,先看看常规的效果:

    " \2 v0 |2 G0 j4 s% Z

     

    ' f8 V& y! A& L& U: V4 ^: }

    这种效果很常见,其实如果泡泡的贴图漂亮,这已经算是主流的特效表现了。我们来探讨怎样运用“挤压与拉伸”,来进一步的改善效果。这里应用“挤压与拉伸”,在泡泡入画最合适,后面就是泡泡入画后的惯性作用来延续效果了。我们给泡泡的面片多加一点细分级数,放弃粒子运动,手动设置它的运动:

    5 ~& t! q. p/ D# ]& Q d) ?9 V

     

    ; Y1 w- f* Y# C1 x0 D

     

    ' W$ ^4 u7 z4 z+ h0 c. R" @

     

    8 Z4 J/ ]; O; O% s

    越了解运动规则,你的效果越好。这个设置过程会比粒子被湍流风吹要麻烦些,要不停地改变面片的轴坐标,不停设置泡泡的轴向缩放,不停的修改曲线图,没办法,谁让我们追求完美呢。。。。看效果:

    4 c8 u0 A' {; f: h% F

     

    + J# x+ U+ i0 V3 Z& p

  • Tommy.W
    Tommy.W 2010-8-6 11:45:00

    看到没,泡泡应用了“挤压与拉伸”的动画设置之后,更生动,更活泼了。。。

    $ z) N$ P( P9 r' O1 J/ e+ z

    这里只是举例,没有做的太细。如果你的特效编辑器支持点动画,支持多轴向动画K帧,你还可以做得更好。我们的口号是:“为无限的改善效果事业而奋斗!!”

    , B( Z. M8 N: Q% D% W' a

     

    b+ p j- }; ^1 h" v0 E8 u

    当然我们也不要死脑筋,不能什么作品都这样抠细节,毕竟很多效果中,泡泡根本就是配角,不是主角。

    ) f* D% e6 g# h

    这里讲它,只是方便大家明白“挤压与拉伸”的技巧我们也是可以应用的。大家有更好的范例或者建议留言给我,一起探讨。

    & U3 S& ]; K4 B0 s0 D E

     

    ; q2 V: m9 \+ k, n2 `5 I

    最后再放几个这种活泼可爱的小效果,都是很久以前的作品,给大家参考下罢了。之前做得一个叫“望月门”的弓箭职业效果,创意挺好,我喜欢:

    9 X1 ~& D# P3 [2 k* \

     

    ! @1 J L* ?4 l9 U# `' R

    这个优秀文字效果,不是我的作品,一位好兄弟做的,发出来给他吹吹风:

    2 K& @& L' a/ C8 w

     

    + z! n) ?# M4 j+ e1 ]3 V9 w6 c ?# T1 p2 F

     

    4 D0 l4 V* D* |! b9 ]

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

    8 N1 x8 T8 P9 V. `1 V5 B' b

    结语:《迪士尼动画技巧12法则应用系列

    2 a* j7 ~$ t% W' b0 r/ O1 X3 {

    (一):挤压与拉伸》就讲到这里吧,作为迪士尼动画12法则中最重要法则,它的精髓一定不仅仅是Tommy说的这一点两点,还有些优秀的应用方式,期待大家一起参与探讨。加油!

  • langsnow
    langsnow 2010-8-9 08:45:00
  • 51mm
    51mm 2010-8-10 17:53:00
    真心感谢
  • ROOFCAT
    ROOFCAT 2010-8-13 00:07:00
    复习下,呵呵
123下一页

你可能喜欢

(4-2)将迪士尼动画12法则应用到游戏特效1:挤压与拉伸(3天) 
联系
我们
快速回复 返回顶部 返回列表