《逐帧动画制作.pdf》由会员分享，可在线阅读，更多相关《逐帧动画制作.pdf（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 逐帧动画制作 授课人：刘建 学习目标：1、认识逐帧动画的动画原理 2、会制作逐帧动画 重、难点：认识逐帧动画的动画原理，会制作逐帧动画 教学方法：演示法、讲授法、练习法 教学过程：一、引入 由演示几个逐帧动画实例引入 二、新课学习 1.逐帧动画的动画原理 原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放 而成动画 2.帧、关键帧、空白关键帧 时间轴上的小方格叫单元格。可以把单元格转化为帧、关键帧、空白关键帧。当播放头移到帧上时，帧的内容就显示在舞台上。帧与关键帧都用来记录舞台的内容，但是帧只能显示离它最左边关键帧的内容，我们不能对帧的内容直接进行修改编辑，要想修改帧
2、的内容，必须把它转变成关键帧，后者修改帧最左边关键帧的内容。关键帧是可以直接编辑的帧。空白关键帧是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。3.创建逐帧动画的几种方法 （1）用导入的静态图片建立逐帧动画 用 jpg、png 等格式的静态图片连续导入到 Flash 中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。（2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。（3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。（4）指令逐帧动画 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。（5）导入序列图像
3、可以导入 gif 序列图像、swf 动画文件或者利用第 3 方软件（如 swish、swift 3D 等）产生的动画序列。4.演示逐帧动画奔跑的豹子制作 三、学生练习 任务：熟悉逐帧动画的制作 1.根据老师所提供的学习资料制作逐帧动画 2.从网上搜索更多的教程学习 四、课堂小结 小结本节的主要内容和学生中存在的问题 独特的逐帧动画 一、实践 1.1 制作“爱护环境，保护家园”逐帧动画 二、操作提示 2.1 启动 Flash CS5.5，打开教材光盘中的文件“爱护环境，保护家园.fla”。2.2 单击文本工具 T，设置字符字体、大小、颜色属性及段落对齐属性，单击舞台输入文字“爱”。2.3 在时间
4、轴第 2 帧处单击鼠标右键，在弹出的快捷菜单中单击“插入关键帧”，用文本工具 T 在原文内容“爱”后输入文字“护”。2.4 在第 3、4、5、6、7、8、9 帧分别插入关键帧，并在各关键帧依次输入文字“环”、“境”、“，”、“保”、“护”、“家”、“园”，时间轴，第 9 帧文本内容。2.5 单击菜单“控制”“测试影片”“测试”，播放动画，并保存文件。三、试一试 制作小动物眨眼睛或摇耳朵的逐帧动画。四、评价 根据操作情况进行自我评价，并填写评价表 1-3-1。形象的运动动画 1.4.1 沿直线运动的动画 实践 1 制作兔子沿直线运动的动画。操作提示 1.启动 Flash CS5.5，新建 Act
5、ionScript 3.0 文档。2.单击菜单“插入”“新建元件”；在弹出的“创建新元件”对话框中，“名称”设为“小兔”，“类型”设为“图形”，单击“确定”按钮。3.单击椭圆工具，将填充颜色设为无色，笔触颜色设为黑色，绘制圆形作为小兔头部。4.绘制椭圆，单击任意变形工具，框选椭圆并旋转，作为小兔子耳朵；用同样的方法绘制小兔身体的其他椭圆形部位。5.单击铅笔工具，将笔触颜色设为黑色，选择铅笔模式中的平滑选项，绘制两条曲线，连接小兔头部与身体。6.单击选择工具，选择图形多余轮廓线，按 Delete 键删除。7.利用刷子工具绘制小兔的眼睛和嘴，利用颜料桶工具填充颜色。8.单击“场景 1”，打开“库”
6、面板，将“小兔”元件拖到“场景 1”舞台左侧，利用任意变形工具调整小兔的大小。9.在时间轴第 50 帧，单击鼠标右键，在弹出的快捷菜单中单击“插入帧”。10.在时间轴第 1 帧，单击鼠标右键，在弹出的快捷菜单中单击“创建补间动画”。11 在时间轴第 50 帧，用选择工具拖动小兔到舞台右侧。12.测试影片并保存文件。试一试 制作篮球沿直线自我评价。1.4.2 沿路径运动的动画 实践 2 制作兔子沿路径运动的动画 操作提示 1.启动 Flash CS5.5，打开教材光盘中的文件“欢跳的兔子。fla”。2.单击第 5 帧，用选择工具将小兔向上移动；单击第 10帧，将小兔向下移动。3.分别在第 15
7、帧、20 帧、25 帧、30 帧、35 帧、40 帧、45 帧依次队小兔进行向上、向下移动。4.在“时间轴”面板图层区单击新建图层按钮，用矩形工具、颜料桶工具、选择工具、Delete 键绘制蓝天绿地。5.单击选择工具，将新建的图层拖动到“图层 1”下方。6.测试影片并保存文件。试一试 制作篮球被投出后沿抛物线运动的动画。奇妙的形变动画学案 一、情境导入：观看动画理想与现实，思考这个动画是如何创作的？本节课我们就来研究这个问题奇妙的形变动画 二、认定学习目标：1、理解形变动画的概念。2、了解形变动画的适用条件。3、学会形变动画的制作方法。4、学会形变动画的设置方法。5、学会将文本打散变成图形。6
8、、了解运动补间动画和形状补间动画的不同点。三、学习新课：1、阅读教材内容，理解形变动画的概念，了解形变动画的适用条件。2、根据课文中的操作提示，学习制作理想与现实形变动画。操作时要注意以下几点：（1）提示（2）中“新建元件”的“类型”为“影片剪辑”。（2）提示（3）中，单击菜单“修改”|“分离”两次的意思是单击菜单“修改”|“分离”再单击菜单“修改”|“分离”。而不是单击菜单“修改”|“分离”后，再单击“分离”。（3）提示（4）中，要插入 空 白 关键帧，而不是关键帧。（4）补间的设置是通过“属性”面板，设置“补间”选项为“形状”来完成的。（5）“属性”面板和“库”面板，都可以通过单击菜单“窗口”找到。四、课堂练习：1、做什么动画时的“补间”选项是“形状”？做什么动画时的“补间”选项是“动画”？2、试做一个圆形与矩形之间的渐变动画。（提示：图形不需要“打散”，插入的是“空白关键帧”）3、做课本中“试一试”或根据本节所学知识自由创作。五、课堂小结：通过几节课的学习，我们掌握了逐帧动画和渐变动画的制作方法。要知道什么情况下“新建元件”的“类型”是什么，“补间”选项的设置是什么。还要注意“元件不可以形变，文字必须打散后才能形变”