第10课 逐帧动画 教学设计 (6)

第10课 逐帧动画 教学设计
重、难点：认识逐帧动画的动画原理，会制作逐帧动画教学方法：演示法、讲授法、练习法教学过程：一、引入??www.21-cn-jy.com
由演示几个逐帧动画实例引入??
二、新课学习??
1.?逐帧动画的动画原理??
原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画??
2.?帧、关键帧、空白关键帧??
时间轴上的小方格叫单元格。可以把单元格转化为帧、关键帧、空白关键帧。当播放头移到帧上时，帧的内容就显示在舞台上。?? 帧与关键帧都用来记录舞台的内容，但是帧只能显示离它最左边关键帧的内容，我们不能对帧的内容直接进行修改编辑，要想修改帧的内容，必须把它转变成关键帧，后者修改帧最左边关键帧的内容。??? 21教育网
关键帧是可以直接编辑的帧。???
空白关键帧是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。??
3.?创建逐帧动画的几种方法??
（1）用导入的静态图片建立逐帧动画??
用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。?? 21世纪教育网版权所有
（2）绘制矢量逐帧动画??
用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。（3）文字逐帧动画??
用文字作帧中的元件，实现文字跳跃、旋转等特效。（4）指令逐帧动画??
在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。（5）导入序列图像??
可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift?3D等）产生的动画序列。?? 21cnjy.com
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.测试影片并保存文件。试一试制作篮球被投出后沿抛物线运动的动画。 21·cn·jy·com