多媒体教案说课——FLASH里的文字动画一﹑说教材教材:普通高中课程标准实验教科书《多媒体技术应用》(选修)科学教育出版社.本节课是《多媒体技术应用》第四章动画、视频及应用第五节计算机动画制作第二部分动画制作实战中的一课时的内容。这节课通过对文字动画的制作巩固前面课时里flash里的基础知识,如图层、关键帧、空白关键帧、元件、“形状补间”、“动画补间”等,更重要是进一步明确加强“动画补间”的理解和创建、元件的使用以及对Alpha值的设置。重点:文字的编辑,文字动画补间的创建,元件的建立及使用,Alpha值的设置难点:元件的使用,对动画补间原理的深刻理解和熟练制作二、说学生通过前面课时的学习,学生对Flash软件有了初步的认识,知道了两种基本的动画---“形状补间”和“动画补间”,但未形成很好的理解,特别是对“动画补间”的原理、创建过程还很生疏,还不了解到底什么时候应该去使用元件,如何根据自己的意图去创建动画。三、教学目标1.知识与技能:(1)熟练编辑flash里的文字(2)进一步理解元件的概念、掌握“文字内容元件”的建立和使用;掌握Alpha值的设置(3)加强“动画补间”的创建2.过程与方法:(1)增强实践操作能力(2)认识和体验利用多媒体技术呈现信息、交流思想的生动性,能较好地表达和呈现自我创意(3)培养学生自主探索和综合运用知识的能力3.情感态度与价值观:能通过作品的逐步形成,培养正确的、积极向上的表达和交流信息的观念四、说教法、学法教法讲授法、演示法任务驱动学法观察模仿自主学习教学方法是依据课程的具体教学内容而定的,本节课的教学内容主要是学习FLASH动画中引导层的创建和制作,讲练结合法能够使学生更好的巩固所学知识,而任务驱动法能帮助学生在完成具体任务时不断巩固已有知识,通过任务的驱动,提高学生对于相关内容的学习兴趣,培养学生计算机操作能力。五、说环境资源计算机教室(一人一机)、WindowsXP操作系统、Flash8教学软件、PPT演示文稿、教学素材的准备、局域网广播系统七、说教学过程设计(一)创设情境,导入新课教师:(通过LanStar)分别展示静态标题文字的网页和动态变幻的标题文字的网页,让学生进行比较。学生:欣赏网页标题文字。当看到动态标题的文字从无到有,由远至近,又从小到大的精彩效果,视觉受到冲击,明显比静态标题要生动得多,萌发出强烈的求知欲望。教师:大家在欣赏之余也一定想装饰一下自己的网页,那就先跟我一起学如何用Flash做文字动画吧!设计意图:从学生已初步掌握的知识点出发,用具有生动形象动态标题文字的网页,让学生感受Flash文字动画的效果,激发他们学习的动力。而标题文字的精彩变化实际上就是“文字内容元件”的缩放、旋转和淡入淡出等的制作,以此引入新课。(二)讲授新课教师:在网页标题中,文字作为网页主题思想的说明,起到提纲挈领的作用,给浏览者留下深刻的印象,所以文字的应用是非常广泛的,作用是明显的。现在我们来学习Flash中文字动画的制作,将来就可以应用到我们的网页中。1.分析“大小变化”文字动画制作流程教师:(通过LanStar)打开已做好的Flash源文件,和学生一起分析解释这个文件图层的组成、库中的元件和动画补间的创建,着重解释原因。设计意图:分析现成的范例文件可以帮助学生更好地领会作者的创意、使用的技能以及技能适用的条件,这些将对以后自己的创作提供借鉴作用。这一环节里对作品的分析也让学生回顾了前面课时学过的内容,更进一步加深对元件和动画补间的理解。“大小变化”文字动画的两个截图2.学生参照前面的文字动画例子,自主制作“淡入淡出”文字动画教师:在Flash中,每一个角色的出现和消失可以有不同的形式。对于文字常用的是“淡入淡出”的效果。通过设置角色的“透明值”来让角色淡淡的出现或者消失,下面我们一起来制作文字的淡入淡出效果。教师:提供各式各样的背景图片素材,说清任务要求学生:明确自己的活动任务,动手实践操作:元件的建立和使用,文字元件在两个关键帧上的大小、位置、颜色和Alpha值。教师:随堂检查,关注学生整体情况,发现学生出现的主要问题,并及时帮助解决;进行个别辅导(尤其对基础差的学生的指点)设计意图:文字动画的淡入淡出效果是通过Alpha值的设置来实现。Alpha的设置是本节课的重点所在,但教师在这一过程中还没有直接讲解,而是让学生根据课本或自己的思考观察寻找Alpha值,从而增强他们记忆效果。即便学生出错,他们也能经历一个识错、纠错的过程,而后能知其然、知其所以然。对“动画补间”这一知识点,在前面课时已经讲解得相当详细了,所以在这里没有再演示,而是放手让他们自己去操作,重温上节课的知识点,理清制作时的思路和步骤。3.对“淡入淡出”文字动画作品的评价(学生自评和教师评价)教师:给出“学生作品评价表”学生作品评价表评价项目分值效果分文字与背景的颜色搭配是否和谐20分文字在动画中摆放的位置是否合适20分文字部分的内容是否有创意20分动画设计过渡是否自然、有创新20分整体效果是否谐调、有创造性20分学生:对照评价表,评价自己的作品并填好评价表教师:Alpha是设置元件实例的可见度的,也可以说是不透明度。设置为“0%”时,该实例就不可见了,成了完全透明状态,被盖在下层的内容就完全显示出来了。设置为“100%”就是完全不透明,被覆盖在下层的内容就完全不可见了。教师:选出几个比较优秀的作品进行点评,给予表扬和鼓励,也选出几个在某些方面有不足甚至不成功的作品,让学生指出问题所在,共同分析产生问题的原因,最后教师进行总结。学生:对自己作品进行再修改设计意图:Alpha的设置学生第一次接触,尽管让他们先自主探究,但必竟是新知识点,而且使用比较广泛,所以教师的讲解归纳必不可少。此处的评价是属于中间阶段的作品评价和表现性评价,让有类似问题的学生引起注意,提升学生对作品的审美能力。4.拓展提高,“打字效果”文字动画的制作教师:(通过LanStar)展示“打字效果”文字动画(为swf文件)。“打字效果”文字动画的六个截图教师:和学生一起分析这个文字动画的组成对象,一起探讨共有几段动画、需要几个图层、几个元件等。教师:在服务器上提供帮助文件(主要给自主操作有难度的学生)。文件内容为操作步骤,参考如下:1、新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“白”2、在图层1第1帧:“文件”--“导入”,选择要导入的背景图片3、对导入的图片进行适当的处理,使其与场景大小一致,并设置其X轴、Y轴的位置均为“0”4、在第50帧“插入帧”,使背景图片一直延续至此5、锁定图层1,点“插入图层”按钮,插入图层26、“插入”--“新建元件”,名称自定,能够见明思义,行为“图形”7、编辑元件,选择工具箱的“文本工具”,在“属性“面板设置字体、字号和颜色,在编辑区内输入文字(如“我的个人天地”)8、在图层2第1帧,将库里元件拖入场景中,并放置在适当位置9、分别在图层2的第10、第20、第30、第40、第50帧插入关键帧10、选中第1帧,将后面五个字删除,留下一个“我”字(将元件的实例“分离”)11、选中第10帧,将后面四个字删除,留下“我的”字12、选中第20帧,将后面三个字删除,留下“我的个”字13、选中第30帧,将后面二个字删除,留下“我的个人”字14、选中第40帧,将后面一个字删除,留下“我的个人天”字15、测试影片、保存、导出影片。学生:根据自己目前的制作状况,可以随时参阅帮助文件,也可以举手请示教师指点,同学之间可以互相讨论教师:观看学生的操作情况,在差不多做到关键帧上文字的删除时,通过LanStar控制学生机,进行讲解--对有多个文字内容的元件的实例要进行文字增减的时候,必须把实例分离进行编辑,不然元件的实例还是一个整体。设计意图:这个自主操作的任务在难度上有所增加,主要拓展学生对“动画补间”的灵活应用,特别是每一段“动画补间”的结束帧,用“插入关键帧”,“插入空白关键帧”还是将“复制”和“粘贴”应用到“帧”的操作上?这就需要学生根据每一段动画起始和结束画面作比较,以及考虑如何操作更方便,从而进行选择。还有一点是,元件尽管可以反复使用,但对有多个文字内容的元件的实例要进行文字增减的时候,必须把实例分离进行编辑。这是在这个任务中难度较大的一处,所以教师在这里一定要讲解清楚。5.教师对本堂课的总结教师:Flash的文字动画各式各样、丰富多彩,都需要首先建立起文字元件。制作正确的动画补间,设置文字元件在场景中的实例的大小、方向和Alpha等这些属性,才能达到不同动态变幻的文字效果。一、文字大小变化效果1、打开flash软件,新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“黑”、“确定”。2、在图层1第1帧点:“文件”—“导入”,选择你要导入的背景图片,点“打开”,在第30帧“插入帧”,3、点“插入”—“新建元件”。名称:填上“文字”,行为“图形”,“确定”。4、在图层1的第1帧选择“工具栏”的“文本工具”,在“属性“面板选择字体“华文行楷”、字体大小“70”颜色为“红”色。在编辑区内输入文字。5、点”窗口”选择“对齐”,调出方式面板,选择“垂直中间分部”和水平中间分部”。使文字居中。6、点“场景1”,返回到场景编辑区。7、锁定图层1,点“插入图层”按钮,插入图层2。8、在图层2的第1帧按F11键,调出库面板,把“文字”元件拖入舞台,并居中。9、在图层2的第15帧、第30帧分别插入关键帧。10、在图层2选择15帧,用“任意变形工具”将文字“我的个人天地”缩小。11、单击“图层2”三个字,选中全部帧,右键后单击,“创建补间动画”。动画制作完成。12、测试影片、保存、导出影片。二、文字翻转效果1、打开flash软件,新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“白”、“确定”。2、在图层1第1帧点:“文件”—“导入”,选择你要导入的背景图片,点“打开”,在第30帧“插入帧”,3、点“插入”—“新建元件”。名称:填上“文字”,行为“图形”,“确定”。4、在图层1的第1帧选择“工具栏”的“文本工具”,在“属性“面板选择字体“华文行楷”、字体大小“70”颜色为“红”色。在编辑区内输入文字。5、点”窗口”选择“对齐”,调出方式面板,选择“垂直中间分部”和水平中间分部”。使文字居中。6、点“场景1”,返回到场景编辑区。7、锁定图层1,点“插入图层”按钮,插入图层2。8、在图层2的第1帧按F11键,调出库面板,把“文字”元件拖入舞台,并居中。9、在图层2的第15帧、第30帧分别插入关键帧。10、选中图层2第15帧,点“修改”—“变形”—“垂直翻转”。11、单击“图层2”三个字,选中全部帧,右键后单击,“创建补间动画”。动画制作完成。12、测试影片、保存、导出影片。三、文字淡入淡出效果1、打开flash软件,新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“白”、“确定”。2、在图层1第1帧点:“文件”—“导入”,选择你要导入的背景图片,点“打开”。3、对导入的图片进行适当的处理,使其与场景大小一致,并设置其X轴、Y轴的位置均为“0”。4、并在第30帧“插入帧”。5、点“插入”—“新建元件”。名称:填上“文字”,行为“图形”,“确定”。6、在图层1的第1帧选择“工具栏”的“文本工具”,在“属性“面板选择字体“华文行楷”、字体大小“70”颜色为“红”色。在编辑区内输入文字。7、点“场景1”,返回到场景编辑区。8、锁定图层1,点“插入图层”按钮,插入图层2。9、在图层2的第1帧按F11键,调出库面板,把“文字”元件拖入舞台,并居中。10、在图层2的第15帧、第30帧分别插入关键帧。11、选中图层2第15帧,用箭头工具选中“文字”元件,在属性面板“颜色”的下拉箭头,选择“Alpha”,调整后面的百分比为10%。12、在图层2的第1帧、第15帧,在属性面板设置补间为“动作”。动画制作完成。13、测试影片、保存、导出影片。四、打字的效果1、打开flash软件,新建一个动画,