逐帧动画例子人走路

美女购物归来——flash逐帧动画（人物侧面走路）教师备课时间上课时间单位专业计算机教材《FLASH动画实例教程》班级二年级课型理实一体化课时2课时（90分钟）课题美女购物归来——flash逐帧动画（人物侧面走路）教学目标【知识目标】了解逐帧动画制作过程及人物走路原理【技能目标】对人物脚关节的调整达到走路效果【情感目标】培养小组的团队合作精神教学重、难点学习重点：逐帧动画制作过程学习难点：人物走路教具评价表采用教法讨论法、观察法、举例法、演示法。

作业布置制作一个卡通人物侧面走路和简单眨眼的动画教学过程环节教师活动学生活动时间第一环节（能力发展动员）情节设计：如果我们画了一双眼睛，想让它眨一眨，画了一双腿，想让它走路，以前所学知识是完成不了这个任务的，今天我们一起来学习逐帧动画走路效果。

进入情境，请求帮助可以拉近师生之间的距离并且激发学习兴趣，明确学习目标。

3分钟第二环节（能力发展诊断）教师提问：1、今天所学内容主要用到关键帧、普通帧、空白关键帧哪一种？2、人物走路哪些地方在动？3、人物运动过程中手的摆动规律和走路有什么区别？在全班同学中随机点名几个同学来回答问题8分钟第一步：提出任务准备工作1、网上查找人物走路效果图片或动画2、动漫书刊3、找人当演员演示4、电视、视频中观察学生行动：把学生分成8个小组，要求每小组的同学作好准备。

10分钟第二步：小组行动1、各小组分别在电脑利用Flash 软件分工合作，绘制一个卡通美女手提购物袋，其中上半身可为一体，脚的各关节分别分层独立绘制成元件，方便动作调整；2、完成动作分别在1、5、10、15、20帧处插入关键帧，并分别按走路规律调整左右大小腿及脚位置及旋转角度。

如图：学生行动：组长总指挥，分工完成动画（1、手绘身体、脚、腿，颜色要合理；2、动作，五个关键帧动作一定按走路规律去调整关节）25分钟第三环节（能力发展训练）第三步:成果展示测试制作好的人物走路效果给老师和其他小组欣赏（1、时间轴上帧的插入是否正确2、脚、腿关节调整是否合理有规律，3、整体动作是否协调）学生行动：由每小组推荐一名学生示范操作，同时作简单的讲解，8个组分别展示。

人物行走的动画技法解析动画作为一门新兴产业，以自身独特、新颖、个性的手法进入了人们的生活中。

在这里面，如何做出一部优秀吸引群众眼球的动画片，掌握好动画中的运动规律，应用科学的技法表现出来，是成为动画创作者的必备修养。

而行走是人及动物的基本行为动作，行走在动画中是我们最常看到的运动形态，同时在运动的趣味和表现运动的技巧上也是最具考验性的一种运动造型。

而如何做好动画中的行走动作，就必须观察于生活，以现实为依据，了解基本的行走规律。

研究各种各样的行走姿势、行走情绪、行走时间跨度，这些条件在动画的设计中都是尤为重要的。

一.行走的一般节奏行走是人的基本行为动作，而行走在动画中也是最常见的运动形态，如何表现行走的在动画中的运动趣味就考验一个动画创作者的基本运动造型能力。

它不仅包含了其行走中的动画规律，还蕴含了丰富的运动审美内涵。

不同的角色在不懂得动画设计师创作下都会呈现出形形色色的行走姿态。

研究动画角色给我们带来的性格、情绪、体型、年龄等画面气息，在动画的设计中尤为重要。

掌握了人的行走运动规律及技法，是人物在动画运动中的运动基础。

人在站立静止状态中，其重心是垂直于地面，并保持了其稳定的姿态。

而在当人在起步向前的与运动时，气身体的的整个走向是向前倾斜的，重心位置也必须往前移（图1），走路其实就是一种向前补并及时展位不至于摔倒的过程。

所以我们向前移动的时候会尽力不让自己扑到。

如果用比较通俗的方法解释和理解，走路就是控制摔倒的一系列过程，所以我们在画面中表现出来的行走应该以人向前扑而用叫规律性的支撑来表达。

这样会使行走过程更加生动逼真。

因此，人在行走的基本规律就是身体重心前移是髋关节抬腿，膝关节和踝关节随时弯曲，导致两腿交替前行，从而产生身体的不断向前运动。

在行走过程中为了保持身体的平衡，在两腿间规律的屈伸、跨步的时候，上肢的双臂也同步交替前后的摆动。

并且同跨出的腿脚相反的方向交叉运动。

在摆动的弧度中，上肢手臂的动作也会随着腿部步幅的大小变化而变化，即步幅大，手臂的摆动幅度也会打，步幅小则反之。

角色步行动画我们接触角色动画，首先要来学习的就是怎样制作步行，制作各种各样的步行。

步行是最基础的，但是制作步行也许是最难的。

本节的学习，我们会从传统的二维动画理论开始讲起，然后再联系到在MAY A中的角色动画行走的制作。

步行的规律：真实的步行是怎样的？这是一个我们每天都会重复看和做无数次的动作，但是我们并不一定认真地观察和分析过这个动作。

一但要我们把步行在纸上或是计算机中真实自然地表现出来却并不是一件容易的事。

我们首先来看一些连续拍摄的真实步行图片：见图（1）、图（2）对于步行的过程，动画大师们有过形象的概括，他们说步行是这样的一个过程：你就要向前跌倒但是你自己刚刚好及时控制住没有跌到。

向前移动的时候，我们会尽量避免跌倒。

如果我们的脚不落地，我们的脸就会撞到地面上。

我们在经历一个防止跌倒的过程的循环。

在走路的时候我们的上身是向前倾斜的。

见图（3）。

这时候，我们会及时的迈出一条腿来保持平衡。

移步，稳住。

移步，稳住。

移步，稳住。

这就是步行的过程。

在动画制作中，我们习惯上设定一只脚跟抬离地面到再次接触地面，为一步。

两只脚交替各迈出一步为一个循环。

通常情况下，这两步迈出的距离应该是一样的，我们每次迈步的步幅误差不会超过1厘米。

通过观察和分析，我们可以把步行中的一步简化为这样的一个过程：见图（4）这样就可以把步行中的一步分解为以下5个阶段：（1）起始点：（也称作：contact 接触点）这是我们人为设定的一个步长过程的开始。

在这个时刻，角色的两脚都接触地面。

身体前倾，双臂自然摆动，每只胳膊的摆动都与相对应的腿的运动很协调，以保持平衡和推力。

（2）下降点：在这个阶段，角色的两腿微曲，身体和重心下降。

后脚跟抬起。

由于重力的作用，速度加快。

下降的过程一个释放能量的过程。

双臂自然摆动，角色的胳膊这时在最远点，然后开始向反方向摆动。

（3）上升过程：（也称作：pass pos经过点）在这个过程中，角色的前腿伸直，重心转移到前腿上。

第5课逐帧动画一、学习目的利用逐帧动画制作林中散步的女孩。

理解逐帧动画的工作原理，逐帧动画的制作方法，熟练掌握逐帧动画的制作方法。

二、学习内容本节你将学习掌握以下知识：【绘图纸外观】按钮的使用方法【编辑多个帧】按钮的使用方法【修改绘图纸标记】按钮的使用方法【对齐面板】的使用方法插入帧与删除帧三、教学素材（见《素材-5》文件目录）四、学习过程逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。

因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。

例如：人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。

利用逐帧动画制作林中散步的女孩1．学习方法本节要学习的是将几张静态图片连续导入到Flash中，并利用【绘图纸】功能及【对齐面板】将图像对齐，最后建立一段林中散步女孩的逐帧动画。

对于初学者来说，将图片导入到Flash中非常容易做到，但是同时编辑所有导入的图片，并且将它们对齐放在合适的位置，在这点上初学者可能就会一知半解了。

本节主要教给你一种同时编辑多个对象的简单方法，并且通过本节的讲解，初学者可以照葫芦画瓢的制作出精彩的课后练习，来加强学习成果，提高学习兴趣。

2．课前热身（1）创建影片文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档。

在【文档属性】对话框中进行设置：文件大小为550×480像素，【背景色】为白色，如图5-1-1所示。

图5-1-1 设置文档属性（2）修改图层名称双击【图层1】的图层名称，将其图层名称修改为【背景】，如图5-1-2所示。

第6章角色基本行走动画本章将教授制作角色的基本行走动画。

角色行走动画可以通过关键帧动画来实现，在制作之前需要分析行走动作，将动作过程中的关键动作提取并在Maya里设置关键帧，通过不同关键帧的过渡来实现行走动画。

本章主要内容：●行走动作的分析●基本行走的循环动画的制作●基本行走的动作分析●根据动作分析制作关键帧动画●修改并调整动画曲线6.1.行走动作的分析在一部动画片中，角色行走的动画十分常见，所以掌握角色行走的基本动作规律是非常重要的，也是每个动画师必须掌握的基本技能之一。

所谓基本行走动画，指的是角色在行走过程中不附带任何的感情色彩以及情绪，例如角色负伤行走、背着重物行走、角色心情低落地行走等都属于带有感情色彩的行走。

制作行走动画的方法有很多种，本章会为读者提供其中的一种制作方法。

制作角色循环行走的具体步骤如下：1)步伐的制作；2)身体重心的制作（身体上下重心以及左右重心转移的交换）；3)胯部旋转的制作（胯部左右旋转以及侧旋）；4)胯部以上至胸部旋转的制作（身体的前后旋转、左右旋转以及侧旋）；5)手臂的弧线摆动以及小臂、手腕跟随运动的制作；6)头部的制作；7)细节的调整（脚部以及手指的细节和动画曲线的调整）。

在开始制作之前，首先要对角色行走时身体各个部位的运动规律进行系统地分析。

6.1.1.步伐分析当一个角色向前行走时，两只脚会以前后交错的方式进行规律性的运动，这样才会使身体保持前后的平衡。

与其说是行走，不如说是一连串防止跌倒的控制过程。

行走有不同的节奏，例如轻快的竞走、缓慢沉重的走、大步流星的走，通过节奏上的变化，会产生不同的效果。

一个不附带任何情绪的完整的行走一般需要25帧时间，也就是1秒钟。

第1帧～第13帧为一步，第13帧～第25帧为另一步。

图6-1是角色其中一只脚的运动过程。

图6-1基本行走中脚的运动6.1.2.身体重心分析在行走时，由于下肢的运动会导致身体上下的重心产生忽高忽低的起伏变化，有了这种变化，才会使角色产生重量感。

美女购物归来——flash逐帧动画（人物侧面走路）教师备课时间上课时间单位专业计算机教材《FLASH动画实例教程》班级二年级课型理实一体化课时2课时（90分钟）课题美女购物归来——flash逐帧动画（人物侧面走路）教学目标【知识目标】了解逐帧动画制作过程及人物走路原理【技能目标】对人物脚关节的调整达到走路效果【情感目标】培养小组的团队合作精神教学重、难点学习重点：逐帧动画制作过程学习难点：人物走路教具评价表采用教法讨论法、观察法、举例法、演示法。

作业布置制作一个卡通人物侧面走路和简单眨眼的动画教学过程环节教师活动学生活动时间第一环节（能力发展动员）情节设计：如果我们画了一双眼睛，想让它眨一眨，画了一双腿，想让它走路，以前所学知识是完成不了这个任务的，今天我们一起来学习逐帧动画走路效果。

进入情境，请求帮助可以拉近师生之间的距离并且激发学习兴趣，明确学习目标。

3分钟第二环节（能力发展诊断）教师提问：1、今天所学内容主要用到关键帧、普通帧、空白关键帧哪一种？2、人物走路哪些地方在动？3、人物运动过程中手的摆动规律和走路有什么区别？在全班同学中随机点名几个同学来回答问题8分钟第一步：提出任务准备工作1、网上查找人物走路效果图片或动画2、动漫书刊3、找人当演员演示4、电视、视频中观察学生行动：把学生分成8个小组，要求每小组的同学作好准备。

10分钟第二步：小组行动1、各小组分别在电脑利用Flash 软件分工合作，绘制一个卡通美女手提购物袋，其中上半身可为一体，脚的各关节分别分层独立绘制成元件，方便动作调整；2、完成动作分别在1、5、10、15、20帧处插入关键帧，并分别按走路规律调整左右大小腿及脚位置及旋转角度。

如图：学生行动：组长总指挥，分工完成动画（1、手绘身体、脚、腿，颜色要合理；2、动作，五个关键帧动作一定按走路规律去调整关节）25分钟第三环节（能力发展训练）第三步:成果展示测试制作好的人物走路效果给老师和其他小组欣赏（1、时间轴上帧的插入是否正确2、脚、腿关节调整是否合理有规律，3、整体动作是否协调）学生行动：由每小组推荐一名学生示范操作，同时作简单的讲解，8个组分别展示。

行走动画全解析我们接触角色动画，首先要来学习的就是怎样制作步行，制作各种各样的步行。

步行是最基础的，但是制作步行也许是最难的。

本节的行走动画学习中，我们会从传统的二维动画理论开始讲起，然后再联系到在MAYA 中的角色动画行走的制作。

步行的规律真实的步行是怎样的？这是一个我们每天都会重复看和做无数次的动作，但是我们并不一定认真地观察和分析过这个动作。

一但要我们把步行在纸上或是计算机中真实自然地表现出来却并不是一件容易的事。

我们首先来看一些连续拍摄的真实步行图片：见图（1）、图（2）对于步行的过程，动画大师们有过形象的概括，他们说步行是这样的一个过程：你就要向前跌倒但是你自己刚刚好及时控制住没有跌到。

向前移动的时候，我们会尽量避免跌倒。

如果我们的脚不落地，我们的脸就会撞到地面上。

我们在经历一个防止跌倒的过程的循环。

在走路的时候我们的上身是向前倾斜的。

见图（3）。

这时候，我们会及时的迈出一条腿来保持平衡。

移步，稳住。

移步，稳住。

移步，稳住。

这就是步行的过程。

在动画制作中，我们习惯上设定一只脚跟抬离地面到再次接触地面，为一步。

两只脚交替各迈出一步为一个循环。

通常情况下，这两步迈出的距离应该是一样的，我们每次迈步的步幅误差不会超过1厘米。

通过观察和分析，我们可以把步行中的一步简化为这样的一个过程：见图（4）这样就可以把步行中的一步分解为以下5个阶段：（1）起始点：（也称作：contact 接触点）这是我们人为设定的一个步长过程的开始。

在这个时刻，角色的两脚都接触地面。

身体前倾，双臂自然摆动，每只胳膊的摆动都与相对应的腿的运动很协调，以保持平衡和推力。

（2）下降点：在这个阶段，角色的两腿微曲，身体和重心下降。

后脚跟抬起。

由于重力的作用，速度加快。

下降的过程一个释放能量的过程。

双臂自然摆动，角色的胳膊这时在最远点，然后开始向反方向摆动。

（3）上升过程：（也称作：pass pos经过点）在这个过程中，角色的前腿伸直，重心转移到前腿上。

人物行走动画背景知识:多数人的走路是十二帧为一步（帧频设为24），即半秒一步.人与其它动物在动作上最明显的区别是人是直立着行走。

现实生活中我们每天走路可是，要画好人的走路动作，并不是很容易的事。

人走路动作的基本规律是：左右两脚交替向前，带动躯干朝前运动。

为了保持身体的平衡，配合两条腿的屈伸、跨步，上肢的双臂就需要前后摆动。

人在走路时为了保持重心，总是一腿支撑，另一腿才能提起跨步。

因此，在走路过程中，头顶的高低必然成波浪形运动。

当迈出步子双脚着地时，头顶就略低，当一脚着地另一只脚提起弯曲时，头顶就略高。

走路动作过程中，跨步的那条腿，从离地到朝前伸展落地，中间的膝关节必然成弯曲状，脚踝与地面呈弧形运动线。

这条弧运动线的高低幅度，与走路时的神态和情绪有很大关系，参看图1。

图1 人物行走的姿式现将人物行走动画进行分解，先看人物行走一步两帧原画，如图2图2 人物行走的一个循环如果把前后两帧分解出来，起始帧1和第二个循环的第13帧是一样的，只是前后两脚替换，如图3。

起始帧第13帧(第二循环的起始帧）图3再加上第7帧的过渡帧，如图4。

图4 加上过渡帧的原画再在第1和第7帧之间加上第4帧，得到最低帧，如图5图5 加上过渡帧的动画最低帧在第4帧，是承担重量的瞬间，腿会弯曲，身体的头部最低，所以有重量感。

在第7和第10帧加上第10帧，便是最高帧，腿伸直，身体的头部最高如图6。

图6 最高帧每原画中间再加两过渡帧，就形成了标准的走路模式动画。

如果在行走动画的基础上再加上摆手的动作，人物接触帧双臂总是和双腿在相反的位置,如图7。

图7 加上摆手后的行走动作过渡位置上双臂在摆动趋势是放在自然下垂，如图7-8。

图8 第7帧手的姿势但是中低位时，双臂会摆动到最大范围，如下图7-9。

图9 最低帧手的姿势在特定情景下，角色的走路动作受环境和情绪的影响，会有所不同。

例如：情绪轻松地走路；心情沉重地踱步身负重物的走路以及上下楼梯、爬山越岭等等。

Flash 8 逐帧动画详解及实例本节素材下载从本单元起，我们将逐渐给大家介绍Flash8.0中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。

本节着重介绍逐帧动画（FrameBy Frame），这是一种常见的动画手法，它的原理是在连续的关键帧中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。

由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。

1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。

逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。

图 3-2-1 逐帧动画2．创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。

（2）绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容。

（3）文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。

（4）导入序列图像可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。

3．绘图纸功能（1）绘画纸的功能绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。

通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。

使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。

如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。

当然，这时你只能编辑当前帧的内容。

图3-2-2 同时显示多帧内容的变化（2）绘图纸各个按钮的介绍绘图纸外观按钮按下此按钮后，在时间帧的上方，出现绘图纸外观标记。

非常规的走路
每个人的走路方式都是不一样的，所以下面我们来尝试着对常规的走路动作做一些改变。

（1）改变中间帧
中间帧下降，身体向前压缩、弯曲中间帧上升，身体向后仰
中间帧下降，身体向前倾中间帧下降，身体向后仰
通过改变中间帧，你会看到动作的效果是完全不同的了。

中间帧作更多的改变，直到找到你所需要的动作为止。

（2）改变关键帧
改变一个常规走路的关键帧，我们可以得到另一种走路的姿势。

一个自大的走路动作
下图是一个自大的人行走的所有动画帧
一个垂头丧气的走路动作
下图是一个垂头丧气的人行走的所有动画帧
一个蹑手蹑脚的走路动作
下图是一个蹑手蹑脚的人行走的所有动画帧
通过比较，我们可以看出，这些走路的动作都有一个头部升降过程，只不过因为姿势改变，动作的幅度就相应改变了。