6.1马奔跑逐帧动画（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

第六章Flash CC基本动画制作 课题 6.1马奔跑逐帧动画 课时 教学内容 1、插入空白关键帧的学习 2、使用钢笔工具制作案例 教学目标 了解和掌握钢笔工具、关键帧的使用方法 教学重点 掌握关键帧的运用 教学难点 使用所学工具制作案例 教学活动及主要语言 学生 活动 、 创设意境，导入新课（设疑法、提问法） 教师 导入：本案例是绘制马在草原奔跑的动画。使用逐帧动画的视觉暂留原理，绘 展示 案例 制马奔跑的连续运动图形放置在关键帧，快速地播放连续的、具有细微差别的图像， 图 使原来静止的马图形奔跑起来。制作过程中主要使用文件导入、钢笔工具、矩形工 形， 并随 具、添加“插入空白关键帧”、“绘图纸外观”填充“渐变颜色”等组合完成。 着教 二、新课教学（讲解法、提问法、示范法） 师的 步骤： 讲 解， 1.选择【文件】>【新建】命令，在“建新文档”选择ActionScript3.0,宽550 引导 像素，高400像素，背景为白色，如图所示。 出本 节课 要学 习的 内 2.绘制马的运动帧。在库中，鼠标右击弹出面板，选择“新建元件”，类型选 此时 学生 择“图形”，如图所示。使用“钢笔工具”绘制马奔跑的第1帧动作，如图所示。接 应该 下来马奔跑的每1帧的动作都是用同样的方法制作，如图所示。 注意 听和 观看 的建新元件 教师 之非4%元件1 的讲 出防司 文并共：军用日量 解与 操 作， 3.把“元件1”拖到场景1的舞台上，如图所示。鼠标右击第2帧，在弹出的 因为 此处 快捷菜单选择“插入空白关键帧”，如图所示。然后在库中把“元件2”拖到舞台。 是新 知 为了帮助定位和编辑，在时间轴窗口找到口“绘图纸外观”按钮，鼠标单击启用， 识， 同时 可以看到在“绘图纸起始点”和“绘图纸终止点”标记之间的帧被重叠，然后根据 也应 上一帧，调整第2帧的马图形位置，如图所示。下一帧重复动作，依次把剩下的原 积极 回答 价拖到舞台上，调整马图形位置。 相应 的问 题， 进行 认真 的思 4.按键盘快捷键[Enter]播放动画，或者按键盘快捷键[Ctrl+Enter]测试，可以 学生 观看影片效果 听 5.制作草原。在库中右击选择“新建元件”，命名“草原”，使用“矩形工具”， 讲， 笔记 在“属性”中把笔触颜色去除，选择蓝色，如图所示。绘制天空，如图所示。 -caia 矩红具 学生 宝结 00 思 年其：就 项放：的 满点e 讨论 6.新建“图层2”，使用“钢笔工具”绘制一座山。选择山，打开颜色面板，把 “纯色”改成“线性渐变”，修改渐变颜色，如图6-10所示。使用“渐变变形工具” 此部 修改渐变方向，如图所示。 分主 要由 老师 来讲 0 解， 同时 学生 也配 合 师 回答 7.新建“图层3”，使用“钢笔工具”绘制绿色的草，如图所示。 些 常见 问题 学生 8.回到场景1，新建图层，命名“草原”。把库中“草原”元件拖到场景1的舞 认真 台，如图所示。 观看 教师 操 作， 并将 其记 录下 来。 9.按键盘[Ctrl+Enter]测试效果 学生 10.选择【文件】>【导出】>【导出影片】命令，如图所示。弹出对话框，命 思 考、 名“马奔跑动画”，保存类型选择“SWF影片”，如图所示。 讨论 日84R片 CrleN ●中但黄▣+ Ctrl 中 子试 Ctr+Nt-W 朝近纳的位 孕作的 a 装作无栏门 学生 能保年 日税袋 和时 根据 原人两 R油0 教师 CalsitAl5 规定 线日题 动手 制作 案例 6.1.3案例小结一一 空白关键帧、绘图纸外观的运用 插入空白关键帧的另外一种方法是：选中某一帧后，在该帧上面右击，单击“插 入空白关键帧”命令即可，插入空白关键顿不能将前面的图形延长到这一帧来，相 当于一张空白的纸，可以重新在上面作图或在舞台上插入图形。绘图纸外观功能， 在时间轴窗口单击“绘图纸外观”按钮，可以看到在“绘图纸起始点”和“绘图纸 终止点”标记之间的帧被重叠，然后根据上一帧，调整下一帧图形位置。 6.1.4能力扩展