BISPrimarySchoolLessonPlan北京市朝阳区爱迪外国语学校校本教材Flash动画制作电子教案六年级教师:张丽娜BISPrimarySchoolLessonPlan教学进度计划表周次日期内容课时备注第一周9.2-9.6认识flash动画、了解动画种类及形成2第二周9.9-9.13学会使用绘图工具2第三周9.16-9.20制作简单小动画2第四周9.23-9.27文字编辑2第五周10.1-10.7十一放假2第六周10.8-10.11元件的概念及作用2第七周10.14-10.18引导线动画2第八周10.21-10.25引导线动画提高2第九周10.28-11.1文字动画2第十周11.4-11.8文字动画提高2第十一周11.11-11.15遮罩动画2第十二周11.18-11.22遮罩动画提高2第十三周11.25-11.29按钮制作2第十四周12.2-12.6按钮制作提高2第十五周12.9-12.13编辑声音2第十八周12.16-12.20编辑声音提高2第十七周12.23-12.27基本Action2第十八周12.30-1.3综合练习2第十九周1.6-1.10期末考试1BISPrimarySchoolLessonPlanLessonPlan教案Year/Semester2013-2014SemI2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeachingWeek教学周1Day星期DateandTime授课日期及时间星期三Class班级六年级Unit授课单元/内容第1讲Flash8动画制作基础TeachingObjectives教学目标1.了解Flash8制作逐帧动画的方法2.熟悉Flash8的设计环境及流程KeyPoints教学重点/难点TeachingMaterials教具准备TeachingProcedure教学过程一、组织教学二、新授范例解析──Flash8用户界面介绍1、欢迎界面。BISPrimarySchoolLessonPlan课堂练习运行Flash8主程序。在欢迎界面中选择选项,新建一个Flash文档。依次单击【菜单栏】上的各个选项展开其子项,查看并分析各个命令的用途。利用【工具面板】上的各种绘图工具进行绘图操作。选择不同的对象,在【属性面板】中观察属性参数的变换情况利用Flash进行动画开发,一般都需要经过一个较为固定的流程,如下所示。新建文档设置文档属性动画编辑保存动画发布设置发布测试动画确定新建的Flash文档类型确定文档大小、帧频、背景颜色等属性动画制作主体,完成绝大部分创作工作确定动画源文件的保持位置和格式确定动画发布为何种格式,如:SWF、gif等将动画按照发布设置进行发布BISPrimarySchoolLessonPlan范例解析──制作“过光文字”本例将使用逐帧动画来制作一个过光文字的效果,制作思路及效果如图1-3所示课堂练习──制作“数字倒计时”请同学使用同样的逐帧动画制作方法,制作一个“数字倒计时”效果NotesonBoard板书设计Flash8用户界面介绍Feedback教学反思BISPrimarySchoolLessonPlanLessonPlan教案Year/Semester2013-2014SemI2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeachingWeek教学周2\3Day星期DateandTime授课日期及时间星期三Class班级六年级Unit授课单元/内容绘制素材TeachingObjectives教学目标1.了解Flash绘图工具的使用方法。2.掌握图层的概念,并学习绘制复制图形的方法。3.掌握艺术类动画素材的绘制方法。KeyPoints教学重点/难点使用Flash绘图工具绘制简易场景效果。TeachingMaterials教具准备TeachingProcedure教学过程一组织教学二复习引入三新授Flash8提供了强大的绘图工具,给用户制作动画素材带来了方便和快捷。其【工具】面板中的具体工具的名称和快捷键如图2-1所示。【选择】工具(V)【任意变形】工具(Q)【线条】工具(N)【钢笔】工具(P)【椭圆】工具(O)【铅笔】工具(Y)【描边】工具(S)【滴管】工具(I)【手形】工具(H)笔触颜色填充颜色紧贴至对象平滑【部分选择】工具(A)【填充变形】工具(F)【套索】工具(L)【文本】工具(T)【刷子】工具(B)【颜料桶】工具(K)【橡皮擦】工具(E)【缩放】工具(M,Z)伸直图2-1Flash8【工具】面板BISPrimarySchoolLessonPlan用户使用Flash的绘图工具进行图形绘制的时候,可尽量使用对应工具的快捷键去控制工具的选择和更换,这样可以大大提高工作效率。矢量图形:定义:用矢量曲线来描述图像,包括颜色和位置等属性。特点:矢量图形与分辨率无关,可以显示在各种分辨率的输出设备上,而不影响品质。应用:矢量图形适合用于线性图,特别是二维卡通动画中,能够有效地减少文件容量。位图图像:定义:用像素排列在网格内的彩色点来描述图像。特点:位图图像跟分辨率有关,在比图像本身的分辨率低的输出设备上显示位图时会降低它的外观品质。应用:位图图像适合用于表现层次和色彩细腻丰富,包含大量细节的图像。矢量图形与位图图形的特点对比如图2-2所示。2.1.2范例解析(一)──常用绘图工具练习图2-2矢量图形与位图图形图2-2矢量图形与位图图形BISPrimarySchoolLessonPlan本例将使用Flash8中基本的绘图工具绘制一座既简单又生动的建筑物,带领读者来一同体验绘制素材的快乐,设计思路及效果如图2-7所示2.1.4课堂练习──绘制“简易场景”2..2.2范例解析(一)──图层操作练习图层1图层2图层3图层4BISPrimarySchoolLessonPlan2.2.3范例解析(二)──绘制“仿真苹果”2..2.4课堂练习──绘制“精美爱心”课后作业一、操作题1、利用绘图工具绘制如图2-99所示的蜘蛛网效果。2、利用绘图工具绘制如图2-100所示的太阳效果。3、利用绘图工具绘制如图2-101所示的鼠标效果NotesonBoard板书设计绘制素材矢量图形:位图图像:Feedback教学反思BISPrimarySchoolLessonPlanLessonPlan教案Year/Semester2013-2014SemI2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeachingWeek教学周4Day星期DateandTime授课日期及时间星期三Class班级六年级Unit授课单元/内容导入素材TeachingObjectives教学目标1.掌握导入图形文件的方法。2.掌握导入音频文件的方法。3.掌握导入视频的方法。4.掌握打开外部库的方法。KeyPoints教学重点/难点1.使用导入图形的方法制作三维旋转效果。2.使用导入文件的方法制作一个为地震灾区祈福的蜡烛效果。3.使用导入视频的方法制作圣诞MTV效果。4.使用打开外部库的方法制作四季风景效果。TeachingMaterials教具准备TeachingProcedure教学过程一组织教学二复习引入三新授3.1导入图形文件图像是Flash动画制作中最常用的素材之一,Flash8支持导入的图像格式有PNG、JPEG、BMP、GIF、AI、EMF和PSD等,从而给动画素材的制备带来了极大的方便。一、导入图像的方法。(1)导入到舞台。(2)2、导入到库。二、编辑图像的常用操作。(1)将图片从【库】面板中添加到舞台中。(2)将图像转换为可编辑状态。3.1.2范例解析──制作“中秋快乐”BISPrimarySchoolLessonPlan3.1.3课堂练习──制作“三维旋转效果”三、声音属性的设置。范例解析──制作“美声音乐”3.2.3课堂练习──制作“悲情的曲调”我国的四川发生了特大地震灾害。这里请同学们使用提供的动画模板,配上一首忧伤的曲子来悼念我们的同胞,效果如图3-38所示。BISPrimarySchoolLessonPlan3.3导入视频Flash8支持导入的视频格式包括:MPEG(动态图像专家组)、DV(数字视频)、MOV(QuickTime电影)和AVI等.3.3.2范例解析──制作“美丽海景”3.3.3课堂练习──制作“圣诞节MTV”3.4打开外部库导入外部库文件就是在当前Flash文档中打开另外一个文档的【库】面板,然后将里面的资源拖入到当前文档进行再一次的使用,从而可以实现Flash动画素材的重复使用,为Flash动画的制作提供方便。除此之外还可使用复制和粘贴资源或者拖放资源来实现元件在两个文档之间转换。3.4.2范例解析──制作“探照灯”本案例将使用迪斯尼公司出品动画《马达加斯加》中的一个动物们逃跑的画面,再配合其他动画元素来制作一个“探照灯”效果,其制作思路及效果如图3-61所示。BISPrimarySchoolLessonPlan3.4.3课堂练习──制作“四季风景”请同学们使用所学知识打开指定的外部库文件,使用其中提供的素材制作一个四季风景效果,如图3-70所示。3.5课后作业一、操作题1、使用导入声音功能,制作如图3-76所示的动态按钮。当鼠标滑过按钮时会听到一个声音,鼠标单击按钮后会听到另一个声音。2、使用导入视频功能,制作如图3-77所示的动画。NotesonBoard板书设计Feedback教学反思BISPrimarySchoolLessonPlanLessonPlan教案Year/Semester2013-2014SemI2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeachingWeek教学周6、7Day星期DateandTime授课日期及时间星期三Class班级六年级Unit授课单元/内容制作逐帧动画TeachingObjectives教学目标1.了解帧的种类及对帧的操作。2.使用逐帧动画表现绘图效果。KeyPoints教学重点/难点1.使用逐帧动画表现绘图效果。2.掌握逐帧动画的原理和制作方法。3.掌握使用逐帧动画进行细腻表达的方法。TeachingMaterials教具准备TeachingProcedure教学过程一组织教学二复习引入三新授4.1逐帧动画原理逐帧动画的原理比较简单,但是要制作出优秀的逐帧动画对制作者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐帧动画来讲述如何制作逐帧动画.4.1.1知识点讲解一、帧的类型(1)关键帧。动作补间动画、形状补间动画、AS代码、关键帧、空白关键帧在【时间轴】中的显示如图4-1所示。(2)普通帧。普通帧的最后一帧显示为一个中空矩形,图4-2所示为普通帧在【时间轴】中显示的效果。二、对帧的操作。对帧的操作有3种方式:菜单命令(见图4-3)、鼠标右键快捷菜单(见图4-4)和键盘快捷键。BISPrimarySchoolLessonPlan三、逐帧动画的原理。逐帧动画的原理是逐一创建出每一帧上的动画内容,然后顺序播放各动画帧上的内容,从而实现连续的动画效果,4.2.1范例解析(一)──对操作帧的练习4.1.4课堂练习──制作“旗帜飘扬”请同学们使用绘图工具,在不同的帧上绘制红旗在空中不同的状态,从而制作如图4-22所示的动态效果。4.2认识原件和库元件是Flash动画中的重要元素,灵活的使用元件可以使开发工作达到事半功倍的效果,所以本任务首先从认识元件入手,再配合一个逐帧动画案例剖析来讲述元件这一知识点。4.2.1知识点讲解一、元件和库的概念。元件是指创建一次即可以多次重复使用的图形、按钮或影片剪辑,而元件是以实BISPrimarySchoolLessonPlan例的形式来体现,库是容纳和管理元件的工具。形象地说,元件是动画的“演员”,而实例是“演员”在舞台上的“角色”,库是容纳“演员”的“房子”。如图4-26所示,舞台上的图形如“苹果”、“盘子”都是元件,都存在于【