Flash动画制作基础篇 全本教学设计

1、 PAGE PAGE 312课时安排教学目标教学重点FLASH 动画制作教学设计第一节 Flash 概述1 课时12Flashcs33、熟悉 FLASH 的工作环境,3、熟悉 Flash 动画的制作原理flash工作界面。教学难点掌握动画原理以及Flash动画的制作原理。教学方法讲授演示法，任务驱动学习法和协作学习法教学资源3ppt教学过程备注一、情境导入：首先向学生作自我介教师给学生演示经典动画和教材中部分的案例动画由此引入课题。 绍，然后介绍二、讲述新课（讲授法、PPT 演示）（一）Flash 课程介绍Flash 1是由美国 Macromedia 公司出品。1998Flash 2Flash

2、 319996Flash 4。20009Flash 5。20023Flash MX。2004 年推出 Flash 2004 MX。2005 年推出 Flash 8.0。Flash考核方法以及学习方法。提示学生从生活，学习， 娱乐的三个方 面 罗 列flash2005418Adobe 34Macromedia 公司。从此 MacromediaAdobeFlashFlash1动画原理2Flash 动画制作原理Flash1、舞台 就是工作区，最主要的可编辑区域。在这里可以直接起，以生成电影作品。2、时间轴窗口 用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的

3、顺序。讲述层的3绘图工具栏放置了可供图形和文本编辑的各种工具用这些工 概述时可具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看 合前期学工作区的方式在选择了某一工具时其所对应的修改器(Modifier)也会 过在工具条下面的位置出现修改器的作用是改变相应工具对图形处理的效 Photoshop果。45型包括有图片(Graphics(Button)和电影片断(MovieClipCtrl-L。6处于隐藏状态。中层的概念， 这样学生头脑中就有了印象。请学生注意动画制作的过程，并能自己制作上述两个动画。3 PAGE PAGE 5注 意flash种不同格式件和播放文件分别的打开方式例 1：

4、使用工具制作 “鱼”或“眼睛”学生练习老师绘画选项格， 教师辅导。思考:如何让“鱼”变成“眼睛”？ 例 2：小球的直线运动。步骤 1：在舞台上画出小球。步骤 2：在第 20 帧上插入关键帧。34：选择所有帧，创建形状渐变动画。1、保存动画：依次点击“文件”菜“保存”输入文件名，即可当前正在制作的影片保存到磁盘上。注意保存的是Flash的源文件，其扩展名为.fla2、动画的发布：意发布后的文件扩展名为名为.swfIE作 业通过本单元的学习，使学生能了解Flash 的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。实训一：制作一片“树叶” 实训二：制作一个“月亮”通

5、过基本的图形制作，能够快速掌握工具按钮的使用，图形制作是动教学反思画制作的基础。动画制作小球的滚动，掌握基本的动画原理。课堂上师讲解偏多，应更多的时间留给学生，多一些动手的过程更适合。4115第二节 绘图基础课时安排1课时安排1掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、教学目标矩形工具和刷子工具的使用；掌握图形修饰工具和查看工具的使用教学重点绘图工具的使用和图形修饰工具的使用教学难点选择工具的使用教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素教学资源材、ppt教学过程备注教学过程备注一、复习巩固练习：动手制作苹果

6、请学生回答几个问题二、导入新课分别打开flashFlash 有一个功能强 一幅矢量图大的绘图工具，可以绘制出完美的图形。它使用灵活、简单易用，在大 形和位图图多数情况下都可以满足使用者的要求。三、讲授新课（边操作边演示边讲解） 补充知识：、矢量图形和位图图像、线条和填充图形矢量图形一般可以看成是由线条和填充物组成；像进行放大观察结果画两条线状来演示合并绘制模式矢量图形的着色有两种：线条的着色和填充物的着色；可以着单 下图形之间色，也可以着渐变色和位图。、绘制模式（）合并绘制模式形分成若干部分。的相互影响教师在屏幕上绘制几演示选择对象的方法。注2（）对象绘制模式意填充区和注意：选择用【对象绘制】

7、模式创建的图形时， Flash 会在图形上添 线条。 PAGE PAGE 4教学过程备注本周主要介绍了flash绘图基础基本绘图工具的使用和编辑工具的使课堂小结用。要注意的是，选择某种工具时，可以对它的属性进行设置。要分清并模式和对象模式的区别。1：绘图帆船2、绘制作树布置作业通过实例操作讲解找一些学生感兴趣的小表情调动学生的学习积极教学反思性，主动参与到课程练习中。布置一些扩展练习作业，让不同程度的学能够根据自己的差异选择完成，达到分层教学的效果。78第三节编辑图像课时安排1课时安排1使学生会合理的使用：对齐、分布、匹配大小、间隔、相对于舞台等命令；教学目标让学生巧秒应用切割 融合 组合 叠

8、放顺序的更改；会应用变形面板、缩放和旋转对话框分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、教学重点缩放和旋转对话框调节调整对象或者是画图分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图教学难点教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、复习旧课1、作业提交，请同学演示2、发现问题，总结强调二、导入新课教师绘制师：展示几个绘图实例，要完成这些实例，必须掌握FLASH 中有些工具 几个矩形分使用的技巧，这样才能增加动画设计的美感。三、讲述新课讲授法演示

9、法3.1 调整对象1、排列对象单击菜单中“窗口”|对齐；分布；匹配；间隔2、形状的切割 融合 组合 叠放顺序的更改1）形状的切割FlashFlash 8按扭，则对象之间将会产生影响，对象能够被切割或融合。举例：直线分割椭圆矩形打孔别演示对齐面板中的对“ 相对于舞法举例说明:直线分割椭圆矩形打孔5 PAGE PAGE 7教学过程备注1如何对Flash中的对象、图形进行编辑，以及图像导入课堂小结等基本操作。2准确、快速的进行图形的编辑和导入工作在实践中为日后的动画提供栩栩如生的素材。1：风车2、烛火布置作业教学反思1011第四节 逐帧动画课时计划2课时计划2掌握逐帧动画的制作技巧；了解什么时候适合

10、使用逐帧动画；掌握制作变教学目标形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。教学重点逐帧动画和形状动画的制作教学难点形状动画的制作教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、导入新课问题的提出：1什么叫动画？2.动画的类型?动画：就是由连续的画面，按照一定的时间顺序进行有序播放。制作动画有两种方式：一种是逐帧动画，另一种是渐变动画。 合成连续变化的画面。画由系统自动生成。二、讲述新课动画制作基础1、动画的基本原理：视觉暂留现象不会立即消失而是要停留一段时间。计算机动画形

11、成原理利用人的视觉暂留现象，用连续的静态图片（相邻图片之间有稍微不同）按一定的速度运行起来，就形成了动画。82、帧的基本概念：（1）帧是组成动画的基本单位，每一帧即一个画面， Flash 动画是以 PAGE PAGE 10教学过程教学过程备注1.掌握逐帧动画、形状补间动画的制作方法。课堂小结2.使学生能够灵活使用设置动画的基本方法并制作简单动画。3.注意形状补间动画提示点的设置方法1、制作逐帧动画“倒计时”布置作业2、制作逐帧动画“夜空下的烛火”教学反思1314第五节 两种补间动画课时安排2课时安排2教学目标掌握制作动作补间动画的过程教学重点掌握动作补间动画的制作要点教学难点动作补间的动画的综

12、合应用；时间帧延后的效果教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、导入新课Flash问题的提出：如何制作移动动画？二、讲述新课斜、颜色属性等产生渐变。动作补间动画创建步骤：动画的起点。创建一个图形对象并转换为元件在舞台中创建一个实例、组或文本块将元件的实例从“库”面板中拖出在动画要结束的地方创建第二个关键帧，然后选择结束帧将项目移动到新的位置修改项目的大小、旋转或倾斜修改项目的颜色（仅限实例或文本）11 PAGE PAGE 13教学过程教学过程备注1.逐帧动画、动作补间动画、形状补间

13、动画和场景动画的设计方法。课堂小结2.使学生能够灵活使用设置动画的基本方法并制作简单动画。1：转动的风车布置作业2：卷轴动画教学反思161718第六节 引导动画课程内容1课程内容11、要求学生掌握各类曲线运动的制作技巧，掌握引导线、引导层的概念教学目标及作用；2、能根据运动的需求，画出运动轨迹线，即引导线。教学重点运动引导层的创建，动画关键帧的设置。教学难点做引导层时的几个注意点。教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、复习旧课意和图层结合完成特效。二、导入新课我们已经知道在以前所

14、涉及的移动动画过程都是两点一直线不存在曲线运动，这对设计者来讲是不够的，我们需要更丰富的移动动画，这就出我们这一章节所要讲的FLASH中的功能层之一引导线层。我们可以比较一下面三幅动画：1、用逐帧技术2、用移动补间3、用引导线技术曲线，这样，动画也就随之而丰富起来。该动画效果，那么，有没有其它方法？引导线功能层三、讲述新课61 引导线、引导层的概念1、引导层：引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提14供运动轨迹。同时在一个引导层中可以有多条运动轨迹。 PAGE PAGE 16教学过程教学过程备注引导层动画的概念课堂小结

15、引导层动画的制作方法布置作业实训十：制作引导动画教学反思20第七节 遮罩动画课时安排课时安排11、掌握遮罩的基本原理；教学目标2、运用遮罩制作简单的场景动画教学重点遮罩层和被遮罩层教学难点多层遮罩动画教学方法讲授演示法，任务驱动学习法和协作学习法教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、导入新课Flash2、动画中是否有透过某个区域可以看到另一番景象？二、新课讲解遮罩动画的概念FlashFlash遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。1、创建遮罩

16、Flash，使命令的左边出现一个小勾，该图层就会生成遮罩层17 PAGE PAGE 19教学过程备注在做遮照时要分清楚什么是遮照，什么是被遮照的？即看到的是什么，那一层就是被遮照层。遮照层和被遮照层两层都可做动画，我们的动画是在哪一层？很多时候遮照不只有两层，还有两个普通层，一个在被遮照层下，一 还可在遮照层的基础上再作加工，比如说一些放大镜的样子等在相应的层中，就可以做出我们需要的一些遮照效果。1：MTV 字幕效果2：百叶窗效果教学反思2223第八节 声音导入课程内容1课程内容1将声音添加到时间轴上；为关键帧添加声音；教学目标为按钮添加声音；MTV教学重点为元件添加声音教学难点MTV教学方法

17、讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、导入新课分在影片中起到了什么作用？二、讲述新课8.1 声音的导入1、Flash 中控制音频的主要方法: 让声音独立于时间轴循环播放为动画配音乐为按钮添加某种声音设置声音渐入渐出等效果通过动作控制音效的回放2、导入到 Flash 中的声音文件格式：FlashFlash 中。 直接导入 Flash 应用的声音文WAVMP3QuickTime4AIFFQuickTime3、导入声音操作步骤：选择“文件”“导入”“导入到库”。20在“导入”对话框中，定位并打

18、开所需的声音文件Flash 将音频文件存放在元件库中。打开库，按下播放按钮可 PAGE PAGE 22教学过程教学过程备注1.课堂小结2. 为关键帧添加声音3为按钮添加声音布置作业导入和应用声音教学反思25第九节 脚本基础应用课程内容课程内容2掌握程序编辑环境动作面板的使用方法；能够通过动作面板开发与编辑ActiongScriptActionScriptActiongScript教学目标Flash例和影片剪辑实例等对象添加脚本指定动作。教学重点ActionScriptActiongScriptFlash教学难点等对象添加脚本指定动作。教学方法讲授演示法，任务驱动学习法和协作学习法教学方法讲授演示法，任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学资源ppt教学过程备注教学过程备注一、导入新课Flash问题的提出：如何制作交互式动画？二、讲述新课ActionScriptFlashFlashFlash动作面板的使用FlashActiongScript一.启动动作面板启动动作面板方法：选中关