逐帧动画制作逐帧动画制作.doc

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