近期热门
粉丝2700
关注 3
获赞 10671
首页 CGJOY论坛 动画作品交流 动画教程
跟随与重叠,一文带你理解柔软的秘密

[动画教程] 跟随与重叠,一文带你理解柔软的秘密

[复制链接]
19978 4 72 448 2年前 举报
640.jpg

跟随与重叠可能是动画原理中的难点,其中的典型例子草飘原理的掌握更是难中之难。虽然它是如此的基础,但又是如此地被广泛运用!本文将介绍从草飘原理出发,探究跟随与重叠的运用以及如何将它们真正付诸实践。


弧线运动

正式介绍之前,首先我们需要对弧线有一个认识。很多事物的运动你可能未曾意识到,但它们的确都是以弧线运动的。比如人物飘荡,手臂摆动,脚的起步,敲捶动作甚至可能是一记漂亮的右勾拳!

640 (1).jpg
640 (2).jpg
640 (3).jpg
640 (4).jpg
640 (5).jpg

草飘原理本质上也是一系列的弧线。弧线非常重要,它们是一种自然而流畅的运动,其应用场景也十分广泛。

640 (6).jpg

正如你所看到的,这里有两个波浪线跟随摆动的例子,每一个波浪都有一定的跟随波动。同时,在每一帧内,这些波浪线的位置会略有变化,但都是按照特定的顺序。

从一个跟随到另一个,以此类推,运动也因此而看起来很流畅。试想一下,如果这些运用到动画当中,动画亦可以更加真实和逼真。

为了成功完成一整个完整的波浪运动,在实操中,我们需要做一定数量的跟进,它看起来会像下面这样。

640 (7).jpg

在下面这个例子中,我们看看马是如何像一面旗子一样把牛仔挥舞起来的。

640 (8).jpg
640 (9).jpg
640 (10).jpg
640.gif



在动画中,我们从第一幅画开始(就像图中的马一样,开始一个有节奏地挥舞着的连锁反应),用第二张图作为指导。然后,每当你到达变化点的时候,对画面进行修改,使它符合系列的波浪进展和解剖学进展。这个流程适用于所有的动画曲线。



案例解析

草飘原理几乎可以运用于所有物体中弧线的运动。整个流程大致是:有一个引导动作的端点,运动流经物体,直到它到达终点。我们就是对这一过程进行不断地完善。

这样的运动改善适用于任何具有弧线形摆动的物体,同时有助于提高动作的流畅度。举例来说,波浪状运动有助于防止在为四肢尾巴或尾巴或动物制作动画时出现僵硬的运动。

640 (11).jpg

你可以观察一下猫的运动,请注意它的尾巴。尾巴的顶部向猫的脊背摆动,尾巴的底部朝相反的方向推动底部。尾巴摆动流入顶部,就像字母 S 流入字母 Z 的相反形状一样。

640 (12).jpg

狗的尾巴相对比猫更硬,但即使如此,狗尾巴的快速摆动也可以使用草飘原理。但注意,其摆动程度略低于猫。

640 (13).jpg


过程分解

正如迪士尼所说,「事物是不能突然停止的,应该是先停止一部分,而后是其他部分。」动画师运用几个不同的方法来改正这种情况,这些方法被称为跟随和重叠。

接下来,我们通过实例来分解运动过程。让我们来看看这个舌头异常长的家伙的动画。我们在这里,把它分解成最基本的组成部分。

640 (1).gif

舌头是由两点组成的。我们称蓝球为引导点,红球为跟随点。波浪将从引导点开始,而引导点开始的运动将被带入物体中。

640 (2).gif

我们了解了引导点和跟随点之间的关系后,让我们来看看阻力和重叠的情况。

640 (3).gif

拖动是指跟随点拖在引导点后面;重叠是指物体的能量将跟随点推过引导点。上图我们可以看到拖曳的跟随点以及重叠的点。当形状重叠时,会形成一个 S 型曲线。

连接两者的线看起来就像一个 S,这些弧线给我们的运动带来了旺盛的生命力!

640 (4).gif

注意,重叠的动作会使我们的动画更加有趣,因为所有的东西都不是在同一时间移动的。在生活中,更是如此,一切都不是以同样的速度移动的。

这些弧线最终会形成一个 8 字形。认识它,这有助于为之后的点创造路径。下面你可以尽情发挥创意,结合拖动和重叠、S 形曲线和 8 字形来创造你自己的波浪。


练习参考

640 (14).jpg
640 (15).jpg

你完全可以提升难度或者发挥想象——人物在奔跑时,他飘动的衣衫会如何运动?下面这些场景都可以用作练习:旗帜随风飘动,电风扇风的捕捉,甚至只是一条线的舞动!尽情挥洒你的创意吧!

640 (5).gif

最后,本篇还准备了丰富的飘动参考,希望可以帮助到你。

动画中有许多原理看起来真的很基础,但正是在这些基础的原理之上的千变万化才赋予了动画无限的可能性。在未来,你也可以多尝试运用这一原理。了解更多动画行业内幕与制作技巧。

原文地址:动画手册

72
点赞
0
打赏
448
添加到收藏夹

3

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论4
您需要登录后才可以回帖 登录

有时候做多了,反而把动画想复杂了。回过头来再看基本原理,很多问题就突然清晰了。
2年前
回复

使用道具 举报

感谢分享
2年前
回复

使用道具 举报

太全面了,棒极,好帖
2年前
回复

使用道具 举报

多来点干货
2年前
回复

使用道具 举报

您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器