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

1. 让人物动起来

第1步

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

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

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

第2步

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

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

图1

第3步

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

图2

第4步

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

图3

第5步

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

图4

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

第6步

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

图5

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

第7步

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

图6

第8步

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

图7

第 9步

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

图8

第 10步

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

图9

第11步

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

图10

第12步

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

图11

第13步

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

图12

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

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

2. 手臂的动画！！

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

第1步

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

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

给图1加上手臂

第2步

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

给图2加上手臂

第3步

保持手臂的挥舞！

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

给图3加上手臂

第4步

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

给图4加上手臂

第5步

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

给图5加上手臂

第6步

完成所有的手臂动作。

给图6加上手臂

给图7加上手臂

给图8加上手臂

给图9加上手臂

给图10加上手臂

给图11加上手臂

给图12加上手臂

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

3.现在修饰和美化它！

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

第1步

收拾图1的线条

第2步

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

收拾图2的线条

第3步

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

收拾图3的线条

第4步

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

收拾图4的线条

第5步

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

收拾图5的线条

收拾图6的线条

收拾图7的线条

收拾图8的线条

收拾图9的线条

收拾图10的线条

收拾图11的线条

收拾图12的线条

完成了！做得棒极了！

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

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

教程：

PS制作gif动画表情

http://www.zcool.com.cn/article/ZMjQ0.html

动画实例解说——PS中时间轴的用法

http://www.zcool.com.cn/article/ZNDg2ODg=.html

翻译：达尔文， juey，lynn_dash, jojo, Esc李 ， _siusiu_， 小胖雀

校对:   Zoey

原文地址： http://design.tutsplus.com/tutorials/animation-for-beginners-how-to-animate-a-character-running--cms-25730

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

我们是DATS翻译小组，我们爱设计爱英语，通过翻译设计的文章共同学习进步，虽然我们还有许多不足，但是只要把每个人的微小的力量聚集起来，总有一天会发出耀眼的光芒~ 欢迎到主页关注我们。