当前位置: 首页 > 设计资讯 > 设计教程 > 正文

零基础也能学会的动画入门

2018-07-19 2834 0

4ffa56d2ff326ac7252ce6fc3889.jpg


 


 


 


 


 


 


 

在本教程中,我们将探索动画角色的跑步周期。在这次的案例中,人物会就地跑起来。如果这个跑步的周期被合并成一个影片,大概会是在人物后面出现一个背景从右侧滚动到左侧。走路和跑步的动作有点挑战性,但这将是个非常有趣的动画!


 

3a8956d3007e6ac7252ce67f1d06.jpg



1. 让人物动起来


 



 



 

第1步


 


 


 

从画地平线开始。作为一个步行周期,当我做动画的时候我喜欢给每个脚步画一个辅助线,以保证脚步的一致。


 

79bf56d300b06ac7252ce6fe804f.jpg


 

跑步与步行的周期相类似。当一个角色走路的时候,在腿部分解动作中,角色的头部通常是位置的最高点。当这个角色迈一只腿追赶自己的时候,另一只脚跨出了下一步。


 


 

99db56d3011e6ac7252ce6e71fe0.jpg


 

当一个角色跑步的时候,两个脚是离开地面的,而在一个步行周期中,一只脚总是在与地面接触。


 

e23756d300c26ac7252ce65c5eba.jpg


 

第2步


 


 


 


 


 

第一幅图,我习惯先从着地的脚开始,先确定脚后跟的位置。


 

我喜欢先打个简单的草稿,在添加手部动作前,保证姿势和动作准确很重要,所以让我们先关注下肢的动作,手臂则可以先放在一边稍后添加。这次绘作,我将会一口气把动作画完,而不会同时画其他动作。


 

fa4c56d3015932f875520f16586b.jpg

图1


 


 

第3步


 

注意脚的姿势!在第2幅图中,离我们比较远的一只脚与地面是完全接触。而离我们比较近的一条腿则是准备向前运动的动作。在这里要注意右脚与左脚在姿势交叠之处的处理方法。

 


 

 


 


 

图2


 

第4步


 


 


 

接下来是第3幅图啦!鉴于我们要画一个运动周期,人物是保持原地跑步的状态。所以我们应该考虑到运动的连续性,当左脚向后滑时,靠近我们的那只脚就要呈现向前抬起的动作啦!


 

图3


 


 

第5步


 


 


 

在第4张的绘制中,人物的右脚开始向前迈出。


 

图4


 

在下面这张幻灯片里,我把我们之前的四张画重叠放置。你可以看到我们刚刚绘制的这张画与其他画对齐放置的方式。我们把第四张画涂成黑色。注意观察贴在地面上的左脚是如何向后滑动的。这些手法制造了一种人物原地奔跑的画面。当运用在一部电影或是视频中时,可能还会加上一个不断滚动的背景。


 


 


第6步


 


 


 

到了第5张画,我们的人物迈出了一大步,双脚离地!


 

f83056d302066ac7252ce6a680e9.jpg

图5


 

注意,第5张图绘制的人物要比第4张的离地更高些。


 

efba56d302206ac7252ce63d5d15.jpg


 


第7步


 


 


 

在第6张,人物仍然在空中。不过毫无疑问人物要开始落回地面了。


 

018056d302706ac7252ce6bd79d1.jpg

图6


第8步


 


 


 

在第7张图,人物的右脚脚跟首先着地。接下来我们只需重复之前绘制的动作,换成左脚先迈出即可。


c71256d302856ac7252ce6d054fc.jpg


 

图7
 


 


 

第 9步


 


 


 

这时左脚稳定地立于地面。每个画出来的动作都要保持平衡,不然人物就会看上去要跌倒!我们可不想那样!


eabc56d302db32f875520f4a9166.jpg

图8
 


第 10步


 



 

这时人物的右腿,就是在第9张图中离我们稍远的腿现在向前运动,越过了左腿。要画得潦草些!不要害怕在人物身上涂写,这样你才能确定后面的腿与身体的连结关系。

e78d56d303c032f875520fc5bb49.jpg
 

图9
 


第11步


 


 


 

起跳!在第10张图,右腿蹬地而人物升高,这就是在重复之前所做过的右腿的动作。


 

图10


 


 

第12步


 

正如之前,在第11张图中,人物的脚离开了地面。

图11
 



 

第13步


 

仍然是离开地面的状态,第12张图人物稍微较之前位置低一点。既然这是一个循环动作,当我们回放动画,第12步就与第1步连起来了!好样哒!!


 

9e7456d303ed6ac7252ce6f80505.jpg

图12


 


 

到这里你已经做得很好了,现在看一下目前为止我们的动画效果吧!不错!


 


 


 

我把靠近我们的腿涂成红色,这样就能清楚地看出两条腿的相互关系。


 


 


2. 手臂的动画!!


 


 


 

当我们做跑步的动画,右臂向前摆动时,左腿通常也向前移动,然后当右腿向前移动,左臂也向前摆动。


 


 

第1步


 


 


 

让我们加入手臂。请记住,远离我们的腿是向前的,离我们更近的手臂就是前进。然后远离我们的腿收回来的时候,远离我们的手臂同样的也就收回来了。


 

在描绘准确运动之前不要太在意细节的描绘,通过简略和粗糙的画就行。我的手臂都是基于骨骼线通过素描的方式展现的!


 

5d1556d3045632f875520fcf6be0.jpg

给图1加上手臂


 


第2步


 

当右腿与另一条腿交叠,手臂基本都是在中间挥动。


 

156656d304666ac7252ce63cd321.jpg

给图2加上手臂


 


第3步


 


 

保持手臂的挥舞!

当左臂向前摆动时,右腿通常也向前移动,同样的,当离我们近的那只手臂,向后挥动的时候,后边的那条腿也在向后蹬。


 

给图3加上手臂


 


第4步


 

继续画!画得潦草一些没有关系,注意到这时,为了配合左腿的动作,离我们近得那只手臂向后挥的更远了。


 

给图4加上手臂


 

第5步


 

接着画下去!你已经做得很好了!

给图5加上手臂


 


 

第6步


 

完成所有的手臂动作。

给图6加上手臂


 

给图7加上手臂

给图8加上手臂

给图9加上手臂

给图10加上手臂

给图11加上手臂

c8cf56d3066d32f875520fd7de4c.jpg

给图12加上手臂


 

057c56d306846ac7252ce6fa9165.jpg

看起来棒极了!让我们看看加上手臂后的跑步动画!



3.现在修饰和美化它!


 


 


 

既然前面我们已经把动作给设计好了,现在我们来把刚刚画的线条加粗一下,让它看起来更加光滑。然后再加上一些细节,比如在这个例子中,我给它加上了一只眼睛,但我不需要把它画得太过于细节化,让它看起来像眼睛就行了。


 


 

第1步


 

794556d306bf6ac7252ce6c41002.jpg


 

收拾图1的线条


 

第2步


 


 


 

继续上面的步骤,然后你会发现它越来越好看!我用一只中型尺寸笔刷去加粗我画的这个人物。画的线不一定要很完美(事实上,它越不完美,看起来就越有你的特色。)一些专业画作会用很平滑的线条去画,但这里,我们可以画得好玩一些,让线条看起来有些松散。


 

收拾图2的线条


 


 

第3步


 


 


 

当小人抬起它的腿跑步的时候,我通过让它的眼睛稍微向下移动来实现它的头部上下摆动。这样就会给人一种它的头跟脖子是连在一起的。


 

收拾图3的线条


 


 

第4步


 


 


 

我把他的眼睛画在更低处,来实现头部运动的效果。


 

收拾图4的线条


 


 

第5步


 


 


 

快要完成了!整理每一帧画面。


 


 

收拾图5的线条

收拾图6的线条

收拾图7的线条

1fc556d30aa632f875520f16cc34.jpg

收拾图8的线条


 

收拾图9的线条

收拾图10的线条

收拾图11的线条

收拾图12的线条


 


 

完成了!做得棒极了!


 

通过简单几步就可以创建一个跑步的动画,为你自己自豪吧!你可以结合自己的风格尝试创造属于你的独特动画!画得粗糙些也没关系,但要勾勒出你的人物,让创作充满乐趣!并保持创作!


 


 


 


 

译者补充:有人可能要说了,我会画,但是不知道怎么让他们动起来呀~Fine,我们收集了网站上ps时间轴的教程。学会就是 So easy~


 

————————————————————————————————————————————————
 


 

 


 


25
评论区(0)
正在加载评论...
相关推荐