Flash元件课堂教学教案.docx
《Flash元件课堂教学教案.docx》由会员分享，可在线阅读，更多相关《Flash元件课堂教学教案.docx（25页珍藏版）》请在冰豆网上搜索。
Flash元件课堂教学教案
“Flash元件”课堂教学教案
课程名称
Flash平面动画制作
教学对象
11计算机网络
教材
Flash动画制作基础与上机指导－清华大学出版社
参考教材
Flash专业动画设计经典教程机械工业出版社
授课内容
元件与实例
课时
2
教学目的
（学生兴趣+教师引领＝优秀作品+掌握技能）
1.能够通过教师的示范和师生共同分析，学会策划和编辑元件使其达到预期的效果。
2.掌握可以将逐帧动画、变形动画、运动动画等制作动画的方法应用到元件的创作中。
3.能根据所接受的信息，较好地表达、呈现出自我的创意；
4.能通过回忆旧知识点，激发学生的主动思维，能够获得触类旁通的成长经验。
形成自我解决新旧知识点之间的联系，从而达到学以致用的方法。
重点与难点
本节内容是Flash整个这门课的重点
重点：
元件的概念及建立、调用。
难点：
对元件的策划和编辑使其达到预期的效果。
在本门课中所占的地位
相对于Flash的教学的整个模块讲，是一个提升，也是一个知识的难点
教学三维目标
1.知识与技能
1）理解元件引入的意义
2）了解Flash三种元件及图标区分
3）进一步熟悉“变形面板”的使用
4）进一步熟悉绘图工具的使用方法
5）掌握图形元件、影片剪辑元件、按钮元件的创建方法及作用
6）激发学生学习的兴趣，拓展其思维能力。
7）完全能够独立完成作品，并让他们在将来毕业走上社会后，能迅速胜任工作岗位。
2.过程与方法
1）通过解决制作电子贺卡中遇到的问题，学会策划和编辑作品中的元件。
2）通过自己的尝试与实践，学会元件的使用方法。
3.情感态度价值观
1）通过模仿到实现自己的创作意图，体验成功，激发求知欲望。
2）在欣赏优秀作品过程中，创设了美的情境，拓展思考模式并从中享受美带来的乐趣。
3）通过制作各种主题的电子贺卡，体验用动画形式策划信息的表达。
4）通过“演员/道具—化妆间—舞台”与“元件—库—场景舞台”的对比，培养学生联系生活进行学习的方法，通过对影片剪辑元件的使用与复制，培养学生知识迁移的方法。
5）使学生在学习过程中不断尝试，培养学生开拓性思维方法和耐心，以及独立解决问题的学习习惯。
6）激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神，同时培养学生合作学习的能力，能够体验与人分享收获的快乐。
7）培养学生欣赏他人作品以及评价他人作品的能力。
课型
新授课
学法
启方法、任务驱动、讨论法、自主探究法
教学方法
1.采用了情境、启发、任务驱动式教学法
2.借助比较法，在教学过程中层层设疑，引发学生思考，由浅入深、循序渐进的开展教学。
3.案例法、演示法、讨论法、知识迁移法
4.针对不同起点的学生，给出不同的要求，进行分层教学（我在这里设计三种挑战，“我很强、我能行、我可以”三个层次让每个学生根据自己的胆量和能力从分解出的5个子任务中自由选择子任务，根据自身的情况完成不同的操作）。
学情分析
1.学生经过前期的实践操作，已经由感情认识上升到理性认识的角度并且能够积极地跟随老师探究新鲜知识，能初步把所教的应用到实际生活中。
通过前面课时内容的学习，对于运动的原理已经较为清晰，缺少的是实践经验的渗透。
本节课所涉及的元件的知识点是以后动画的基础，但必须与前面的内容相联系，要掌握此内容并不困难。
2.本节课的内容对于整个模块来说是个难点，如果前面的内容没有理解透，可能做起来会有点困难。
若是没有分清楚动画补间和形状补间的区别，这也将是完全理解元件知识点的挡路虎。
而且学生的学习态度还不够踏实有好高骛远的毛病。
3.学生对这内容还是比较陌生、抽象，有些学生对知识“丢三落四”，计算机操作不够准确。
课前准备
教师准备：
1.精心的选材备课课堂意外情况的考虑
2.课件、案例、素材
3.面带微笑走进教学场所
教学过程设计
主要
步骤
教学
内容
教学
方法
教学
手段
学生
活动
时间
分配
引入
情景设计
先放一个经典动画片，教师用电脑演示，用提问的方法复习前面所学的三种类型的动画，并指出这个动画通过以前所学习的路径动画、遮照动画、关键帧动画、运动动画、变形动画是难以实现的（为引出这节课的新知识“元件”设下伏笔）。
同时激发学生学习的兴趣和积极性，让学生了解并掌握自己制作动画的高难度在那里。
展示法
观察法
提问
讨论
作品演示
学生观察思考讨论
师生点评
10
分钟
告知
教学
内容、
目的
教学内容：
元件与实例的基本概念，元件与实例的分类及特点，元件的创建和使用以及实例的编辑应用，实例属性面板的各项设置，导入外部元件的编辑操作，当前元件库和公用库的不同操作方法以及参数设置。
目的：
了解不同类型元件的使用方法；注意区分元件对象在制作动画的过程中，他们的相同点与不同点，将基本操作规则和使用技巧、以及在现实中的应用告诉学生；激发学生学习的兴趣，拓展其思维能力，完全能够独立完成作品，并让他们在将来毕业走上社会后，能迅速胜任工作岗位。
讲授
课件
10
分钟
引入
任务
项目
1本次任务效果
2本次任务描述
我们中华民族是个礼仪之邦，每逢节日都会互致问候，新年快到了，同学们想不想自己设计一个新年贺卡，送给你的父母、老师、同学，送上你的新年祝福？
贺卡包括如下内容。
任务一
摆动的灯笼
任务二
绽放的礼花
任务三
燃烧的蜡烛
任务四
展开的对联
任务五
按钮（用此按钮控制某元件的播放）
综合任务
利用提供的资源素材，美化完成动画作品。
演示
启发
提问
效果演示
课件
讨论
个别回答
操练掌握初步或
基本能力
1三种类型元件的创建以“摆动的灯笼”为案例（图形元件“灯笼”的创建，影片剪辑元件“摆动的灯笼”创建）
②实例（“摆动的灯笼”元件实例）的属性设置
③库面板的实用
教师示范
课件演示
课件
演示
学生模仿
25
分钟
训练
巩固
拓展
检验
制作新年贺卡
要求：
有摆动的灯笼、燃烧的蜡烛、绽放的礼花、展开的对联、按钮（让每个学生根据自己的胆量和能力从分解出的5个子任务中自由选择来根据自身的情况完成不同的操作）
启发诱导
难点提示
个别指导
课件
演示
小组讨论
每个学生
个人操作
30
分钟
作品点评
展示成果，评价交流。
学生将自己的作品上传至教师机。
学生测试自己的作品，领悟获得成功的喜悦。
教师选取典型作品，师生相互评价，交流心得。
通过自评、互评提高学生的审美能力和表达能力。
学生测评是以事先分好的小组来进行，每个小组最后把测评的结果填写在测评表中。
测评表
得分
姓名
作品题目
此作品的亮点是什么？
此作品的不足之处是什么？
测评小组
演示
讨论
典型作品展示
教师点评
学生自评小组测评
10
分钟
归纳
总结
知识
能力和
素质
知识点：
通过本次学习学生掌握图形元件、影片剪辑元件、按钮元件的创建以及在Flash动画的应用，如何应用按钮控制动画的播放。
掌握库的作用。
素质：
1、通过模仿到实现自己的创作意图，体验成功，激发求知欲望。
2、在欣赏优秀作品过程中，创设了美的情境，拓展思考模式并从中享受美带来的乐趣。
3、通过制作各种主题的电子贺卡，体验用动画形式策划信息的表达。
4、通过“演员/道具—化妆间—舞台”与“元件—库—场景舞台”的对比，培养学生联系生活进行学习的方法，通过对影片剪辑元件的使用与复制，培养学生知识迁移的方法。
5、使学生在学习过程中不断尝试，培养学生开拓性思维方法和耐心，以及独立解决问题的学习习惯。
6、激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神，同时培养学生合作学习的能力，能够体验与人分享收获的快乐。
7、4）培养学生欣赏他人作品以及评价他人作品的能力。
总结：
对Flash元件和库的讲解，学生对Flash动画中的元件和库的作用有充分的了解，学生通过学习本次课学习要掌握元件的作用，使用方法，制作的原理，掌握库的作用、功能，并能应用元件来制作动画，简化动画的制作过程，缩小动画的体积，而且能够运用按钮元件进行简单的动画播放的控制，同时能够结合库综合应用。
讲授
课件
5
分钟
布置
作业
1.根据老师和学生的点评中存在的问题，美化完善本节课自己制作的《新年贺卡》，满意后发送给亲朋好友。
2.按中国的几大节日，如：
老师节、国庆节、母亲节、五一劳动节等任选一个，制作节日贺卡。
3.网上查找有关元件的Flash作品，分析其制作方法，并自己尝试
教学反思
本节课以制作电子贺卡为中心任务。
学生从欣赏贺卡、设计自己的贺卡，在此过程中体验了策划信息，加工信息、表达信息的全过程。
本节课是Flash课程整体环节中的一节，课程始终以一个完整任务贯穿始终，当本节课结束后，学生刚好通过所学的知识完成了自己的作品，脱离了“为讲技术而讲技术”的尴尬，知识的讲解融合于学生制作作品时想要达到的预期效果中。
在本节课中从前面大部分同学在制作过程中遇到的问题抛出，引起学生的共鸣，激发了学生的学习兴趣。
带着这些亟待解决得问题，讲授了本节课的知识，大大提高了教学效率。
本节课的另外的一个亮点就是使用小组“互动评价”来对每个学生作品进行打分或评价，并填写测评表（电子版），最后由学习委员来对每个学生成绩统计，做到公正公平。
本课的不足之处，由于时间关系没能对每个学生的作品展示。
只是选择几个有代表性（特别好、一般、差）作品在课堂上演示。
教案
包括：
讲授知识、演示内容及案例、提问及学生演示内容
一、复习
教学和学法：
展示法观察法
教师活动：
前面我们学习了flash的逐帧动画、动作补间和形状补间三种动画，了解了动作补间和形状补间之间的区别，下面让我们欣赏一个经典动画“大猪与小猪”的Flash短片。
同学们开动脑筋——积极思考——相互讨论——回答问题：
1、请指出这个动画短片中分别应用三种动画中的哪几种？
2、这个动画短片中大猪和小猪形状一样，不同是一个大，一个小，用我们前面学过知识需要重复制作两个猪，有没有简便的办法。
（在这里为引出这节课的新知识“元件”设下伏笔）
通过提问和抢答的方式回顾前面课学习的内容以及检查掌握情况，学习委员根据老师和其他同学的意见负责加分和扣分，其他同学监督。
学生活动：
欣赏“大猪与小猪”的Flash动画，产生好奇心，萌发学习和创作的强烈欲望旨在激起学生奋发向上的一种精神。
设计意图：
让学生欣赏优秀flash作品，感受flash丰富的视觉效果，激发他们反思性的学习、操作的动力和积极性。
二、创设情境，任务驱动，引入新课
教学和学法：
展示法观察法任务驱动法（采用任务驱动的教学法，体现学生的主体作用，教师正确引导，学生自主探究。
）
设计意图：
教师由自己制作的作品入手，使学生学会举一反三。
模仿教师的操作，完成自己的作品激发学生学习动画制作的求知欲。
通过案例展示，发现一个新的问题。
在我的作品贺卡中多处出现绽放礼花的效果，在制作过程中是否需要重复制作多个绽放的礼花？
由此引出元件，同时指出元件对象在制作动画中的重要性。
1.教师播放《新年贺卡》动画。
老师提问：
屏幕演示的是在Flash中创建的新年贺卡，我们中华民族是个礼仪之邦，每逢节日都会互致问候，新年快到了，同学们想不想自己设计一个新年贺卡，送给你的父母、老师、同学，送上你的新年祝福？
2.学生回答。
很想设计一个新年贺卡。
3.老师回答：
心动不如行动，让我们马上开始行动吧。
但是在Flash中做好贺卡需要闯五关斩六将，同学们有没有信心？
五关：
第一关，构思设计，素材收集整理（包括贺卡需要的图片、声音文件）
第二关，版面设置（包括舞台大小369.2*572，背景颜色）
第三关，动画制件（包括：
三种类型元件的创建，补间动画的应用等）
第四关，作品的美化（贺卡的美化）（俗话说：
“人靠衣装，佛靠金装”，成功的Flash动画同样需要好的外表，和谐自然的颜色，憨太可鞠的造型无形中使人感到亲切，感到温馨）
第五关，贺卡的测试
六将：
属性面板的使用
颜色面板的使用
变形面板的使用
对齐面板的使用
滤镜面板的使用
库面板的使用
4.在教师的引导下，分析电子贺卡制作的流程，培养学生观察分析能力
引出课题
三、讲授新内容
第6章元件与实例
方法：
比喻教学法，类比“演员”（元件）在“化妆间”（库）里准备“上台演出”（场景舞台）这一比喻，让学生理解元件引入的意义：
元件（演员）一旦被创建，Flash将会自动地把它添加到元件库（化妆间）里，从而可以在同一个甚至任何一个Flash文件中反复使用，并不会增加文件的大小，如果元件被重新编辑修改了，那么在整个Flash动画文件中所用到的同一个元件的实例都将自动更新。
元件：
元件只需创建一次，然后即可在整个文档或其他文档中重复使用。
说明：
1）元件可以包含从其他应用程序中导入的插图，自己创建的任何元件都会自动成为当前文档的库的一部分。
2）每个元件都有自己的时间轴。
可以将帧、关键帧和层添加到元件时间轴，就像你可以将它们添加到主时间轴一样。
3）如果元件是影片剪辑或按钮，则可以使用动作脚本控制元件。
实例：
实例是指位于舞台上或嵌套在另一个元件内的元件副本。
说明：
1）实例可以与它的元件在颜色、大小和功能上差别很大。
2）编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。
元件的作用有:
1）可以有效减小影片文件的大小；
2）可以加快影片的播放速度；
3）将元件拖放到舞台，用户可以对实例进行任意的修改，而不会影响到元件的任何属性。
Flash中使用元件的优点：
在Flash文档中使用元件可以显著减小文件的大小，保存一个元件的几个实例比保存该元件内容的多个副本占用的存储空间小。
使用元件还可以加快SWF文件的回放速度，因为一个元件只需下载到FlashPlayer 中一次。
在创作时或在运行时，可以将元件作为共享库资源在文档之间共享，对于运行时共享资源，可以把源文档中的资源链接到任意数量的目标文档中，而无需把该资源导入目标文档，建于创作时共享的资源，可以用本地网络上可用的其他任何元件更新或替换一个元件。
如果导入的库资源和库中已有的资源同名，你可能解决命名冲突，而不会意外地覆盖现有的资源。
元件和实例的区别：
实例是元件的副本。
编辑修改元件会更新它的所有实例，而修改实例，元件本身不改变，实例可以与它的元件在颜色、大小和功能上差别很大。
元件的类型有：
图形元件、影片剪辑元件和按钮元件。
1）图形元件，一般用于制作静态图像或简单动画，并可用来创建到主时间轴的可重用动画片段。
图形元件与主时间轴同步运行。
交互式控件和声音在图形元件的动画序列中不起作用。
2）按钮元件，用来创建影片中的相应鼠标事件的交互按钮；
3）影片剪辑元件，有自己的时间轴和属性，支持ActionScript和声音，具有交互性，可以说影片剪辑就是一个小的分支影片。
也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。
1.师生互动，自主学习
教学和学法：
做中教、做中学、学中做
设计意图：
帮助学生理解计算机动画原理和计算机动画制作的特点及其一般方法，让学生感受到计算机动画制作有着较强的灵活性与创造性，同时又有一定的规律可循，学习Flash动画制作不仅仅是学习，更是一种创造活动。
案例1：
制作“红灯笼”图形元件
（1）教师启动Flash，新建一个Flash影片文件。
舞台颜色为黑色大小不变。
（2）教师打开并运行一个红灯笼Flash动画源文件，分析Flash动画的创建方法，并通过举例重点讲究元件、库、场景、时间轴、图层的概念。
（3）教师演示制作红灯笼动画的过程。
教师边演示边讲解，学生跟着教师制作红灯笼动画。
（4）教师应注意讲清每一个步骤地意义，同时结合实际制作来讲解基本概念，将抽象的概念结合具体的实践操作进行讲解，学生更容易理解。
（5）教师以清晰、简明的步骤概括创建影片剪辑元件的几大步骤：
第一步，单击“插入”→“新建元件”（或按F8键）→打开新建元件对话框，选择影片剪辑元件类型→；
第二步，在结束帧中插入关键帧，在结束场景中编辑对象；
第三步，选择开始帧，创建补间动画。
（6）学生根据教师刚才的演示，协作完成“红灯笼”图形元件的制作，相互讨论各制作步骤地意义，并概括总结出制作图形的主要步骤。
[设置悬念]
绘制的灯笼是平面图形没有立体感，而真实的灯笼是椭圆体，不符合真实情况，如何将平面图形的灯笼设置为立体的灯笼？
[学生讨论]：
略
[学生动手实践]：
再对自己所做的动画进一步进行修改，让动画的表现具有真实性和完整性。
案例2：
制作摇摆的“红灯笼”影片剪辑元件
（1）单击“插入”→“新建元件”（或按F8键）→打开新建元件对话框，选择影片剪辑元件类型；
（2）教师将上一案例中创建的“红灯笼”图形元件拖到舞台；
（3）在第10、20、30、40帧分别插入关键帧
（4）将第20帧按顶端中心为旋转点向左适当旋转如上图左，同理将第40帧按顶端中心为旋转点向右适当旋转如上图右；
（5）在10到20，20到30，30到40帧之间分别创建补间动画；
（6）测试影片
（5）教师演示制作摇摆红灯笼动画的过程。
教师边演示边讲解，学生跟着教师制作红灯笼动画。
（4）教师应注意讲清每一个步骤地意义，同时结合实际制作来讲解基本概念，将抽象的概念结合具体的实践操作进行讲解，学生更容易理解。
（5）教师以清晰、简明的步骤概括创建影片剪辑元件的几大步骤：
第一步，单击“插入”→“新建元件”（或按F8键）→打开新建元件对话框，选择影片剪辑元件类型；
第二步，在第10、20、30、40帧分别插入关键帧；
第三步，将第20帧按顶端中心为旋转点向左适当旋转，同理将第40帧按顶端中心为旋转点向右适当旋转；
第四步，在10到20，20到30，30到40帧之间分别创建补间动画；
（6）、学生根据教师刚才的演示，协作完成“摇摆红灯笼”元件的制作，相互讨论各制作步骤地意义，并概括总结出制作图形的主要步骤。
[设置悬念]
灯笼的穗和灯笼是一体，做为一个整体一块来摆动，不符合真实情况，如何将穗和灯笼分开分别来摆动？
[学生讨论]：
略
[学生动手实践]：
再对自己所做的动画进一步进行修改，让动画的表现具有真实性和完整性。
案例3：
制作变色“按钮”元件
（1）单击“插入”→“新建元件”（或按F8键）→打开新建元件对话框，选择按钮元件类型，在名称文本框中输入“椭圆”；
（2）单击“确定”按钮，进入到按钮元件的场景中，选择“椭圆工具”，设置“笔触颜色”为无，“填充色”为蓝色球形，然后在场景中绘制一个椭圆；
（3）选择“指针经过”帧，按F6插入一个关键帧，将图形重新填充为红色球形；
（4）选择“按下”帧，按F6插入一个关键帧，将图形重新填充为绿色球形；
（5）选择“点击”帧，按F6插入一个关键帧，定义鼠标的响应区为椭圆；
（6）回到舞台，将此元件拖到舞台进行测试影片
（5）教师演示制作变色按钮的过程。
教师边演示边讲解，学生跟着教师制作红灯笼动画。
（4）教师应注意讲清每一个步骤地意义，同时结合实际制作来讲解基本概念，将抽象的概念结合具体的实践操作进行讲解，学生更容易理解。
（5）教师以清晰、简明的步骤概括创建按钮元件的几大步骤：
第一步，单击“插入”→“新建元件”（或按F8键）→打开新建元件对话框，选择按钮元件类型；
第二步，单击“确定”按钮，选择“按下”帧，进入到按钮元件的场景中，选择“椭圆工具”，设置“笔触颜色”为无，“填充色”为蓝色球形，然后在场景中绘制一个椭圆；
第二步，选择“指针经过”帧，按F6插入一个关键帧，将图形重新填充为红色球形；
第二步，选择“按下”帧，按F6插入一个关键帧，将图形重新填充为绿色球形；
第二步，选择“点击”帧，按F6插入一个关键帧，定义鼠标的响应区为椭圆；
（6）、学生根据教师刚才的演示，协作完成“变色按钮”元件的制作，相互讨论各制作步骤地意义，并概括总结出制作图形的主要步骤。
教师强调：
在Flash中影片文档编辑状态下，舞台上的按钮实例默认为的是禁用状态，无法直接测试按钮的效果。
为了能在影片舞台上直接测试按钮，可以选择“控制”→“启用简单按钮”命令，此时鼠标滑过按钮可看到“指针经过”帧的效果，单击按钮显示“按下帧的效果”。
2.探究学习，实践操作
设计意图：
通过实践操作，巩固本节课所学的内容，使学生对学习动画制作充满了信心，并有了迫不及待进行实践操作的动机，锻炼了学生的动手能力，培养了学生探究学习的能力。
让学生在动手实践中发现问题，教师再引导学生去分析解决问题。
使学生灵活掌握元件的用途（我在这里设计三种挑战，“我很强、我能行、我可以”三个层次让每个学生根据自己的胆量和能力从分解出的5个子任务中自由选择来根据自身的情况完成不同的操作）。
1）教师出示本节课的探究任务：
任务描述：
《新年贺卡》的制作
任务一
摆动的灯笼
四个任选两个
任务二
绽放的礼花
任务三
燃烧的蜡烛
任务四
展开对联
任务五
按钮
综合任务
利用提供的资源素材，美化完成动画作品。
2）学生实践操作，遇到问题相互讨论。
3）教师巡视，帮助学生，对于共有的问题给与点评。
4）教师请学生演示，鼓励学生上台操作。
四、作品点评（积极评价引导，拓展创新）
1.展示成果，评价交流。
学生将自己的作品上传至教师机。
学生测试自己的作品，领悟获得成功的喜悦。
教师选取典型作品，师生相互评价，交流心得。
通过自评、互评提高学生的审美能力和表达能力。
学生测评是以事先分好的小组来进行，每个小组最后把测评的结果填写在测评表中。
测评表
得分
姓名
作品题目
此作品的亮点是什么？
此作品的不足之处是什么？
测评小组
教师活动：
先组织学生进行自评和互评，发表一些自己对于他人和自我的看法，最后将一些学生的作品进行点评，将这节课的重点及难点再进行回顾讲解。
最后以开头的Flash作品对学生进行激励，树立积极向上的作品表达和交流的观念。
学生活动：
自评和他评，认真听取教师的作品点评，总结自己本节课所学的知识，反思自己的操作过程。
五、课堂小结（学生探索性总结，教师纠正并补充）
设计意图：
帮助学生理清思路，巩固本节课所学习的内容。
培养学生的归纳能力。
学生总结：
“这节课，我学会了……”、“通过这堂课的学习，我会做……了”这样的开式来让学生总结，学生一边说老师一边纠正或提示学生，并且显示相应的内容以课伯开展示出，加深印象。
老师总结：
对Flash元件和库的讲解，学生对Flash动画中的元件和库的作用有充分的了解，学生通过学习本次课学习要掌握元件的作用，使用方法，制作的原理，掌握库的作用、功能，并能应用元件来制作动画，简化动画的制作过程，缩小动画的体积，而且能够运用按钮元件进行简单的动画播放的控制，同时能够结合库综合应用。
六、操作演示及布置作业：
4.根据老师和学生的点评中存在的问题，美化完善本节课自己制作的《新年贺卡》，满意后发送给亲朋好友。
5.按中国的几大节日，如：
老师节、国庆节、母亲节、五一劳动节等任
升级会员 