返回

资料详情(天天资源网)

天天资源网 / 初中信息技术 / 教学同步 / 人教版 / 八年级上册 / 八年级信息技术上册清华版

八年级信息技术上册清华版

  • 2021-06-17
  • 56页
  • 729.45 KB
还剩 13 页未读,点击继续阅读

继续阅读

点击预览全文

点击下载高清阅读全文,WORD格式文档可编辑

收藏
立即下载
有任何问题请联系天天官方客服QQ:403074932

资料简介

1 尉犁县第二中学 学科电子教案 2015—2016 学年第 1 学期 姓名 __范丽琼_____ 学科 __信息技术__ 年级 ___八年级____ 2 教 学 进 度 计 划 表 教师 范丽琼 年级 八年级 科目 信息技术 2016 年 9 周 次 日 月 章 节 课时 内容 1 8 月 31 日-9 月 4 日 2 9 月 5 日-9 月 10 日 第 1 课 2 熊猫的梦 3 9 月 11 日-9 月 17 日 4 9 月 18 日-9 月 23 日 第 2 课 2 蜜蜂采蜜 5 9 月 25 日-9 月 30 日 第 3 课 2 熊熊之家 6 10 月 1 日-10 月 7 日 国庆放假 7 10 月 8 日-10 月 14 第 4 课 2 变相怪杰 8 10 月 17 日-10 月 21 日 第 5 课 2 文字演变 9 10 月 24 日-10 月 28 日 第 6 课 2 节水有我与机动课 10 10 月 30 日-11 月 4 日 第 7 课 2 快乐猫咪 11 11 月 7 日-11 月 11 日 第 8 课 2 穿越森林 12 11 月 14 日-11 月 18 日 第 9 课 2 蝴蝶飞舞 13 11 月 21 日-11 月 25 日 第 10 课 2 放飞理想与机动 14 11 月 28 日-12 月 2 日 第 11、12 课 2 神奇飞能、水波荡漾 15 12 月 5 日-12 月 9 日 第 13、14 课 2 心语星愿、节日祝福 16 12 月 12 日-12 月 16 日 第 15、16 课 2 小鸡旅行、猜拳游戏 17 12 月 19 日-12 月 23 日 第 17 课 1 新年贺卡 18 12 月 26 日-12 月 30 日 期末考试 19 20 备注 有关爱国主义教育的内容用*标出 3 学期教学工作计划 七-八 年级 班 科目信息技术 任课教师范丽琼 2017 年 8 月 30 日 在这个学期的信息技术教学工作当中,我紧紧围绕学校、教务处制定的工作 计划,为了更好的配合我校的工作,有目的地开展信息技术方面的教学,为了不 断提高信息技术在各个学科的应用,为了提高我校学生学习信息技术课的能力, 为了工作的有序进行,对本学期的工作我做了以下计划。 一、教学方面 中学信息技术课程是为了适应飞速发展的信息时代对人才培养提出的的新 要求而设置的必修课程。所以说,信息技术课必须以操作性、实践性和探究性学 习为指定学习领域,培养学生的信息素养和信息技术操作能里为主要目标,强化 学生使用信息技术支持各种学习和解决各类问题的能力,从而为适应信息社会的 学习、工作和生活打下必要的基础。 二、德育渗透方面 1、通过对本册书的学习,在学习当中,不要忘记对学生的德育渗透。在学 习过程中,培养学生热爱祖国,树立爱国主义和集体主义观念,树立远大的理想, 从自身做起、从小事做起,多给集体争光添彩;以祖国的信息技术发展而自豪; 培养学生创新思维,重视培养学生对软件方面的学习能力和获取新知识分析和解 决问题的能力。 三、个人提高和业务学习方面 为进一步丰富自己的专业知识,提高自身素质修养,适应教育改革发展和全 面推进素质的需要,结合自身实际情况在个人提高方面制定如下计划: 1、当今社会的教育,尤其是信息技术教育,必须要用新鲜的血液来补充自 己的不足,在授课的同时,也要认真的进行自学,提高自己的素质和教学水平。 2、在本学期里,认真作好备课、听课等工作,使自己的课堂教学有所提高。 3、认真进行业务学习和政治学习,仔细做好笔记。 4、加强对信息技术课程的学习,认真仔细的学习信息技术教学法,使自己 成为一名合格的信息技术教师。 5、坚持每周写一篇钢笔字,做好自学笔记,每月写一份手记和案例分析。 4 6、在课余时间学习刘京海《成功教育》思想、《细节决定成败》等书籍,并 且按学校要求仔细学习网络联盟知识,使自己完成学校规定的过“三关”要求, 使自己的教学水平上一个新的台阶。 7、进一步遵守教师职业道德,在工作岗位上自觉加强师德修养,认真学习 《教师职业道德》一书,不断完善自己的人格。 8、积极学习《课程标准》,努力钻研教材、研究教法,学习相关的教育理论 和专业知识,学习先进的教育教学经验,注重知识的积累和更新,努力成为一名 新课程理论和实践的研究者。 四、计算机室管理方面 1、认真执行计算机室管理教师岗位职责。保持计算机室的清洁卫生,进入 室内要换鞋。 2、爱护计算机设备,按时进行计算机的维护和维修工作,发现问题马上上 报并维修,不耽误教学工作。 3、学生上机完毕时,仔细检查机器使用情况,教师检查完毕后才能离开, 课后仔细填写计算机室使用记录。 4、下班时,认真检查电路,把所有电源全部关闭后才能离开。认真做好机 房管理,做好维护,及时更新系统、杀毒软件,切实保证网络、软件运行的安全。 以上是本学期我在信息技术学科当中的工作计划,在制定当中还有很多不足 和不太周全的地方,自己在工作执行当中应仔细发现不足之处,加以改正。严格 按照开学初制定的计划来进行教学工作和全面的信息技术方面的工作。 尉犁县第二中学 范丽琼 2017.8 5 第一单元闪客之门 绘制图像与逐帧动画 一、单元概述 本单元通过学生对 Flash 的逐步了解,初步感受制作动画的乐趣,体验踏入闪客之门的 喜悦。 在本单元中,通过任务驱动、竞赛等方式,充分调动学生的参与热情与创新意识,使学 生了解并学习制作逐帧动画,并利用绘图工具、导入位图等方法来完善动画的画面效果。 二、学习目标 本单元是学生初次接触 Flash,因此主要让学生通过欣赏与制作简单动画来体会并理解 逐帧动画的制作原理与制作方法。 通过本单元循序渐进的学习过程,学生将逐渐了解并掌握:舞台的设置、新建图层、 使用绘图工具、导入位图、制作逐帧动画、测试影片并保存动画等技能与方法。 利用知识的迁移性,通过对新软件的学习引导学生发现操作中的相通之处,从而利用已 有的知识技能分析并解决问题。如:文件的“保存”与“打开”,这样的操作过程同 PowerPoint、 Word 等程序的操作相似。如:绘图工具的使用与“画图”软件中更改颜色、绘制图形的方法类似。 让学生充分体会成就感。可在每课或每个单元结束时对作品进行展示,展示与评价中可 以调动学生来进行自评、互评或加入教师评价,也可在评价中增加最佳创意、最佳美工、最佳技 术等。通过展示与评价的过程,使不同层次(能力)与爱好(侧重技术或美术等的不同方面)的 学生提高兴趣、建立信心、取长补短,从而更好地完善自我。(有条件的学校还可以把学生作品放 到网上进行展示,让学生体会学以致用的乐趣。) 单元结束后,教师要帮助学生梳理重点的知识、技能,要注意引导学生进行经验的积累, 并注意养成制作动画的好习惯。 三、重点难点 教学重点: 1.熟悉 Flash 的工作环境,学会常用工具及属性的设置。 2.学会启动、退出 Flash 程序。 3. 学会使用绘图类工具绘制并修改图形。 4. 学会插入帧、插入关键帧来制作逐帧动画的方法 5.掌握新建、移动、删除、隐藏、锁定图层的常用方法。 6.掌握导入位图与修改位图的方法。 7.掌握输入文字与编辑文字的方法。 8.学会保存 Flash 动画文件,并生成 swf 格式的播放文件。 9.养成制作动画的好习惯。 教学难点: 1.绘图工具与选择工具、属性面板的配合。 2.对逐帧动画的理解以及制作。 3.对图层的理解与应用。 4.位图与矢量图的理解。 5.在动画中导入位图并修改的方法。 6 6.认识并正确保存 Flash 动画的源文件与播放文件。 四、学时安排 本单元共 6 课,总计 11 学时。每课均为 1 学时 第 1 课 熊猫的梦 2 学时 第 2 课 蜜蜂采蜜 2 学时 第 3 课 熊熊之家 2 学时 第 4 课 变相怪杰 2 学时 第 5 课 文字演变 2 学时 第 6 课 节水有我 1 学时 7 八 年级 信息技术 科教案 备课序号:第 节 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 1 课 熊猫的梦----绘制图像与逐帧 动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、掌握 Flash 的启动与退出,了解 Flash 窗口的组成。 2、掌握在 Flash 中绘制图像的方法,学会保存动画文件。 3、初步学习制作逐帧动画、预览动画并生成 swf 格式的文件。 过 程 与 方 法 采用“任务驱动法”,在老师的讲授、引导、启发下,学生理解后再去上机亲身 体验。 情感态度价值观 培养学生对新软件的自主观察思考的良好习惯。 教学重点 认识 Flash 8 的工作界面,学习使用绘图工具绘制图形并制作成逐帧动画 教学难点 帧的理解与操作、保存文件 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 引言:网络信息时代带给人们新的视觉冲击,让人们的生活更加丰富多彩。 动态网页与广告、电子贺卡、交互式游戏……,这些作品几乎都可以使用 Flash 动画软件制作。Flash 动画以其娱乐性、通俗化的特点,吸引越来越多的人们进入 闪客世界。 我们从本学期开始将通过学习 Flash 动画制作,踏入闪客之门。 引入课题:今天我们学习第一课《熊猫的梦----绘制图像与逐帧动画》 新课教学法 一、启动并认识 Flash 的工作界面 1、启动 师提出:Flash 的启动它跟我们上学期学过的 Word 的启动方法一样,可以在 Windows 桌面单击“开始”→“程序” →“Macromedia” →“Macromedia Flash 8” 即可。(师演示操作,然后学生上机操作) 2、认识 Flash 窗口界面 师引导学生分别介绍: 1、 标题栏: 2、 菜单栏: 3、 工具面板:可以进行对象选择、图形绘制、文本录入与编辑、对象控制 等操作。 4、 属性面板:反映正在使用的工具和资源情况,可进行详细设置。 5、时间轴:主要由图层和帧组成。用于组织和控制影片内容在一定时间内 播放。 6、舞台:创作影片各帧内容的区域。 7、浮动面板:包含各种不同的特定功能,如:颜色、变形、对齐等。 8 二、设置文档属性 师提出:舞台的尺寸大小、背景颜色等是通过文档属性来设置的。 具体设置: 方法一:“修改”→“文档”命令,在弹出的“文档属性”对话框中,通过 调整各项参数来设置文档属性 方法二:在窗口界面的下方的“属性”面板中设置。 修改文档属性的背景颜色为“黄色”。其它参数参照教材 P4 图 1.3 所示的文 档属性面板。 三、制作第 1 帧画面 师:使用各种绘图工具,绘制熊猫和小竹苗。 ⑴、利用椭圆工具绘制熊猫的外形 1、单击工具面板中的“椭圆工具”,设置笔触颜色为“黑色”,填充颜色为 “没有颜色”。 【DIY】 使用与绘制熊猫脸部相同的方法,分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”, 并调整至合适位置,如教材 P5 图 1.5 所示绘制熊猫的五官并调整位置。 3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形,然后利用工具面板中的“线 条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆,按 Delete 键将其删除后,将剩余的半圆形放在合适位置即可,如教材 P5 图 1.6 所示。 4、利用“线条工具”绘制竖线,连接鼻子和嘴。 5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置,如教 材 P5 图 1.7 所示。 6、使用“铅笔工具”绘制熊猫的毛发,然后将多余的线条删除,如教材 P5 图 1.8 所示。 ⑵、利用颜料桶工具填充颜色 1、单击工具面板中的“颜料桶工具”,设置填充充为“黑色”。 2、在需要填充黑色的区域单击。 选择工具教材 P5 使用填充黑色的方法,分别将熊猫的脸、眼球和嘴填充为白色。如教材 P5 图 1.9 所示。 ⑶、利用刷子工具绘制小苗 1、选择工具面板中的“刷子工具”,设置填充色为“棕色”,绘制出土地的 效果。 2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗,如教材 P6 图 1.10 所示。 【智多星】 利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。 利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。 四、制作第 2 帧画面 师提出:完全相同的两个画面是不可能出现动画效果的。因此第 2 帧画面要 在第 1 帧画面的基础上绘制竹子,使两帧画面不同,为制作动画做好准备。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、在图层 1 第 2 帧的位置右击,在弹出的快捷菜单中选择“插入关键帧” 命令。 2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。 3、选择“矩形工具”设置笔触颜色为“黑色”,填充色为“绿色”,绘制的 矩形。 4、单击“选择工具”,将鼠标指向矩形边线,待鼠标变为如教材 P6 图 1.11 所示状态时,向里拖动矩形边线。完成后用“选择工具”框选,再复制两个,将 其在纵向方向为一直线,然后使用“刷子工具”绘制竹叶,完成竹子的绘制。 第二课时 9 复习导入 【DIY】试着改变绘制图形的颜色。 提示: 1、使用工具面板中的“选择工具”选中需要改变颜色的部分。 2、更改工具面板选项中的笔触颜色和填充色即可。 【智多星】教材 P7 师提出:在计算机中显示的图形一般可以分为两大类----矢量图和位图。 矢量图:使用线段和曲线描述图形,文件体积一般较小。 矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。 矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。 位图:由一个个小色块组成的图像,这些色块称为“像素点”。计算机屏幕其 实就是一张包含大量像素的风格。 位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。 位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的 像素点。 由于Flash动画是由一张张矢量图构成的,因此生成的动画文件存储空间很小, 在网络中传输速度很快,可以很方便地下载观看。一个几分钟长度的 Flash 动画 片,常常只有 1—2M。 五、调整动画时间 师提出:通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、执行“控制” →“测试影片”命令,此时弹出测试影片的窗口,观察动 画效果,可以看到动画播放频率过快,动画内容看不清楚。 2、关闭测试影片窗口,在第 1 帧上右击,在弹出的快捷菜单中选择“插入帧” 命令,同样在第 2 帧上也插入帧,使动画时间延长。 3、测试影片效果,如不满意可继续插入帧延长时间。 【知识着陆】 1、利用绘图工具配合对应的属性面板可以完成图像的绘制。 2、利用 Flash 制作简单动画时,只要几个关键帧画面不同,最终都能实现单 一图层的逐帧动画效果,如眨眼睛的小动物、闪烁的星星等。 3、fla 格式的文件是 Flash 动画源文件,可以随时进行编辑修改。Swf 格式的 文件是动画播放文件,文件占用的存储空间较小,便于随时观看动画效果。 【视野拓展】学生阅读《中国动画片的发展史》 【创作天地】 学生上机制作 【后记】 课后的“视野拓展”栏目提供了和课堂教学相关的知识信息。可以更好地配 合学生的学习,也可以用于分层教学的参考。 “创作天地”栏目中包含很多有趣的练习,主要以巩固本课的知识技能为主,属 于提高部分。教师应鼓励学生动手实践,积极完成课后的练习。可以通过设立“加 分制”或“学分制”,制定基础分(也就是及格分)、良好分等,优秀分值不封顶, 让学生知道“好”没有上限,可以做的更好!并在此基础之上鼓励学生多做练习。 板书 设计 第 1 课 熊猫的梦----绘制图像与逐帧动画 教学 反思 10 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 2 课蜜蜂采蜜—多层逐帧动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、巩固绘图类工具的使用方法。 2、初步学习使用图层来规划整个作品。 3、认识图层,理解图层的概念,并学会新建图层,图层重命名、锁定、删除等 常用方法。 4、初步学习多层逐帧动画的制作。 过 程 与 方 法 采用“任务驱动法”,在老师的讲授、引导、启发下,学生理解后再去上机亲身 体验。 情感态度价值观 培养学生应用信息技术解决实际问题的意识。 教学重点 多层逐帧动画中使用到了帧和图层的概念 教学难点 多图层操作由于图层数量过多,因此容易混淆图层与帧的所在位置 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 师播放教材 P9 蜜蜂采蜜的制作完成的动画,请同学们欣赏,引入课题(蜜蜂 采蜜----多层逐帧动画) 一、新建文件并修改文档属性 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 执行“文件” →“新建”命令,将文档“属性”的大小设置为“300*300 像 素”,背景颜色为“浅蓝色”。 二、分图层绘制蜜蜂、花朵、天空、土地等图形 师提出:将一幅画面的各部分内容在不同图层中绘制,既便于修改画面,又 便于处理不同图层的动画效果。 ㈠绘制蜜蜂和花篮 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、双击时间轴中的“图层 1”,将其重命名为“蜜蜂”。 2、分别使用“椭圆工具”、“直线工具”、“铅笔工具”、绘制蜜蜂和花篮的外 轮廓,其中笔触颜色设置为“黑色”,填充色为“没有颜色”。(注意:为了便于填 充,绘制的区域应是一个完全封闭的区域。) 3、使用“选择工具”将蜜蜂和花篮移动至合适位置。 【智多星】 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、执行“窗口” →“工作区布局” →“默认”命令可以将常用的浮动面板 调出,其余面板也可以根据需要在“窗口”菜单中调出。 2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。添加色 标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。色标表 示不同颜色,可以调整色标的 Alpha 数值控制色彩的透明度,0%为完全透明,100% 为完全不透明。 学生上机实习操作。 ㈡绘制蜜蜂的红脸蛋 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、单击时间轴下方的“插入图层”按钮,插入一个新图层并将其重命名为“红 11 脸蛋”。 2、单击“椭圆工具”,设置“混色器”面板中的“类型”为“放射状”,色标 的颜色分别为红色、魄,并更改白色色标的 Alpha 数值为 0%,合白色完全透明。 3、使用“椭圆工具”绘制圆形,并将其放置在合适位置。制作完成后“锁定” 该图层。 ㈢绘制蜜蜂的翅膀 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、插入两个图层,分别重命名为“翅膀—内侧”和“翅膀---外侧”。 2、在“翅膀—内侧”图层上,使用“椭圆工具”绘制无边线的深蓝色圆形。 在“翅膀—外侧”图层上,绘制无边线的浅蓝色的圆形。 3、使用工具面板中的“任意变形工具”,单击深蓝圆形,此时图像外围出现 “调节点”和“中心点”。 4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点”调整 蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点”,待鼠标指针变为如教材 P12 中“逆时针旋转方向的箭头”形状时,拖动鼠标,使蜜蜂的翅膀围绕“中心 点”旋转角度。制作完成后“锁定”该图层,如教材 P12 图 2.6 所示。 5、使用“任意变形工具”调整浅蓝色圆形,制作蜜蜂翅膀的张开效果。 “任意变形工具”不但可以调整图像的大小、角度以及中心点的位置,而且 在工具面板的“选项”中还有更多变形方式,如教材 P12 图 2.7“任意变形工具” 选项。 ㈣ 美化画面效果 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、插入图层,重命名为“土地”,使用“矩形工具”绘制浅绿色土地。 2、插入图层,重命名为“云彩”,使用“铅笔工具”绘制白云。 注意:为了使云彩有远近的感觉,在填充颜色时,可以将“混色器”中的 Alpha 数值降低。 制作完成后“锁定”该图层。 3、插入图层,重命名为“花朵”,使用“直线工具”绘制一枝花并填充渐变 色。 4、复制花朵。使用“选择工具”单击“花朵”图层,此时花朵被全部选中。 右击选中的花朵,在弹出的快捷菜单中选择“复制”命令后,在舞台上右击,在 弹出的快捷菜单中选择“粘贴”命令,此时花朵被复制。最后利用“选择工具” 将复制的花朵放置在合适位置。 学生上机操作实习。 第二课时 复习导入 【DIY】 师先做演示操作,然后学生上机操作实习。 具体演示操作: 使用复制、粘贴的方法将一枝花复制成最终的花园效果,并更改不同花朵的 颜色。 注意:近处的花较大,色彩较鲜艳,远处的花较小,颜色较暗。这就是“近 大远小”的空间感。 提示:可以采用复制、粘贴的快捷操作。使用“选择工具”拖动被选择的一 枝花的同时,按住 Ctrl 键,待鼠标右下角出现空心的+号后,在舞台的合适位置 释放鼠标即可。 学生上机操作实习。 三、分图层制作动画效果 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、制作静态效果 分别在土地、花朵、云彩、蜜蜂图层的第 2 帧上右击,在弹出的快捷菜单中 选择“插入帧”命令,使图像显示到第 2 帧,此时这此图层各自包含两帧。 2、制作蜜蜂翅膀飞舞的动态效果 ⑴、在“翅膀—内侧”图层的第 2 帧上右击,在弹出的快捷菜单中选择“插 入关键帧”命令。 ⑵、使用“任意变形工具”旋转角度,模拟蜜蜂翅膀张开的效果。制作完成 后“锁定”该图层。 学生上机操作实习。 【DIY】 12 使用“任意变形工具”调整“翅膀—外侧”图层第 2 帧的效果如教材 P14 图 2.11 所示。 四、保存文件 将动画源文件以“蜜蜂采蜜”为文件名保存,并测试生成 swf 格式的文件。 【知识着陆】 1、使用“混色器”面板可以调整单色、渐变色的色彩,同时还可以调整色彩 的 Alpha 的透明度,使画面由于透明度的不同而更加逼真。 2、“任意变形工具”可以调整图像的大小、角度以及中心点的位置。 3、将不同内容分成多个图层制作,则在修改某一图层时不会影响其他图层。 把动态和静态图像分别在不同的图层中制作,可以让动画变得更有个性。如飞舞 的蝴蝶、小鸟、燃烧的火球、太阳……。 【视野拓展】制作动画的注意事项 在制作 Flash 动画的过程中,要注意以下几点: 1、分图层制作:静态和动态图像分图层制作,为制作复杂动画做好铺垫。 2、图层重命名:为不同图层赋予一个恰当的名字,这样当图层数量增多时可 以更快地找到需要修改的内容。 3、锁定图层:图层制作完成后要锁定该图层,这样可以避免图层间的错误操 作。 4、随时保存文件:通常采用两种格式保存。Fla 格式为 Flash 动画源文件格式, 包含图层、库等信息,便于随时修改。Swf 格式为动画播放格式,便于随时欣赏。 【创作天地】学生上机制作动画“小飞侠” 制作动画“小飞侠”,随风飘动的衣服感觉像在飞。 板书 设计 第 2 课蜜蜂采蜜—多层逐帧动画 教 学 反 思 13 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 3 课熊熊之家----导入图像并修改 课 型 新授课 教 学 目 标 知 识 与 技 能 学会导入图像、在 flash 中的文字编辑、制作逐幀动画。 过 程 与 方 法 让学生通过书本与老师讲授的方法来学习本节课。 情感态度价值观 培养学生对计算机的兴趣,培养学生动手能力和思维能力。 教学重点 1. 学会导入图像和会 flash 中的文字编辑。 2. 学会制作逐幀动画。 教学难点 1、学会 flash 中的文字编辑。 2、学会制作逐幀动画。 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 课题导入:通过前面对逐帧动画、绘图类工具的学习,可以发现绘制图形对 Flash 动画效果起着非常重要的作用,本课使用手绘矢量图与导入位图相结合的动画作 品,绘画好的人在一个班级中并不多,而绘画功底弱的人群却是大多数,而吸引 大多数学生继续学习下去的动力单独依靠有趣的动画技术是行不通的,需要让不 同的学生同样制作出生动有趣的作品,使用手绘矢量图与导入位图相结合的动画 作品,绘画功底弱不会影响制作动画的最终效果。 本节课我们将在 Flash 动画中导入图像,并配合文字的编辑制作多层逐帧动 画。 师演示制作完成的动画“熊熊之家” 一、设置文档属性 新建动画文件。(师提示,学生具体操作修改文档)修改文档“属性”的大 小为“600*180”像素,如教材 P16 图 3.2 所示。 二、第 1 帧动画的制作 ㈠、导入导入背景图像 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、将“图层 1”重命名为“背景”。 2、执行“文件” →“导入” →“导入到舞台”命令,在弹出的“导入”对 话框中选择要导入的“背景.jpg”文件,单击“打开”按钮,图片被导入到舞台的 “背景”图层上。 3、使用“选择工具”选中舞台睥背景图像,单击“变形工具”待图像出现“调 节点”后,调整背景图像与舞台大小一致。然后将该图层锁定。 学生上机操作。 ㈡、边框制作 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、新建图层,重命名为“边框—深色”。 2、单击工具面板中的“矩形工具”,将笔触颜色设置为“没有颜色”,填充 色设置为“橘红色”,绘制一个长方形。 【DIY】。 14 新建图层,重命名为“边框—浅色”,制作步骤与“边框—深色”图层相同, 填充色为“橘黄色”,形状略小于“边框—深色”图层,制作完成后“锁定”该图 层。 学生上机操作 ㈢、导入“小熊”图像并去除较低背景 师提出:漂亮的图像可以通过导入的方法直接应用到动画中,图像导入后还 可以根据需要进行编辑修改,如截取图像的局部等。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、新建图层,重命名为“小熊”。 2、执行“文件” →“导入” →“导入到舞台”命令,将“小熊.jpg”图片 导入到舞台的小熊图层上。 3、使用工具面板中“选择工具”单击小熊图像,“执行”→“分离”命令, 此时图像显示为沙粒状,如教材 P18 图 3.4 所示。 ㈣、文字录入—文字图层 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、新建图层,重命名为“文字”。 2、在第 2 帧中插入关键帧,选择工具面板中的“文本工具”,在舞台的适当 位置单击,输入文字“熊”。 3、选中该文字,在“属性”面板中更改“字体”、“文字大小”、“文本颜色” 等设置,制作完成后“锁定”该图层,如教材 P19 图 3.7 所示。 学生上机操作。 三、制作动画效果 师提出:现在我们把所有动画效果的第 1 帧都准备完毕。只需要插入帧与插 入关键帧来调整动画所需的长度,再使用变形工具适当调整关键帧中图像的角度, 就可以形成动画了。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: ⑴、静态效果制作 分别在“背景”、“边框—浅色”图层的第 15 帧插入帧,使这些图层内容一 直显示到第 15 帧,然后锁定这些图层。 ⑵、小熊的动态制作 1、取消“小熊”图层的锁定,分别在第 4、8、12 帧插入关键帧为调整图像 做好准备。在第 15 帧插入帧,使画面显示到第 15 帧。 2、单击工具面板中的“变形工具”,分别调整第 1、4、8、12 帧中小熊的角 度,注意调整角度时将旋转中心移动至小熊身体的下方,制作完成后“锁定”该 图层。 ⑶、文字的动态制作 1、取消“文字”图层的锁定,分别在第 4、6、9 帧插入关键并在各帧中分 别输入文字“熊”、“之”、“家”,调整“家”字的大小、颜色,使其醒目突出(字 体和颜色各班不同)。 2、在第 2、10、11、12 帧中插入关键帧,使用工具面板中的“变形工具”, 分别调整第 9、10、11 帧中的“家”字的角度,并将第 1 帧的“熊”字删除,制 作完成后“锁定”该图层,如教材 P203.9 所示。 四、保存文件 将动画源文件以“熊熊之家”为文件名保存在自己的文件夹的作业文件夹中, 并测试生成 swf 格式的文件。 第二课时上机操作 【知识着陆】 1、执行“文件” →“导入”→“导入到舞台”命令,可以导入位图文件, 使动画画面更精彩。 15 2、需要删除背景或局部画面的图像,可以执行“修改” →“分离”命令, 使画面成为沙粒状,再配合“套锁工具”、“魔术棒”或“橡皮擦工具”来修整, 保留画面中的有用部分,删除多余部分。 3、使用工具面板中的“变形工具”,并通过移动中心点来调整图像、文字的 角度,可以营造图像或文字围绕中心摇摆的效果,摇椅的动画效果就可以运用此 方法实现。 【视野拓展】Flash 文件的导出与发布 学生阅读此内容 【创作天地】 欣赏网站中各式各样的横幅广告,在制作中注意动画效果、色彩搭配等,然 后自己设计和制作一个富有个性的横幅广告。 板 书 设 计 第 3 课熊熊之家----导入图像并修改 教 学 反 思 16 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 4 课 变相怪杰—创建补间动画 课 型 新授课 教 学 目 标 知 识 与 技 能 巩固使用绘图工具与选择工具绘制并编辑图像的方法。掌握将图形、文字制作出 形状补间动画的方法。 过 程 与 方 法 采用“任务驱动法”,在老师的讲授、引导、启发下,激发学生进一步学好信息 技术的热情 情感态度价值观 激励学生进一步掌握动画的制作,由浅入深,提高其制作动画和欣赏动画的水平 教学重点 学会设置形状补间动画的方法 教学难点 1.形状补间动画的制作原理以及控制。 2.添加形状提示点的形状补间动画。 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 师引入课题:通过前面所学习的逐帧动画的制作,我们已经能较为自如地控制 帧的播放时间长短、并理解了关键帧的意义与使用方法,但也从中发现了一些问 题,如:逐帧动画过渡过于跳跃、不自然,如何解决呢? 首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效果,感受跳跃画 面的不自然,再欣赏具有形状补间动画的猫和老虎的改变,引出本节课的重点: 制作形状补间动画(师板书课题)。 一、设置文档属性 新建动画文件,设置文档“属性”的大小为“500*400 像素”,背景色为“白 色”。 二、制作第 1 帧动画 师提出:将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分别在不同的图 层制作,为后面的动画效果作好准备。 ⑴、绘制螺旋形彩色背景 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、将“图层 1”重命名为“背景” 2、使用“矩形工具”绘制同舞台相同大小的方形。 3、使用“直线工具”将方形分割成米字形。 4、使用“选择工具”调整直线为弧线,填充色彩。制作完成后“锁定”该 图层, 学生上机操作制作背景。 ⑵、分图层绘制小猫 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“脸”。 2、使用“椭圆工具”、“直线工具”绘制脸部轮廓,并填充颜色。制作完成 后“锁定”该图层。 学生上机操作制作小猫的脸部轮廓 17 【DIY】 分别插入图层,将小猫的五官分图层绘制,并添加文字“猫”,如教材 P25 图 4.4 所示。 三、制作形状补间动画 师提出:形状渐变效果是从当前形状逐渐变为另一种形状,制作过程中的只 需确定两个关键帧中不同的图形即可,逐渐渐变的过程由计算机运算完成。 ⑴、脸部图形的渐变制作 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、解除图层“脸”的锁定。在该图层的第 10 帧和第 30 帧插入关键帧,第 40 帧插入帧。 2、使用“选择工具”调整第 30 帧中脸部的弧线,并重新填充颜色,如教材 P26 图 4.5 所示。 3、选择图层“脸”的第 10 帧和第 30 帧之间的任何一帧。 4、设置帧“属性”面板中的“补间”为“形状”,此时,时间轴中第 10 帧 和第 30 帧之间呈淡绿色,并出现箭头,如教材 P26 图 4.6 所示。制作完成后“锁 定”该图层。 学生上机操作。 ⑵、嘴、鼻子、眼睛的渐变制作 【DIY】 师先做演示操作,然后学生上机操作。 使用与制作脸部渐变相同的方法,配合“任意变形工具”、“选择工具”、“属 性”面板等,分别制作嘴、鼻子、眼睛的渐变效果,并在“胡子”图层的第 40 帧插入帧,制作完成后“锁定”各图层,如教材 P27 图 4.7 所示。 制作形状渐变效果还有很多方式。通过改变不同关键帧中对象的颜色可以产 生变幻的色彩,如闪烁的霓虹灯;改变不同关键帧中对象的大小可以出现膨胀与 收缩的效果,如青蛙一鼓一鼓的肚子;改变不同关键帧中对象的形状可以出现扭 曲的特效,如太阳变月亮;改变不同关键帧中对象的角度与位置可以产生移动的 效果,如不倒翁。总之,应用形状渐变动画可以使动画效果更加丰富、更加自然。 ⑷、利用逐帧动画美化背景 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、分别在“背景”图层的第 10、14、17、22、26、30 帧插入关键帧,第 40 帧插入帧,使背景与动画同步。 2、使用“颜料桶工具”分别更改 10、14、18、22、26、30 帧的背景颜色, 使动画出现色彩变幻的效果。制作完成后“锁定”该图层,如教材 P28 图 4.9 所 示。 学生上机操作利用逐帧动画美化背景 四、保存文件 将动画源文件以“变相怪杰”为文件名保存在自己的文件夹中的作业文件夹 中,并测试生成 swf 格式的文件。 第二课时 复习导入 【知识着陆】 1、需要渐变的不同图形应分图层绘制,这样渐变的效果会更加自然。 2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。常见 的胖变瘦、太阳变月亮的效果都是运用形状补间动画的方法制作出来的。 3、制作文字渐变的动画效果时需要将文字执行“修改” →“分离”的命令, 使文字成为沙粒状,否则无法实现预期效果。 【视野拓展】Flash 的发展 18 学生阅读 【创作天地】制作燃放的“礼花”形状补间动画。 提示:鞭炮在静态图层中制作,绽放的礼花在动态图层中制作。 【后记】 板书 设计 第 4 课 变相怪杰—创建补间动画 教 学 反 思 19 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 5 课文字演变----添加形状提示点 课 型 新授课 教 学 目 标 知 识 与 技 能 1、巩固形状补间动画的制作方法。 2、掌握添加并编辑形状提示点的制作方法。 3、学习使用“变形面板”复制并旋转图形。 过 程 与 方 法 本课通过学习并制作文字的演变,不仅要让学生了解我国文字的发展历史以及我 国传统图案等方面的知识,还要引导学生综合运用所学知识 情感态度价值观 培养学生的审美观,并感受我国传统图案的精彩 教学重点 如何让形状按照要求变形,即添加形状提示的方法。 教学难点 通过改变图形中心点的位置、配合统一角度的改变,使图形旋转并复制,从而制作出横向的连续 图案。 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 效果并不按照设想的来改变。师播放第 4 课制作形状补间动画让学生观察动 画的最终效果,发现设想与实际的差异。通过分析第 4 课作品存在的问题引出本 课的学习内容,即添加形状提示点可以改变动画变形的随机性。板书课题。 一、设置文档属性 师要求学生设置文档属性:修改文档“属性”的大小为“400*300 像素”,背 景色为“黄色”,其余取默认值。 二、制作文字动画 师提出:文字的演变是很神奇的,通过给形状补间动画添加形状提示点,使 文字出现自然的过渡效果,更好地感受文字逐渐的演变过程。 ⑴、绘制文字内、外部图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、将“图层 1”重命名为“文字外部”。 2、使用工具面板中的“刷子工具”,在第 1、20、30、40 帧插入关键帧并绘 制甲骨文、金文、小篆“目”字的外轮廓。 3、在第 60 帧插入空白关键帧,使用“文本工具”输入揩体“目”字,参考 前面几种文字的外轮廓调整该字的大小。执行“修改” →“分离”的命令,将“目” 字中间的两横擦除。制作完成后“锁定”该图层。 学生上机制作 【DIY】绘制文字内部图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“文字内部”。 2、使用工具面板中的“刷子工具”,在第 1、20、30、40 帧插入关键帧并绘 制甲骨文、金文、小篆“目”字的内部的两横,如教材 P31 图 5.4 所示。 学生上机制作 ⑵、制作“文字外部”形状补间动画并添加形状提示点 20 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别在“文字外部”、“文字内部”图层的第 12、32、52 帧插入关键帧, 在第 80 帧插入帧。 2、在“文字外部”图层上,选择帧面板中第 12 帧到 20 帧之间的任何一帧, 更改帧“属性”面板中的补间为“形状”。 3、选中帧面板的第 12 帧,连续执行 8 次“修改” →“形状”→“添加形状 提示”命令(快捷键为 Ctrl+Shift+H),此时将出现的 8 个个叠放在一起的提示点 分别按顺序放于文字外部的四角。 4、选中帧面板的第 20 帧,将叠放的提示点参考第 12 帧的顺序、位置进行摆 放。 【DIY】 师先做演示操作,然后学生上机操作。 利用制作“文字外部”图层的第 12 帧至第 20 帧形状补间动画的方法,分别 制作 32 帧至 40 帧、第 52 帧至 60 帧的形状补间动画,并添加“形状提示点”,使 文字演变效果逐渐过渡,如教材 P32 图 5.7“文字外部”图层添加形状提示点的效 果 ⑶、制作“文字内部”形状补间动画并添加形状提示点 【DIY】 师先做演示操作,然后学生上机操作。 利用制作“文字外部”形状补间动画并添加形状提示点的方法制作“文字内 部”图层的形状补间动画,添加的形状提示点如教材 P33 图 5.8“文字内部”图层 添加形状提示点的效果 三、制作装饰效果 师提出:文字演变过程也是中国文化的发展过程,可以使用中国传统的色彩 和装饰图案美化画面,更好地传达中国特色。 ⑴、使用任意变形工具制作传统图案“云纹” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,并重命名为“吉祥图案” 2、使用工具面板中的“线条工具”绘制一半的云纹,并使用工具面板中的“任 意变形工具”选中云纹,调整中心点至右侧中间位置,如教材 P33 图 5.9 所示。 3、下面制作完成一个完整的云纹。选择“变形”面板,设置旋转角度为“180 度”,单击面板下方的“复制并应用变形”按钮,如教材 P33 图 5.10 图所示。 4、使用“任意变形工具”选中整个云纹,将中心点移动至右侧边线外围,调 整“变形”面板中旋转角度为“180 度”,单击“复制并应用变形”按钮,制作完 成 2 个云纹效果,如教材 P34 图 5.11 所示。 第二课时 【DIY】 师先做演示操作,然后学生上机操作。 利用步骤 4 的制作方法,制作云纹的二方连续效果,装饰在作品中。 制作说明文字与边框 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“说明文字”。分别在第 1、20、40、60 帧,输入文 字“甲骨文”、“金文”、“小篆”和“揩书”,以说明当前文字的字体名称。 2、新建图层,重命名为“边框”,使用工具面板中的“矩形工具”绘制一个 无边框的橙色矩形衬托在文字下方。 学生上机制作。 四、保存文件 将动画源文件以“文字演变”为文件名保存在自己的文件夹中的作业文件夹 中,并测试生成 swf 格式的文件。 21 【知识着陆】 1、形状补间动画可以制作多种变形效果,通过添加形状提示点的方法可以 让变形效果随提示点自然过渡,运用这样的方法可以制作随风摆动的头发、小草、 衣服等效果。 【创作天地】 学生上机制作温室中美丽绽放的花朵,在玻璃的遮挡下,再火热的太阳也不 怕。 要求:太阳光芒使用添加形状提示点的方法制作。花朵的花瓣使用制作并旋 转的方法制作。 板书 设计 第 5 课 文字演变----添加形状提示点 教 学 反 思 22 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 6 课节水有我---综合实践 课 型 综合实践课 教 学 目 标 知 识 与 技 能 进一步掌握制作逐帧动画与补间形状的方法 能综合运用第一单元的知识完成简单的动画 过 程 与 方 法 通过任务驱动的学习巩固帧、关键帧以及绘图类工具的操作方法。 情感态度价值观 让学生养成节水的良好习惯 教学重点 掌握制作逐帧动画与补间形状的方法。 巩固帧、关键帧以及绘图类工具的操作方法。 教学难点 能综合运用第一单元的知识完成动画的制作 教学准备 多媒体软件 教 学 过 程 个性思考 导入新课:展示节水图片 水是我们的好朋友,它对我们非常重要,如果没有了水我们将无法生存,你今天 节水了吗?快来参加“节水有我”活动吧。 本课,我们将前面所学过的知识综合应用到“节水有我”宣传动画的制作中。制 作完成的动画如 P34 页 6.1 所示。 新课讲授: 任务一:制作“节水有我”宣传动画 师提示:(1)制作动画背景 A;新建动画文件 B:绘制背景 (2)设计标题文字 A:制作文字“节”、“有”、“我” B:制作文字“水” (3)文字动画 (4)水滴动画效果 (5)停止符号与过渡画面的动画效果 (6)照片动画效果 (7)“过渡 2”动画效果 (8)地球说话动画效果 (9)说话文字动态效果 (10)保存文件 学生作品展示 知识着陆 1、动画不同于幻灯片中的动态,不单是一个形象位置、大小等的改变,还需要有 23 具体的细节动作,如走路等,因此逐帧动画在动画中就起到了非常重要的作用, 可以让动作语言更加丰富,动画画面更加生动。 2、使用“铅笔工具”、“线条工具”、“椭圆工具”、“矩形工具”、“刷子工 具”等绘图类工具,可以绘制背景、设计文字,还可以配合逐帧动画,模仿制作 各种细微动作,如水滴滴落的效果等。 3、补间形状动画借助对形状、颜色的改变,可以模仿画面过渡的多种效果,让动 画过渡效果更加自然、丰富。 4、处理位图图像时可以使用“套索工具”,还可以借助绘图类工具对选择区域进 行更加精细的选择。 板书 设计 第 6 课节水有我---综合实践 教 学 反 思 24 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 7 课快乐猫咪---传统补间动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、了解 Flash 中的三种元件及其和舞台的关系 2、掌握正确制作传统补间动画的方法 过 程 与 方 法 通过采用“任务驱动法”,在老师的讲授、引导、启发下,学生理解后再去上机 亲身体验制作传统补间动画的方法 情感态度价值观 培养学生的审美观 教学重点 属性面板中补间选项的设置 传统补间动画的制作方法 教学难点 正确制作动作补间动画 教学准备 多媒体软件 教 学 过 程 个性思考 导入 亲爱的同学们,请看大屏幕,快乐的猫咪看着可爱的蜻蜓飞来飞去,心里 一定很羡慕,如果自己也能飞该有多好啊;本课我们在库面板中新建图形元件, 并将图形元件制作成动画补间动画的效果。 二、新课讲解 1、设置文档属性 大小:500×400 像素 背景:蓝色 2、制作图形元件 (1)新建图形元件 方法: 执行“窗口”→“库”命令,弹出“创建设新元件”。单击“库”面 板下方的“新建元件”按钮,弹出“创建新元件”对话框,更改元件名为“猫”, 元件类型为“图形”元件,单击“确定”按钮。 (2)制作“猫”图形元件 方法: A、在“猫”图形元件的编辑状态下,将“图层 1”重命名为“猫”; B、进入图形元件的编辑状态,界面中间出现的十字形表示为图形元件的中央, 从这里开始绘制图形便于今后调整元件。使用工具面板中的“椭圆工具”、“线 条工具”绘制猫的外形,使用“选择工具”将直线调整为弧线,并填充颜色。 C、新建图层,重命名为“领结”,使用“线条工具”绘制领结,并填充颜色。 (3)用上的方法,在库中制作“背景”、“蜻蜓”、“花”、“眼睛”的图形 元件。 3、制作动画效果 下面我们将图形元件分别放置在场景 1 的舞台中,制作出小猫眼睛随蜻蜓转动的 效果。 (1)将图形元件拖放舞台中并调整。 方法:P40 页。 (2)制作蜻蜓的动画补间动画。 方法: A、在“静态”图层的第 45 帧插入帧。 B、 在“蜻蜓”图层的第 15 帧插入关键 帧,分别移动蜻蜓位置,模拟蜻 25 蜓从画面的右侧飞到左侧的效果。 4、保存文件 三、小结 1、在“库”面板中新建“图形”元件,制作的图形元件可以随时通过“库” 面板调用至场景的舞台。 2、可以将一个需要多次使用的图形制作成图形元件,图形元件可以像印 章一样重复使用。 四、作业 制作节约用水的动画效果,让水滴逐渐滴落下来 第 2 课时 上机操作 【知识着陆】教材 P42 师小结: 1、在“库”面板中新建“图形”元件,制作的图形元件可以随时通过“库” 面板调用至场景的舞台。 2、可以将一个需要多次使用的图形制作成图形元件,图形元件可以像印章 一样重复使用,使用图形元件能够快速地制作出大面积的花园、树林、建筑等效 果,避免重复制作。 3、修改属性面板中的“补间”为“动画”,在动画的起始关键帧中和结束关 键帧中放置同一个图形元件,通过调整两个关键帧中图形元件的位置,可以制作 上下跳动的彩球、海上行驶的渔船等动画补间动画。 【视野拓展】教材 P42 师引导学生阅读并要求学生在网上进行搜索,欣赏 Flash 作品 【创作天地】教材 P42 制作节约用水的动画效果,让水滴逐渐滴落下来,参照教材 P42 图 6.12 所示 板书 设计 第 7 课快乐猫咪---传统补间动画 教 学 反 思 26 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 8 课穿越森林----多变补间动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、输入文本、制作简单图形。 2、学会分离元件。 3、学会制作图形的形状补间动画。 4、学会制作文字的形状补间动画。 过 程 与 方 法 1、通过制作文字的形状补间动画,学会分离的方法,理解分离的作用,掌握创 建形状补间动画的基本方法。 2、在制作过程中,体会形状补间动画与动画补间动画的异同点 情感态度价值观 1、培养学生善于自主探究、发现问题、分析问题、解决问题的自学能力。 2、 激发学生的想象和创作欲望,培养学生敢于探索、不断进取、相互学习的合 作精神。 教学重点 插入空白关键帧,创建形状补间动画。 教学难点 理解分离的作 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 新课引入: 教师可以演示如图 7.1 所示的七彩填充的小球旋转下落,并且小球逐渐变小 变透明的范例,然后向学生提问:使用已经学过的知识能否完成该动画效果的设 置? 同学们会跃跃欲试,表示能够完成,可实际操作以后会发现,如果使用形状 补间动画,小球的旋转运动并不像我们预期的那样,中间的过渡颜色会产生偏差, 小球可以改变大小,却没有办法进行透明度的设置。 通过这个实例,教师可以在第 6 课的基础上继续巩固动画补间动画的概念并 演示本课的范例让学生观察(师板书课题:穿越森林----多变地动画补间动画)。 讲授新课 一、设置文档属性 师引导学生进行设置:新建动画文件,修改文档“属性”舞台大小为 (550*400px),背景色为“土黄色”。 二、制作背景 ⑴、制作树木图形元件 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、 新建图形元件。执行“插入” →“新建元件”命令,创建“树木”图 形元件,如教材 P50 图 8.2 所示。 2、使用“椭圆工具”,并配合“选择工具”绘制树冠,如教材 P51 图 8..3 所示。 3、使用“多角星形工具”、“椭圆工具”、“选择工具”绘制树上的花朵,如教 材 P51 图 8.4 所示。 4、使用“选择工具”选择花朵,执行“修改” →“组合”命令,将花朵组 合成一个整体,为后面的复制做好准备,如教材 P51 图 8.5 所示。 5、使用“矩形工具”结合“变形工具”、“选择工具”绘制树干。 6、将绘制好的树冠、花朵、树干合理摆放位置,并复制出多朵小花,完成 27 树木的整体制作,如教材 P52 图 8.8 所示。 学生上机操作。 【DIY】教材 P52 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、仿照“树冠”的制作方法,使用“椭圆工具”绘制出图形元件“云朵”, 如教材 P52 图 8.9 所示。 2、使用“线条工具”、“椭圆工具”绘制出图形元件“小路”,注意“近大远 小”的绘图规律,如教材 P52 图 8.10 所示。 3、使用“多角星形工具”绘制图形元件“太阳”, 如教材 P52 图 811 所示。 学生上机绘制。 ⑵、制作图形元件“汽车” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件,命名为“汽车”。 2、在“图层 1”上,使用“椭圆工具”、“矩形工具”,选择合适的笔触和颜 色,绘制出汽车的外形。 3、新建图层,使用“椭圆工具”,选择合适的笔触及填充颜色,绘制出驾驶 仓中的小熊,并将该图层拖动到“图层 1”下层,如教材 P53 图 8.12 所示。 学生上机绘制“汽车” ⑶、合成背景 师提出:将图形元件“云朵”、“树木”、“小路”、“太阳”合成在一个图形元 件中,构成动画作品的背景。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件,命名为“背景”。 2、新建图层,重命名为“天”,使用“矩形工具”和“选择工具”制作出蓝 天相接的效果,如教材 P53 图 8.13 所示。 3、新建图层,重命名为“路”,打开“库”面板,将图形元件“小路”拖放 到舞台合适位置。 4、新建图层,重命名为“云”,两次拖放图形元件“云朵”到舞台合适位置, 使用“任意变形工具”调整其大小。 5、新建图层,重命名为“树”,在舞台上拖放 6 棵“树木”,使用“任意变 形工具”调整树木大小。 6、新建图层,重命名为“太阳”将图形元件“太阳”拖放到舞台合适位置。 制作好的“背景”元件如教材 P54 图 8.14 所示。 学生上机合成背景。 三、创建汽车行驶的动画补间动画 师:将制作好的图形元件放置到场景中,创建动画补间动画,让小熊驾驶着 小汽车在树林中疾驰。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,将“图层 1”重命名为“背景”。 2、打开“库”面板,将图形元件“背景”拖放到舞台上,调整其大小及位 置。 3、在第 60 帧插入关键帧,改变背景的大小和位置。第 1 帧及第 60 帧背景 的大小及位置变化如教材 P54 图 7.15 所示。 4、单击时间轴上第 1 到 60 帧之间的任何一帧,设置“属性”面板中的补间 “动画”,其余选项为默认值。 缓动设为正值,补间动画的速度由快变慢;缓动设为负值,补间动画的速度 将由慢变快。 【DIY】教材 P55。 师先做演示操作,然后学生上机操作。 28 与创建背景动画的方法相同,新建图层,重命名为“汽车”,创建汽车由远及 近的动画补间动画效果。 提示: 1、第 1 帧及第 60 帧“汽车”的大小及位置变化如教材 P55 图 817 所示。 2、远距离的物体看起来要比近距离的物体运动慢一些,可以在“属性”面板 中设置缓动值为-80,补间动画将由慢变快,以制作出汽车驶来的逼真效果,如教 材 P56 图 8.18 所示。 学生上机设置。 四、添加文字对象 师:在场景上加入文字“穿越森林”,给动画添加上醒目的标题。 ⑴、制作图形元件“文字” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入” →“新建元件”命令,创建“文字”图形元件。 2、在元件“文字”的编辑状态下,使用“文本工具”在舞台上书写标题文字 “穿越森林”。文字的属性设置如教材 P56 图 8.19 所示。 学生上机制作。 ⑵、更改文字的属性 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,新建图层,重命名为“标题”,将“库”面 板中图形元件“文字”拖放到舞台的合适位置上,使用“任意变形工具”将文字 缩小。将文字颜色属性的 Alpha 值设为 0%,使文字变为透明。 2、在“标题”图层的第 35 帧插入关键帧。使用“任意变形工具”将文字放 大,将 Alpha 值设为 100%,使文字变为不透明。更改文字的颜色属性为“色调”, 此时出现调整色彩的 RGB,如教材 P56 图 8.20 所示。 学生上机设置 ⑶、设置文字的动画补间动画 师先做演示操作,然后学生上机操作。 选中“标题”图层的第 1 至 35 帧之间的任意一帧,在“属性”面板中设置补 间为“动画”,旋转方式为“顺时针”, Alpha 值创建文字顺时针旋转放大变色的 动画渐变效果。 学生上机设置文字的动画补间动画。 五、保存文件 师:将动画源文件以“穿越森林”为文件名保存在自己文件夹中的“作业” 文件夹中,并测试生成 swf 格式的文件。 学生保存文件 第 2 课时 【知识着陆】教材 P50 1、通过调整不同关键帧中元件的位置、大小、Alpha 值等设置,使元件的属 性发生变化,并在“帧”属性面板中设置补间为“动画”,就可以产生移动、淡入 淡出等动画效果。 2、在“属性”面板中,设置动画属性中的“缓动”值,可以调整补间动画的 速度变化。通过这种属性设置可以制作加速下落的小球、减速旋转的陀螺等动画 效果。 【视野拓展】教材 P57。调整导入图像的容量 师:Flash 导入的图像不会因为在舞台中缩小尺寸而减小容量,如果需要减 少导入图像的容量就需要对图像进行压缩。 首先在库中找到要导入的图像素材,右击,在弹出的快捷菜单中选择“属性” 命令,打开“位图属性”对话框。取消勾选“使用导入的 JPEG 数据”复选框, 并在随后出现的“品质”文本框中输入压缩图像质量的数值,数值越高,图像质 量越高,容量也就越大。建议填好数值后先单击“测试”按钮,查看压缩后的相 29 关信息,如果适合再单击“确定”按钮,如教材 P51 图 8.22 所示。 【创作天地】教材 P58。制作天空中滑落的星星。 【后记】 动画补间动画设置的对象应该是“文字”、“组合图形”或“元件”,打散 的图形不能够设置动画补间动画。如果设置错误,时间轴会以虚线表示,见图 板书 设计 第 8 课穿越森林----多变补间动画 教 学 反 思 30 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 9 课蝴蝶飞舞----“引导层”动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1 、巩固 “动画补间”动画的制作方法; 2 、了解引导层动画的基本功能; 3 、掌握绘制引导层动画的基本方法 。 过 程 与 方 法 1 、引导线的作用及绘制方法; 2 、引导层动画的制作步骤 。 情感态度价值观 以生动的情境创建,激发学生热爱大自然的激情,并把美好的情感通过作品表达 出来 。 教学重点 引导层动画的创建 教学难点 引导层动画的创建、更改元件属性创建各种特效的动画补间动画 教学准备 多媒体软件 教 学 过 程 个性思考 第一课时 师引入课题:同学们已经学会了动画补间动画的基本制作方法,可以制作简单的 动画效果了。但是如果希望元件不仅仅沿直线运动,而是按照我们期望的轨迹运 动,应该使用什么样的方法呢?引入如图下图所示的范例,演示介绍小球沿抛物 线运动的方法。 注意强调引导层动画的制作要点: ① 创建图形元件“小球”的动画补间动画。 ② 在“小球”图层上添加特殊引导层“运动引导层”,使用铅笔绘制运动的 轨迹。 ③在起始帧和结束帧位置,分别将产生动画补间动画的元件锁定在引导线两 31 端。 或者师提前演示“蝴蝶飞舞”动画效果来引入课题。 新谭讲授 一、打开原有文件修饰整体画面 师引入第 8 课完成的作品实例,添加图形元件“鲜花”来丰富画面,为飞舞 的蝴蝶设置情境。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、打开第 8 课制作好的源文件“荷兰风车.fla”。 2、插入图形元件“鲜花”,利用“绘图工具”绘制郁金香花。 3、回到“场景 1”的编辑状态,新建图层“花丛”,多次拖入图形元件“鲜 花”到舞台适当位置,制作出花丛效果。 学生上机制作 二、制作影片剪辑元件“蝴蝶” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、插入影片剪辑元件,名称为“蝴蝶”。 2、在“图层 1”的第 1 帧绘制蝴蝶外形。分别在第 3、5、7 帧插入关键帧, 绘制不同形态的蝴蝶,完成蝴蝶原地飞舞的效果设置,如教材 P60 图 9.4 所示。 学生上机制作设置“蝴蝶” 三、制作飞舞的轨迹动画 师:为了完成蝴蝶在花丛中飞舞的效果,需要添加引导层动画(今天我们学 习的知识点)。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,分别在图层“背景图片”、“白云”、“风车扇 页”、“花丛”的第 55 帧插入帧,使其延续该层第 1 帧状态(也就是从第 1 帧到第 55 帧画面保持不变“静止画面”)。 2、在图层“花丛”上新建图层,重命名为“蝴蝶”,将影片剪辑元件“蝴蝶” 拖放到舞台上。 3、在时间轴上单击“添加运动引导”按钮,在图层“蝴蝶”之上新建一个 特殊图层。 学生上机操作添加“运动引导层”。 4、使用“钢笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线。 5、选中图层“蝴蝶”,分别在第 20、35、50 帧插入关键帧,改变蝴蝶在舞 台上的位置。 学生上机设置绘制“引导层” 6、在“蝴蝶”图层的第 1 至 20 帧之间和第 35 至 55 帧之间,创建动画补间 动画。 7、按 Ctrl+Enter 键测试影片。可以看到舞动的蝴蝶沿绘制好的路径运动。 【DIY】 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 使用上述方法,新建图层“蝴蝶 2”和运动引导层“引导层:蝴蝶 2”以及 图层“蝴蝶 3”和运动引导层:“引导层:蝴蝶 3”,制作出多只沿不同路径飞舞的 蝴蝶。 提示:为了使蝴蝶能在不同时刻出现在画面上,增强作品的美观性,可以在 图层“蝴蝶 2”和图层“蝴蝶 3”的不同位置上插入关键帧,然后在各关键帧中放 入影片剪辑元件“蝴蝶”,制作出多只蝴蝶飞舞的效果, 学生上机制作。 四、制作缓缓升空的热气球 师:由于气球升空速度缓慢,无法与蝴蝶飞舞的主时间轴保持一致的速率, 32 所示气球升空的引导层动画将在影片剪辑元件的制作过程中实现,而不是在场景 中直接制作。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、插入图形元件“气球”,绘制热气球外形。 2、插入影片剪辑元件,名称为“上升的气球”。 3、将图形元件“气球”放置在图层出不穷的第 1 帧位置上。 4、在第 300 帧插入关键帧,移动“气球”实例到较高位置,使用“任意变形 工具”调整其大小,在“属性”面板中更改“气球”实例的透明度,描述气球由 近及远的变化效果。 5、添加一个运动引导层,使用“铅笔工具”绘制气球升空的路径。 6、将第 1 帧位置上的“气球”锁定在路径的一端,第 300 帧位置上的“气球” 锁定在另外一端。在第 1 至 300 帧之间创建补间动画。 7、回到“场景 1”的编辑状态,新建图层,重命名为“气球”,将影片剪辑 元件“上升的气球”拖到舞台的合适位置。 学生上机制作缓缓升空的热气球。 五、保存文件 师:将动画源文件以“蝴蝶飞舞”为文件名保存在自己的“作业”文件夹中, 并测试生成 swf 格式的文件。 第 2 课时 【知识着陆】 师:在具有补间动画效果的图层之上建立新的特殊图层----运动引导层,可以 使图形沿在运动引导层制好的路径运动。使用这种方法可以制作飞机投弹的抛物 线、树叶飘落和曲线等。 【视野拓展】视频制作软件----会声会影 学生阅读 【创作天地】制作:蜿蜒曲折的乡间小路上开来一辆颠簸的红色小汽车,使用运 动引导层动画制作汽车的运动轨迹。 提示: 1、影片剪辑元件“开动的汽车”各关键帧的效果见教材 P64 图 9.12 所示。 产生的补间动画用来表示汽车的颠簸状态效果。 2、可以使用引导层动画来表现小屋中冒出的缕缕炊烟。 【后记 】 值得注意的环节: 1、在绘制逐帧动画的蝴蝶时,应该让同学们自己动手模仿,注意蝴蝶翅膀与 身体的叠放顺序,蝴蝶翅膀不同时刻的形态,从而培养学生对生活的观察,并在 此过程中练习“任意变形工具”的“旋转与倾斜”、“扭曲”、“缩放”、“封 套”等不同选项的用途。 2、在教材的范例中,蝴蝶在第 1、20、35、50 帧时的不同位置,其中第 20 帧与第 35 帧的蝴蝶位置大致相同,以此来表达蝴蝶在花朵上停留的动画。同学们 可以运用各种技巧设计与范例不同效果的引导层动画。 3、在教材的范例中,每一只运动的蝴蝶动画对应一个运动引导层。 板书 设计 第 9 课蝴蝶飞舞----“引导层”动画 教 学 反 思 33 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 10 课 放飞理想—综合实践 课 型 综合实践 教 学 目 标 知 识 与 技 能 进一步掌握利用补间动画和元件制作动画的方法 能综合运用第二单元的知识完成简单的动画 过 程 与 方 法 通过任务驱动的学习巩固补间动画的操作方法。 情感态度价值观 培养学生养爱护大自然的良好习惯 教学重点 元件的运用及补间动画的制作 教学难点 能综合运用第二单元的知识完成动画的制作 教学准备 多媒体软件 教 学 过 程 个性思考 引入新课: 带着风筝快乐地奔跑,跟小伙伴们比一比谁的风筝飞得更高,飞得更远。 本课,我们综合应用影片剪辑元件、传统补间动画和“引导层”动画的制作技巧 来制作放风筝的动画效果,制作完成的动画画面如图 10.1 所示。 新课讲授 任务:制作“放飞风筝”动画如图 10.1 提示: 1、制作背景 2、制作影片剪辑元件 3、将影片剪辑元件“风筝“应用于场景 4、将影片剪辑元件“小孩拽风筝” 5、制作小孩拽风筝奔跑的引导层动画 6、制作动态文字标题 7、保存文件 学生操作,师心巡视指导。 学生作品展示 知识着陆: 1、利用钢笔工具,可以通过调整“锚点”对图形进行精确控制,绘制复杂的拆线 和曲线。 2、可以导入具有动画效果的 GIF 格式图片文件制作影片剪辑元件。利用逐帧动 画的方式制作影片剪辑元件,可以表现出比较细腻的动作效果。 3、通过直接复制元件的方式,可以制作一个内容相同,名称不同的新元件,再根 据需求对元件进行进一步调整。 4、调整元件属性栏的中色彩效果,可以改变当前舞台上的实例元件的色彩。而不 会影响元件本身。通过这种调整可以模仿近处颜色鲜艳、远处颜色暗淡,从显示 元件到元件透明消失等的特殊效果。 34 板书 设计 第 10 课 放飞理想—综合实践 教 学 反 思 35 第 3 单元 奇思妙想 本单元的活动主线是:在熟练设置传统补间动画的基础上,重点掌 握“补间动画”、“遮罩层 动画” 的设置方法,认识 Flash 模拟镜头视 觉效果的作用,了解按钮元件的基本制作与使用方法。 通过制作活动, 不断积累所学知识并将其综合应用,体验自主探究与自由创作的乐趣。 二、学习目标 创建传统补间动画是 Flash 动画创作中经常使用的。在其应用的基 础上,本单元重点介绍了 与之相似但操作更加便捷的“创建补间动画”、 “遮罩动画”等常用技巧,并力求通过创作带有各种 特殊效果的作品, 拓宽学生的视野、激发学生的兴趣。学生在学习的同时要注意本学科知 识的 迁移,要能够将第 3 单元所学的元件等知识灵活运用到本单元的活 动中。在补间动画的制作过程 中,学生要注意元件的位置、大小、色彩等 的改变要结合作品内容进行调整,不要过于花哨,导 致作品视觉效果混 乱。 在遮罩动画的制作过程中,教师可以引导学生利用这种特殊的动画 设置方式创作出多种神 奇的效果。在引导过程中要注意知识的积累与迁 移。通过循序渐进的学习,学生还应该掌握 Flash 创作中常用的交互手 段:按钮。通过制作按钮、添加动作命令等,让动画作品实现人机交互, 从 而更好地调动学生积极性。本单元每个范例的制作过程都涵盖了上一课所学的知识点,因此在 学 习新知识的同时要巩固已有知识点。 通过本单元的学习,学生应该能够掌握 Flash 创作的基本方 法,并 学会将其综合应用。完成上述知识的学习,并拥有了动画创作的基本技 能后,学生对 Flash 学习的积极性会大大增强,教师可以通过学生作品的 展示、学生的自我评价与相互评价进一步提 升其创作热情,逐步引导学 生开始设计动画情景,向完成大型动画设计与制作的目标迈进。 三、重点难点 教学重点: 1. 掌握影片剪辑元件的属性设置及滤镜效果设置、时间轴特效设置。 2. 掌握遮 罩层的设置方法及其含义。 3. 了解 Flash 模拟镜头效果的作用。 4. 学会制作按钮元件,了解其 四个状态的含义。 5. 能够给按钮添加动作。 6. 了解 play、stop 等命令的基本含义。 7. 掌握创 建补间动画的操作方法。 教学难点: 1. 综合应用影片剪辑元件的各种效果设置制作出精美的动画画面。 2. 遮罩层动 画的综合应用。3. 理解按钮各状态的含义并能够熟练设置。4. 使用按钮对影片进行控制。5. 补 间动画中元件的位置、大小、色彩等的改变。 四、学时安排 本单元共 4 课,总计 4 学时。11、12、13、14 每课为 1 学时。 36 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 11 课 神奇飞熊—创建补间动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、学习创建补间动画的制作方法。 2、学习为元件添加滤镜。 过 程 与 方 法 通过任务驱动的方法让学生掌握 Flash 动画手段制作具有镜头感的视觉效果,并 学习为元件添加滤镜的方法 情感态度价值观 培养学生的动手能力、想象力、创造力、审美能力及互助精神 教学重点 创建补间动画 教学难点 创建补间动画 教学准备 多媒体软件 教 学 过 程 个性思考 1. 课堂引入分析 同学们已经学会了传统补间动画的基本制作方法,并通过 添加 引导层动画实现元件按照指定轨迹运动。老师这里有两个同样效果的 小球 运动的动画,但是使用了不同的方法,下面我们来对照一下时间 轴和源文件,观 察两种方法有何不同引入。 通过观察发现一个是学习过的引导层动画(两个图层),另一个是 没有学 过的动画(仅使用了一个图层),从而引入三种动画形式的最后 一种:创建补间 动画。三种动画的创建方法都是在时间轴上单击鼠标右 键,通过下拉菜单来选择 制作的。 教师结合学生的观察,引导分析源文件的区别,给出适当的提示, 如: 只有一个关键帧,动画内容是小球位置的改变等。引导学生自我尝 试运用创建补 间动画方法制作小球运动。本课将学习补间动画的制作方法。 新课新授 在 Flash 中,能够为文本、按钮、影片剪辑元件设置滤镜效 果,而分离的图形或 图形元件无法应用滤镜特效,这也是影片剪 辑元件与图形元件的又一区别。 任务一:制作小熊“从天而降的效果” 给学生机发送学案 师巡视指导 小结:模拟镜头运动效果是 Flash 的特出处理手法 利用“传统补间动画”制作推镜头的视觉效果,主要意图是为了 让学生对补间动 画与传统补间能够有很好的对比与认识,其实无论运 用哪种方法,最终达到效果 才是我们想要的。 模拟镜头是让动画更生动的一个方面,这样可以避免动画成品 像 PPT 作品那样枯燥无味。镜头的变化让视觉语言更加丰富的同时,让 动画故 事自然过渡,作品的观赏性也更强了,如范例中的树木由小到 大向两侧移 移动,这种形式让人感觉好像拨开树枝进入另一方天地一样,犹如身临其境一般。 但要注意不是镜头效果添加的越多越好,过多的 变化不但无法起到美化点缀与过 渡的作用,反而会破坏作品效果,适 量很重要! 教学补充 1. 创建传统补间可以借助引导层来完成运动轨迹的制作,同时引 导层可以添加 37 多个被引导层的优势,可以让多个元件沿着同一个轨迹 运动,不会出现位置偏差 的问题,操作简便易控。而创建补间动画则 容易出现位置偏移的问题。但补间动 画可以借助动画编辑器更便捷的 调整多种属性设置,让动画效果更加丰富,如图 2. 推镜头仅仅是 Flash 模拟镜头运动的一种,借此内容继续扩展 出镜头的推、拉、 摇、移等变化。 帮助学生分析电影镜头是电影的可视画面,是摄像机不换机位、 不间断地连续拍摄的一个片段。动画镜头是动画的可视画面,一部 Flash 动画片 就是由若干个镜头画面组成的一个完整的影片。 镜头变化是根据视距的不同,镜头的范围分别有远景、大远景、 全景、中景、近 景、特写、大特写;而镜头的角度也有鸟瞰、平视、 俯视、仰视、倾斜;镜头运 动又分为推镜头、拉镜头、横移镜头、升 降镜头、跟镜头、景深(是指在摄影机 镜头前沿着能够取得清晰图像 的距离范围)变化等。Flash 动画创作可以运用电 影技巧的表现手法, 根据相对运动原理,通过画面与画面的转换来模拟摄像机的 走位及镜 头取舍来达到视觉上镜头运动的变化效果。 创作天地:制作镜头景深变化的牧场风光。 提示:在起始帧位置,表现近处物体的元件实例属性“滤镜”模糊值设为 0,远 处物体的元件实例属性“滤镜”模糊值设为较高值;结束帧位置的元件实例属性 设置相反。 板书 设计 第 11 课 神奇飞熊—创建补间动画 教 学 反 思 38 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 12 课 水波荡漾----“遮罩层”动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、熟练掌握元件的位置、颜色等属性的更改。 2、学习遮罩层动画的制作。 过 程 与 方 法 让学生通过书本与老师讲授的方法来学习本节课。 情感态度价值观 培养学生对计算机的兴趣,培养学生动手能力和思维能力 教学重点 1.学会变形工具的使用方法。 2.学会运动路径的调整方法。 教学难点 1.学会运动路径的调整方法。 2.学会制作遮罩层。 教学准备 多媒体软件 教 学 过 程 个性思考 师引入课题:教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具 有遮罩层特效的动画,让学生观察用所学的知识能否完成这些动画效果的制作? 以此引入本课学习的重点——遮罩层动画。 一、制作背景 师:导入外部图片用于制作动画作品的背景,并利用影片剪辑元件的颜色透明度 设置制作出水中倒影效果。 ⑴、导入图片 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建动画文件。修改文档“属性”的大小为“800*600 像素”,背景色为“蓝 色”。 2、执行“文件”→“导入”→“导入到库”命令,将素材图片 bk10.bmp 导入到库中。 学生上机往库导入图片。 ⑵、制作有水中倒影效果的背景 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入”→“新建元件”命令,新建图形元件“背景图”。 2、打开“库”面板,将图像 bk10.bmp 拖放到舞台。 3、回到场景 1 的编辑状态,重命名“图层 1”为“背景”,将图形元件“背景图” 拖放到舞台上,在“属性”面板中调整 X、Y 的坐标值为 0、0。 4、在“图层 1”上复制图形元件“背景图”的另一个实例,在属性面板中调整其 X、Y 坐标值为 0、300,颜色透明度设置为 40%。 5、使用“选择工具”单击舞台下方位置的“背景图”,执行“修改”→“变形” →“垂直翻转”命令,制作出水中倒影的物效。 6、在“背景”层第 50 帧插入帧。 学生上机制作有水中倒影效果的背景。 二、 制作乘伞落下的小熊 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件“落水的小熊”,使用“线条工具”、“椭圆工具”等绘制小熊 图案。 2、回到“场景 1”的编辑状态,新建图层,重命名为“小熊”,将图形元件“落 水的小熊”拖放到舞台上方。在第 50 帧插入关键帧,移动小熊位置,使其位于有 倒影的水中。 39 3、在图层“小熊”上添加运动引导层,绘制小熊落下的轨迹。 4、将图层“小熊”上第 1 帧和第 50 帧位置的实例“落水的小熊”分别锁定在路 径的两端。 5、在图层“小熊”上第 1 至第 50 帧之间创建动画补间动画,完成小 熊落下的引导层动画。 学生上机制作乘伞落下的小熊。 三、利用遮罩层制作水中倒影特效 ⑴、制作倒影层师:观察生活中的水中倒影可 以看出,水波波动时,水里物体的影像会向外扩散,产生比真实物体放大的效果。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在图层“背景”和图层“小熊”的第 80 帧插入帧。 2、新建图层,重命名为 “水中倒影”,在第 50 帧插入关键帧。 3、复制“背景”层上的倒影图案,粘贴在“水中倒影”层的第 50 帧位置,使用 “任意变形工具”将图像适当放大。 学生上机制作倒影层。 ⑵、制作水波遮罩 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“水波”。 2、在第 50 帧插入关键帧,使用“刷子工具”绘制如教材 P68 图 10.8 所示的圆环 图案。 3、在“水波”层的第 80 帧插入关键帧,使用“任意变形工具”将水波图 案放大。 4、在“水波”层的第 50 至 80 帧之间创建形状补间动画。 5、右击图层“水波”, 在弹出的快捷菜单中选择“遮罩层”命令,则水波荡漾的效果就制作完成了。 学生上机制作水波遮罩。 师:比较下面两个实例的不同,体会遮罩动画的神奇效果。 实例 1:以渐变的图 形作为遮罩层 学生上机制作体会。 制作步骤: 1、新建文件,修改文档“属性”的大小为“300*180 像素”。 2、将图层 1 重命名为“文字”,使用“文本工具”写入静态文字 GELLO,在该 图层第 25 帧插入帧。 3、新建图层,重命名为“圆”,在第 1 帧绘制“七彩线形填充”的图形;在第 25 帧插入关键帧,使用“任意变形工具”放大圆形图案使其覆盖住文字,并在该 层创建形状补间动画。 4、右击图层“圆”,在弹出的快捷菜单中选择“遮罩层”命令。 5、测试影片,观看效果。 实例 2:以文字作为遮罩层 学生上机制作体会。 制 作步骤: 1、重复实例 1 中的第 1—3 步。 2、调整图层顺序,使“文字”图层位于“圆”图层的上方。 3、右击图层“文字”,在弹出的快捷菜单中选择“遮罩层”命令。 4、测试影片,观看效果。 师引导分析:实例 1 以由小变大的椭圆图形作为遮罩,使下面一层的文字通过镂 空的椭圆显示出来,椭圆以外的文字被遮蔽。由于椭圆是遮罩层,所以椭圆的颜 色不影响画面效果。 实例 2 以文本作为遮罩层,通过镂空的文字线条将下一层的椭圆图形显示出来, 文字线条以外的图形被遮蔽。由于文字是遮罩层,所以文字的颜色将不影响画面 效果,而椭圆的色彩透过文字线条显示出来。 四、保存文件 将动画源文件以“水波荡漾”为文件名保存到自己文件夹中的“作业”文件夹中, 并测试生成 swf 格式的文件。 【知识着陆】。 遮罩是 Flash 中的一个常用功能,在遮罩层中,可以使用“绘图工具”绘制 各种图形作为遮罩,透过这些图形能够看到被遮罩层的内容,而遮罩层图形以外 的内容将遮蔽。利用遮罩层的特点,可以制作各种文字变幻、水波纹、百叶窗切 换等特效。 【视野拓展】 学生阅读了解。 【创作天地】 使用遮罩效果制作绽放的礼花. 40 制作提示: 将彩球作为被遮罩层,将刷子工具绘制的线条作为遮罩层。 【后记】 本节教学实例、DIY 制作的两个实例及创作天地内容多,需要学生制作也很多, 因此,为了保障教学质量,需用 2 个课时完成。 板书 设计 第 12 课 水波荡漾----“遮罩层”动画 教 学 反 思 41 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 13 课心语星愿----按钮元件的应用 课 型 新授课 教 学 目 标 知 识 与 技 能 1、巩固影片剪辑元件的创建与应用,元件属性调整的方法、滤镜特效的应用。 2、学习为影片剪辑元件添加时间轴特效。 3、学习按钮的制作方法,并为按钮添加简单的控制动作 过 程 与 方 法 通过任务驱动的学习巩固遮罩层特效的制作方法,学习按钮的制作方法,并为按 钮添加简单的控制动作 情感态度价值观 培养学生对计算机的兴趣,培养学生动手能力和思维能力 教学重点 滤镜特效的设置、时间轴特效的添加以及按钮的制作与使用,简单动作的设置。 教学难点 影片剪辑元件属性调整的综合应用 教学准备 多媒体软件 教 学 过 程 个性思考 师引入课题:教师从网络上搜集一些 Flash 贺卡(简单)让学生欣赏,并引 导他们分析:通过已经学习过的知识是否也能够制作出精美的贺卡呢?从而激发 学生创作的积极性。展示本课的范例,让学生自己动手实践除按钮以外的动画制 作。 一、制作背景 ⑴、导入背景图片 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建动画文件,为了方便后期绘制白色图形,将文档背景颜色改为“浅 蓝色”。 2、将图层 1 重命名为“背景”,执行“文件” →“导入”→“导入到舞台” 命令,将素材图 bk11.jpg 导入到舞台,在第 60 帧插入帧 学生上机导入背景图片 ⑵、制作闪烁的小星星 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“文件” →“插入”→“新建元件”命令,创建影片剪辑类型的元 件,名称为“星星”,使用工具面板中的“多角星形工具”绘制一颗五角星。其中, 笔触颜色为“蓝色”,填充颜色为“白色”,工具选项设置如教材 P88 图 13.2 所示。 2、回到“场景 1”的编辑状态,新建图层(模糊 1),将影片剪辑元件“星 星”拖放到舞台合适位置。 3、执行“文件” →“时间轴特效”→“效果” →“模糊”命令,在弹出 的的“模糊”对话框中可以更改“移动方向”等选项,观看预览效果,确认后单 击“确定”按钮。执行本操作之后,我们可以观察到系统在库中自动生成了名为 “模糊 1”的影片剪辑元件及“特效文件夹”,设置为模糊特效的“星星”所在图 层也自动重命名为“模糊 1”。 4、右击舞台上已经完成特效制作的小星星,在弹出的快捷菜单中选择“复 42 制”命令,然后在舞台的不同位置多次执行“粘贴”命令,完成群星闪烁的制作 效果。 学生上机制作闪烁的小星星 二、制作在星形图案中上升的心形图形 师:绘制星形图案并作为遮罩层,制作各种影片剪辑元件,将多个元件组合 为上升的心形图形,设置动画渐变效果。 ⑴、制作移动的心形图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别新建“花”、“桃心”和“圆”3 个影片剪辑元件,使用“绘图工具” 分别绘制图形。 2、回到“场景 1”的编辑状态,新建图层,重命名为“形状 1”,依次将影 片元件“圆”、“花”和“挑心”拖放到舞台合适位置,调整各实例叠放顺序。 3、选中“圆”实例,在“属性”面板中,选择“滤镜”选项卡,为“圆” 实例添加“外发光”特效,选中“挖空及“内侧发光”选项,阴影颜色为“淡粉 色”。 4、选中“花”实例,在属性面板中设置颜色属性色调为“黄色”。设置完成 后的心形图形。Ctrl+G 组合键将其组合成组。 学生上机制作移动的心形图形。 ⑵、设置心形图形的上升动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别在第 20、43、60 帧插入关键帧,移动组合图形,改变其位置。 2、在第 1 至 20 帧、第 20 至 43 帧、第 43 至 60 帧之间创建动画补间动画, 设置心形图形上升运动的效果。 学生上机操作。 【DIY】教材 P76。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、依照图层“形状 1”的制作方法,新建图层“形状 2”,将影片剪辑元件“花”、 “挑心”、“圆”依次拖放到舞台合适位置,通过改变实例的颜色属性及添加滤镜, 制作与“图层 1”中不同颜色效果的心形图形并将其组合成组。然后创建动画补 间动画,完成心形图形上升效果的制作。可以适当改变关键帧的位置,使其上升 的速率有所不同。 2、同样方法新建图层“形状 3”,完成另一颗上升的心形图形。 学生上机制作。 ⑶、通过制作遮罩层使心形图形在背景图中大的星形图案内出现 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层“五角星遮罩”,使用“多角星形工具”绘制星形图案,外观与 背景图片上的星形保持一致,如教材 P89 图 13.10 所示。 2、右击图层“五角星遮罩”,在弹出的快捷菜单中选择“遮罩层”命令,设 置遮罩效果。此时图层“形状 3”被设为“被遮罩层”。 3、分别右击图层“形状 1”和“形状 2”,在弹出的快捷菜单中选择“属性” 命令,设置图层属性的类型为“被遮罩”。设置完成后,3 个图层上的心形图形都 只在大的星形图案内出现,超出星形图案以外将被遮蔽。 学生上机制作。 三、按钮的制作与应用 师:制作按钮,控制心形图形上升运动的移动和停止。 按钮元件的时间轴上的每一帧都具有一个特定的功能: 第 1 帧是“弹起”帧,代表指针没有经过按钮时该按钮的外观。 第 2 帧是“指针经过”帧,代表当指针滑过按钮时该按钮的外观。 第 3 帧是“按下”帧,代表单击按钮时,该按钮的外观。 43 第 4 帧是“点击”帧,定义响应鼠标单击的区域。注意:此区域在 swf 文件 中是不可见的。 ⑴、制作按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建按钮元件,名称为“播放”。 2、在按钮元件时间轴的“弹起帧”上使用“绘图工具”绘制按钮的“弹起” 状态 3、在“指针经过”帧插入关键帧,改变太阳图形的填充色为“黄色”,笔触 颜色为“白色”。 4、在“按下”帧插入关键帧,改变太阳图形的边线颜色为“红色”,绘制按 钮的“按下”状态。 5、在“点击”帧插入关键帧,绘制按钮的“点击”区域。 按钮元件各帧的形态 学生上机制作按钮。 ⑵、应用按钮控制动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,新建图层,重命名为“按钮”。 2、将按钮元件“播放”拖放到舞台上的合适位置。 3、选中按钮,在弹出的快捷菜单中选择“动作”命令,打开“动作—按钮” 面板,打开“脚本助手”,选择左侧列表中“全局函数” →“时间轴控制” →“play” 命令。 学生上机操作。 【DIY】 师先做演示操作,然后学生上机操作。 依照“播放”按钮的制作方法,制作并使用“停止”按钮。 提示:“停止”按钮元件各帧的形态参见。“停止”按钮的动作设置.。 学生上机制作设置“停止”按钮 4、回到“场景 1”的编辑状态,在“按钮”图层,拖放“播放”、“停止”按 钮到舞台合适位置。 学生上机操作。 四、保存文件 将动画源文件以“心语星愿”为文件名保存到自己文件夹中的“作业”文件 夹中,并测试生成 swf 格式的文件。 【知识着陆】。 1、在“属性”面板中更改影片剪辑元件的颜色等属性,并通过在“滤镜”选 项卡中添加“阴影”、“发光”等到特殊效果,可以使同一个影片剪辑元件在舞台 上以不同的颜色效果出现,为画面增加生动的色彩。 【视野拓展】电子贺卡 学生阅读并上网查寻。 【创作天地】 学生上机:使用文字作为按钮,控制影片的播放,如教材 P81 图 11.19 所示。 制作小兔子从蛋中破壳而出。 板书 设计 第 13 课心语星愿----按钮元件的应用 教 学 反 思 44 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 14 课节日祝福 综合制作三 课 型 综合实践 教 学 目 标 知 识 与 技 能 1、巩固影片剪辑元件的创建与应用,元件属性调整的方法、滤镜特效的应用。 2、巩固遮罩层特效的制作方法。 过 程 与 方 法 通过综合实践巩固第三单元所学知识 情感态度价值观 培养学生对计算机的兴趣,培养学生动手能力和思维能力 教学重点 1、巩固影片剪辑元件的创建与应用,元件属性调整的方法、滤镜特效的应用。 2、巩固遮罩层特效的制作方法。 教学难点 综合运用所学知识制作动画 教学准备 多媒体软件 教 学 过 程 个性思考 师引入课题:教师从网络上搜集一些 Flash 贺卡(简单)让学生欣赏,并引导他 们分析:通过已经学习过的知识是否也能够制作出精美的贺卡呢?从而激发学生 创作的积极性。展示本课的范例,让学生自己动手实践除按钮以外的动画制作。 新课新授: 发送相关素材到学生机上 任务:制作“节日祝福”贺卡。如图 14.1 提示: 1、制作白天背景 2、制作白天画面中的动画效果:蜻蜓、枫叶、兔子和太阳 3、制作夜晚背景 4、制作夜晚背景画面中各种动画效果:文字祝福和月亮中的兔子 5、保存文字 学生作品展示 知识着陆 1、使用影片剪辑元件制作动画中的各种动态元素,让动画真的动起来。还可以通 过修改影片剪辑元件属性面板中的设置或添加各种滤镜来丰富画面效果。 2、一个遮罩层可以有多个被遮罩层,以便让多个图层中的动画只出现在指定的同 一个区域内,使画面仅显示局部内容。遮罩动画还经常用于制作画面过渡效果。 3、为元件创建补间动画,还可以灵活制作出各种让元件按指定轨迹运动的效果, 操作简便快捷,便于随时调整,减少了添加引导层来引导元件运动的繁琐。 4、按钮的设计与应用让画面增添互动效果,合理地控制了影片播放、停止等,让 动画不但实现人机交互,还给动画增加停顿的节奏感。 5、逐帧动画是 FLASH 动画中最基础,也是使用率最高的一种动画形式,灵活、 巧妙地设计逐帧动画中的每一个动作,就可以让动画语言更加丰富,动作更加细 腻,增强了动画的观赏性。 45 小结 板书 设计 第 14 课节日祝福 综合制作三 教 学 反 思 “停止”按钮的动作设置“播放”按钮的动作设置 on (release) { stop(); tellTarget (this.a) { stop(); } } on (release) { play(); tellTarget (this.a) { play(); } } 46 第 4 单元 酷炫空间 一、单元概述 本单元的活动主线是:学习制作多场景动画,同时添加按钮、声音等完善动画效果,并综合利 用所掌握的 Flash 基础知识,制作较复杂的动画。通过制作活动,学习作品的构思和创意,体验 成功的快乐。 二、学习目标 通过制作“小鸡旅行”,学习制作多场景动画及按钮的控制;通过制作“猜拳游戏”,学习 如何利用随机函数实现随机跳转;通过制作“新年贺卡”,学习如何综合运用基本技巧构思与创 意作品。 通过作品制作活动,对已掌握的 Flash 的基础知识进行综合运用与巩固复习。单元结束时要 进行作品的展示交流/ 教学重点: 1.了解作品构思和创意的基本思路。 2.掌握场景的基本操作 ,如插入场景、删除场景、修改名称。 3.能够熟练地导入声音文件,灵活地在动画中添加背景音乐。 4 .能够熟练地运用引导层、遮罩层。 5 .能够熟练地创建图形、影片剪辑及按钮元件。 6 .认识“公用库”的作用,学会调用“公用库”中的元件。 7 .能够熟练地给帧和按钮添加动作。 8 .能够灵活使用:goto、stop 、 play 、stopallsounds 、 random 、 fscommand 等 命令来控制动画的播放. 教学难点: 1.如何进行作品构思和创意。 2.能够灵活地在动画中添加背景音乐。 3 .能够根据动画情节的需要,灵活添加新场景。 4 .学会灵活设置与调整元件属性中颜色的“透明度”(Alpha)、色调等。 5 .综合运用基本知识与技巧制作影片剪辑元件。 6 .能够灵活使用:goto、stop 、 play 、stopallsounds 、 random 、 fscommand 等命令来控制动画的播放。 7 .能够熟练使用复制帧与粘贴帧的操作方法。 学时安排 本单元共 3 课,总计 5 学时。分布情况如下: 第 15 课 小鸡旅行 1 学时 第 16 课 猜拳游戏 1 学时 第 17 课 新年贺卡 1 学时 47 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 15 课小鸡旅行 多场景的应用 课 型 新授课 教 学 目 标 知 识 与 技 能 1、掌握给帧添加动作的方法和场景的新建及编辑方法。 2、学会使用按钮控制场景跳转的命令。 3、了解为动画作品添加背景音乐的方法。 过 程 与 方 法 通过“任务驱动”的学习掌握掌握给帧添加动作的方法和场景的新建及编辑方法, 并学会使用按钮控制场景跳转的命令。 情感态度价值观 培养学生综合实践操作的能力 教学重点 将所学知识点综合应用、强化按钮对影片的控制作用、场景的创建与编辑方法、声音文件的导入 与编辑。 教学难点 给帧添加动作和场景的新建及编辑及为动画作品添加背景音乐的方法 教学准备 多媒体软件 教 学 过 程 个性思考 师引入引入课题:教师可以从网络上搜集大量的 Flash 贺卡(简单)让学生 欣赏,并引导他们分析:通过已经学习过的知识是否也能够制作出精美的贺卡呢? 从而激发学生创作的积极性。展示本课的范例,让学生自己动手实践除按钮以外 的动画制作。 一、制作场景“封面” ⑴、设置文档属性 新建动画文件。修改文档“属性”的尺寸大小为“800*400 像素”。 ⑵、制作文字标题 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建影片剪辑类型元件“小”。 2、在影片剪辑元件“小”的编辑状态下,使用“文本工具”书写文字“小”。 3、分别在第 5、10、15、20 帧插入关键帧,改变“小”字的形态。完成效 果如教材 P84 图 12.2 所示。 4、分别在第 1 至 5 帧、第 5 至 10 帧、第 10 至 15 帧、第 15 至 20 帧之间创 建动画补间动画,完成文字的旋转变化。 5、回到“场景 1”的编辑状态,将“图层 1”重命名为“小”,将影片剪辑 元件“小”拖放到舞台上方。在“属性面板”中将实例的颜色 Alpha 值设为 0%。 6、在第 20 帧插入关键帧,将“小”实例移动到舞台中心位置,改变其颜色 Alpha 值设为 100%,色调改为“绿色”,在第 1 至 20 帧之间创建动画补间动画。 完成文字从上方渐渐出现的效果制作。 学生上机制作文字标题“小”。 【DIY】学生上机制作文字标题“鸡”、“旅”、“行”、“记”。 学生依据上面同样的方法新建影片剪辑类型的元件“鸡”、“旅”、“行”、 “记”,并在场景中新建图层,分别重命名为“鸡”、“旅”、“行”、“记”,完成与 “小”相同的动画补间动画制作。第 20 帧的颜色色调值可以设为不同颜色。 ⑶、制作背景图形 学生上机制作背景图形。 师提示:为了在中图形的绘制过程不相互干扰,分别新建图层“蓝天”、“花”、 48 “太阳/白云”和“土地”,绘制封面的背景图形,并在第 20 帧插入帧。 ⑷、制作按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形类型元件“小鸡”,绘制小鸡外观,将它作为按钮“弹起”状态 时的图形。 2、新建影片剪辑元件“会飞的小鸡”,将图形元件“小鸡”拖放在其中,分 别在时间轴第 3、5、7、9、11 帧位置插入关键帧,改变翅膀和鸡腿的位置,制作 小鸡跑动的逐帧动画,将它作为按钮“指针经过”状态时的图形。 3、新建按钮类型元件“按钮”,在“弹起”帧中,将图形元件“小鸡”拖放 到舞台上。在“指针经过”帧插入关键帧,将影片剪辑元件“会飞的小鸡”拖放 到舞台上。右击“弹起”关键帧,在弹出的快捷菜单中选择“复制帧”命令,然 后分别在“按下”帧和“点击”帧上右击,在弹出的快捷菜单中,选择“粘贴帧” 命令。这样,“弹起”帧、“按下”帧和“点击”帧将保持相同的图形。 4、回到“场景 1”的编辑状态,新建图层“按钮”,将按钮元件“按钮”拖 放到舞台合适位置。在第 20 帧插入关键帧后右击,经弹出的快捷菜单中选择“动 作”命令,打开“动作—帧”面板,选择左侧列表中“全局函数” →“时间轴控 制”→“stop”命令,为帧添加 stop 动作命令,如教材 P86 图 12.7 所示。 学生上机制作按钮。 ⑸、修改场景属性 师先做演示操作,然后学生上机操作。 执行“窗口”→“其他面板”→“场景”命令,打开“场景”面板。 学生上机修改场景属性。 二、制作场景“冬” ⑴、插入场景“冬” 师先做演示操作,然后学生上机操作。 执行“插入”→“场景”命令,插入新的场景,在“场景面板”中将其重命 名为“冬”。 学生上机插入场景“冬” ⑵、制作背景 师先做演示操作,然后学生上机操作。 新建图层“白雪”、“雪人”、“房屋”、“雪花”、“蓝天”,使用“绘图工具” 绘制冬的背景画面,并在第 120 帧插入帧,保持画面延续。 学生上机制作背景。 ⑶、制作小鸡运动的动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在图层“房屋”上新建图层“小鸡”,将影片剪辑元件“会飞的小鸡”拖 放到舞台右侧。 2、在图层“小鸡”的和第 120 帧插入关键帧,将“会飞的小鸡”实例移动 到舞台左侧。在第 1 至 120 帧之间创建动画补间动画。 3、在图层“小鸡”上新建运动引导层,使用“铅笔工具”绘制出小鸡移动 的轨迹。 4、将第 1 帧及第 120 帧位置上的“小鸡”分别锁定在引导层路径的两端, 完成引导层动画的设置。 学生上机制作小鸡运动的动画。 ⑷、添加控制按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层“按钮”,在第 120 帧插入关键帧,将按钮元件“按钮”放置在 舞台右侧。 2、选中图层“按钮”第 120 帧,给“帧”添加 stop 动作命令,使画面能够 在此帧位置停留。 49 学生上机添加控制按钮。 ⑸、为场景添加背景音乐 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“音乐”。 2、执行“文件” →“导入”→“导入到舞台”命令,导入声音文件 01.wav。 3、打开“库”面板,将声音 01.wav 拖放到舞台,此时在图层“音乐”的时 间轴上出现声音波形。 学生上机为场景添加背景音乐。 三、场景间的相互跳转 师:给按钮添加动作,使动画在不同场景中播放,实现场景的相互跳转。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、单击“场景面板”中的“封面”,切换到“封面”的编辑状态。 2、选中“按钮”图层第 20 帧的“按钮”实例右击,在弹出的快捷菜单中, 选择“动作”命令,打开“动作—按钮”面板,打开“脚本助手”,选择左侧列表 中“全部函数” →“时间轴控制” →goto 命令,在右侧的“场景”下拉列表中 选择“冬”。 学生上机设置场景间的相互跳转。 【DIY】给场景“冬”中的按钮添加动作,单击按钮能够跳转到场景“封面”的 第 1 帧并播放。 3、选中场景“冬”中“按钮”图层上第 120 帧的“按钮”实例,打开“动作 —按钮”在“gotoAmdPlay(“封面”,1);”命令前添加动作 stopAllSounds,使场 景发生跳转时能够停止本场景的音乐播放。 学生上机设置。 四、保存文件 将动画源文件以“小鸡旅行”为文件名保存到自己文件夹中的“作业”文件 夹中,并测试生成 swf 格式的文件。 【知识着陆】 1、在 Flash 中可以将动画内容按照不同主题划分,然后将每个主题作为一个 场景来制作。 2、可以为 Flash 动画加入音乐。通常导入的声音文件可以作为背景音乐、符 合动画情节的伴奏音或单击按钮的声音特效等。 3、在 Flash 中,按钮不仅能够控制时间轴和声音的播放与停止,而且还能控 制场景的跳转等。 【视野拓展】Flash 中声音文件的导入及设置 在 Flash 中可以将 wav、mp3、aiff 格式的声音文件导入到文档中。其中 mp3 格式的文件其声音数据经过压缩,因此文件容量比 wav 或 aiff 格式的声音文件小。 可以将多个声音放在同一层上,也可以将各个文件独立放在不同层上,此时播放 swv 文件时,系统会混合所有层上声音。在“属性”面板中还可以对声音的效果 及同步进行设置,如教材 P90 图 12.14 所示。 【创作天地】 继续完善本课的实例,制作春、夏、秋的不同场景,并添加背景音乐。 【后记】 1、为按钮添加声音特效 50 我们在欣赏动画影片的过程中能够观察到,当鼠标经过按钮时除了其外观的 变化还会发出美妙的音响。网络上有很多音效素材,只要我们合理地使用就可以 使动画作品中的按钮有声有色。 方法: 在按钮的编辑状态下新建一个图层,在“指针经过”状态插入关键帧,将导 入好的声音素材拖放到舞台。在“按下”状态插入空白关键帧,见图。 很容易理解,当我们的鼠标经过按钮时声音会被触发。 2、声音的编辑 在声音的“属性”面板中有很多选项,其中“效果”中的各选项比较容易理 解,我们可以方便地编辑声音的淡入淡出效果。 那么“同步”中的各选项内容又是什么意思呢? 以按钮的音效为例,我们导入的声音素材时长为 1.9 秒,如果我们在同步选 项中选择“事件”,那么,如果在 1.9 秒内,鼠标多次经过按钮,声音文件就会 被多次触发,一个声音播放的同时,另外的声音会随着用户鼠标经过按钮开始播 放; 如果选择“开始”选项,那么即使鼠标在 1.9 秒内多次经过按钮,原有声音 播放没有停止,新的声音也不会被触发; “停止”选项的含义是静音; “数据流”:用于同步声音。Flash 将强制动画和音频流同步。如果 Flash 不 能足够快地获取动画的帧,就会跳过帧;而 swf 文件播放停止声音也会随着停止, 声音的播放时间不会比帧的播放时间长。 板书 设计 第 15 课小鸡旅行 多场景的应用 教 学 反 思 51 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 16 课猜拳游戏 交互式动画 课 型 新授课 教 学 目 标 知 识 与 技 能 1、巩固多场景动画的基本制作方法和影片剪辑元件与按钮元件的基本操作。 2、熟练应用复制帧与粘贴帧的方法。 3、掌握利用 random 函数与 goto 命令实现随机跳转的方法 过 程 与 方 法 通过分组学习,让学生掌握交互式动画的制作方法 情感态度价值观 培养学生自主学习的能力 教学重点 交互式动画的制作方法 教学难点 交互式动画的制作方法 教学准备 多媒体软件 教 学 过 程 个性思考 课堂引入分析 Flash 游戏一直是中学生比较青睐的内容。学生在学习了 Flash 之后,都会有 自己制作游戏的想法。针对这种情况,在课堂的引入部分,教师可以这样设计: 展示几个用 Flash 软件制作的小游戏,请学生欣赏,激发学生的兴趣,简单讨 论在这些作品中用到了哪些已经学习和掌握的技术技巧。 演示本课的范例。在欣赏范例后,引导学生对作品进行分析,作品中使用了 哪些技术,有什么特点?如:作品中导入了图片文件作为背景;使用了多个场景; 通过动作按钮进行交互;可实现随机出拳并显示猜拳结果等等。 明确任务:用两节课时间,综合利用所掌握的技能,学习制作猜拳游戏。在制 作的过程中,要注意随时保存文件。 利用 gif 格式的图片文件制作用于表示猜拳结果表情的影片剪辑元件时,特别强调 以下几点: ①导入 gif 格式的图片文件,会自动生成逐帧动画。 ②导入图片文件后,不要移动图片的位置。 ③如果图片有背景色,可以先将图片分离,然后用套索工具中的 魔术 棒选取背景色,将背景色删除掉。 (2)给按钮添加动作是本课的教学重点。 本课的主要任务就是利用按钮实现人与计算机的交互。通过给按钮添加 动作控制游戏的运行。在第 12 课中,学生已经掌握了 goto 命令的基本使用方法, 通过给按钮添加 goto 命令控制跳转到某个场景的某一帧。特别是启发学生理解 gotoAndPlay 与 gotoAndStop 的区别。 归纳提高分析 52 (1)充分利用 “复制帧与粘贴帧”的方法制作场景中相同的内容。 在本课的任务中,需要用“开始”、“石头”、“剪子”、“布”四个场景制作完成 整个动画的内容。但经过观察,我们不难发现,在这四个场景中,有相当一部分 内容是相同的,因此在制作各个场景动画的过程中,我们可以充分利用“复制帧 与粘贴帧”的方法完成相同内容的制作。 比如: “石头”、“剪子”、“布”三个场景中只有“结果”图层的内容有 区别,而“背景”、“按钮”、“文字”三个图层的内容基本相同,因此可以在 制作完“石头”场景中的动画内容后,利用复制帧与粘贴帧的方法完成其他两个 场景的制作,如图 13.1 所示。 (2)充分利用“交换元件”的方法制作动画内容。 在制作 “石头”、“剪子”、“布”三个场景中的动画内容时,我们可以充分 利用交换元件的方法制作“结果”图层中的内容,以保证所添加的元件实例的属 性保持一致,见图 13.2。 比如:制作完成“结果”图层的第 1 帧后,在第 2 帧插入关键帧,然后在“手指” 上右击,在弹出的快捷菜单中选择“交换元件”命令,在“交换元件”对话框中 选择“手掌”,单击“确定”按纽即可,见图 13.3。这样通过交换元件后能够保 持原来元件的某些属性(位置、大小、色调等)不发生变化。 53 知识着陆 Flash 中的大多数动作都带有参数,必须正确设置这些参数才能保证动作按设 想发生。 1.帧“跳转”函数 goto(跳转)动作用来控制动画时间轴的位置,使它跳转到一个特定的帧编号、 帧标签或场景,并从该帧停止或开始播放。 goto 动作可使用以下参数。 当前场景:允许从当前场景选择一个帧编号或帧标签作为将转到的时间轴上 的帧。 帧编号:场景中时间轴上某一帧的数字编号。 帧标签:场景中时间轴上某一关键帧的标签名称(可通过“属性”面板设置 帧标签)。 下一 帧(nextFrame()) :跳转到当前场景的下一帧。 上一帧(prevFrame()):跳转到当前场景的上一帧。 下一场景(nextScene()):引起动作跳转到下一场景的第 1 帧。如果选择 此选项,便不能跳转到该场景中特定的帧编号或帧标签。 上一场景( prevScene()):引起动作跳转到上一场景的第 1 帧。如果选择 此选项,便不能转到该场景中特定的帧编号或帧标签。 场景:可选择一个场景作为 goto 动作的起点。假如已定义一个场景,就 可以在该场景中定义一个帧编号或帧标签。 2. 帧“播放”函数 play(播放)动作可以使动画从当前位置开始播放。如果动画由于 stop 动作 或 gotoAndStop 动作而停止,那只能使用 play 动作启动才能使动画继续播放。play 动作没有参数。 3. 帧“停止”函数 stop(停止)动作可以使动画停止播放。如果希望延长显示时间的动画,可 以在其中任意帧添加此动作。stop 动作没有参数。 板书 设计 第 16 课猜拳游戏 交互式动画 教 学 反 思 54 主备教师 范丽琼 备课组长 执行教学 范丽琼 上课时间 2015 年 9 月 日 教学内容 第 17 课新年贺卡 综合制作四 课 型 综合实践 教 学 目 标 知 识 与 技 能 巩固导入声音文件作背景音乐的方法。 巩固多场景动画的制作方法。 巩固制作影片剪辑元件与按钮元件的基本操作。 过 程 与 方 法 利用前面所学知识综合应用到制作动画中 情感态度价值观 培养学生分析问题、解决问题的能力 教学重点 能够综合运用各种基本技巧制作较复杂的动画。 教学难点 了解作品构思与创意的基本思路,引导学生的环保意识。 教学准备 多媒体软件 教 学 过 程 个性思考 课堂引入 动漫贺卡是网络时代比较流行的传递情感的一种手段,也是增强环保意识的 一种很好的举措。网络上提供的各式各样的动漫贺卡让人爱不释手,如果自己亲 手制作一个动漫贺卡,把对朋友的祝福浓缩在这小小的贺卡中,是件十分幸福的 事情。 展示几个用 Flash 软件制作的各类动漫贺卡。 演示本课的范例。在欣赏范例后,引导学生对作品进行分析,作品中使用了 哪些技术,有什么特点?如:作品中导入了声音文件作为背景音乐;使用了多个 场景;通过动作按钮进行交互;运用了各种动画类型等等。简单说明该作品的创 作思路和创意。 新课讲授 明确任务:用两节课时间,综合利用所掌握的基本技巧与技能,学习制作新 年贺卡。在制作的过程中,要注意随时保存文件。 (1) 在新年贺卡的制作过程中用到了大量的影片剪辑元件和按钮元件, 在制作这些元件的过程中,几乎囊括了所有 Flash 动画的基本技术与技巧。 ①“手写福字”影片剪辑元件 利用逐帧动画的方式制作该影片剪辑元件。输入文字后,将文字分离,然 后按书写文字的笔画顺序,在每一个关键帧上用“橡皮工具”擦掉多余的部分, 形成手写文字的动画效果。 另外也可以利用逆向逐帧擦除笔划的方法:按照相反的笔画顺序将字逐渐 擦除,每擦掉一点就在下一帧插入关键帧,直到把所有字全部擦完。最后选中所 有帧右击,在弹出的快捷菜单中选择“翻转帧”命令即可。 ②“礼花绽放”与“礼花组合”影片剪辑元件 55 利用遮罩效果制作“礼花绽放”影片剪辑元件。特别注意的几点是: “礼花”是遮罩层,放射状填充的“彩球”是被遮罩层; 礼花在下落过程中始终 在彩球的范围内 。 制作“礼花组合”影片剪辑元件时,为了得到各种颜色的礼花,可 以调整舞台上“礼花绽放”实例的色调。 (2)背景音乐控制 添加了背景音乐的电子贺卡更增添了节日气氛,也使得作品更充满 了感情色彩。恰当的音乐与合理的控制在一个作品中也具有至关重要的作用。 在添加背景音乐时需要注意以下几点: ①音乐与作品主题相符,能够烘托主题,增添作品生命力。 ②背景音乐一般要循环播放,保证音乐与动画内容不脱节。 ③在“精彩回放”或“重新播放”时,需要停止所有声音文件再跳转 到开头从头播放,从而避免背景音乐重叠播放。 归纳提高分析 充分利用 “直接复制元件”的方法制作相似的元件 在“新年贺卡”的制作过程中,有许多元件非常相似。比如“打开贺卡”、 “关闭贺卡”、“贴春联”、“赏诗词”、“精彩回放”这五个按钮元件,都是 利用“灯笼”影片剪辑元件制作的,因此可以利用“直接复制元件”的方法制作。 在“库”面板中,选中某个元件右击,在弹出的快捷菜单中选择“直接 复制”命令,打开“直接复制元件”对话框(如图 14.1 所示),修改元件的名称, 单击“确定”按钮,复制生成新的元件。然后编辑新元件,做部分修改即可。 . fscommand 命令 若要使用 fscommand() 将消息发送给 Flash Player,必须使用预定义的命令 和参数。下表列出了可以为 fscommand() 函数的 command 参数和 parameters 参 数指定的值。这些值控制在 Flash Player 中播放的 SWF 文件,包括放映文件。 板书 设计 第 17 课新年贺卡 综合制作四 教 学 反 思 56 查看更多

Copyright 2004-2019 ttzyw.com All Rights Reserved 闽ICP备18023965号-4

天天资源网声明:本站点发布的文章作品均来自用户投稿或网络整理,部分作品未联系到知识产权人或未发现有相关的知识产权登记

全屏阅读
关闭