《会变色的文字——遮罩层动画》课堂实录
初中信息技术八年级上册第十课(大连理工大学出版社)
师:上课!同学们好!
生:老师好!
师:请坐!
生:(端坐好,目视老师)
师:请同学们思考,通过前一阶段的学习,你掌握了Flash的哪几种动画制作方法?(停顿30秒)谁能回答请举手。好,这位同学,你来回答。
生:有动作渐变动画、形状渐变动画和引导线动画。
师:嗯,回答非常准确。好,今天我们就来学习一种新的动画形式----遮罩层动画。首先请同学们来观看一个短片——“学校运动会.swf”。
(教师播放课前制作好的短片,学生观看。短片内容取材于本校运动会的场景,背景音乐为迎合初中学生喜好事先征集,文字解说部分采用本课要学习的遮罩效果呈现。) 师:老师看到同学们对这个短片非常感兴趣,能不能说一说哪部分内容是最吸引你的呢? 生:会变色的文字!
师:是的,这个短片中文字的呈现方式和我们以往看过的不一样,在文字完全出现之后还进行着色彩斑斓的魔幻变化。老师从同学们看到这些文字时惊奇的表情里看出了你们要把这个神奇的效果探究清楚的渴望。大家说的对,这个文字的变色效果就是应用遮罩来完成的。那么遮罩究竟是怎么一回事呢?请同学们打开桌面上学生文件夹中“什么是遮罩.doc”文件,先自学3分钟,理解有关遮罩的概念。
(学生自学,老师观察学生动态)
师:3分钟时间到。现在同学们对遮罩的概念有了初步的认识,下面我们来看这个遮罩动画的图示,检测一下大家对遮罩的理解程度。请思考:当动画播放时,会出现A、B、C三个选项中的哪种效果?(展示遮罩动画效果原理的图示)
生:C!(大部分) B!(少数、个别)
师:看来同学们的答案有分歧。别着急,实践出真知。大家动手测试一下。打开学生文件夹中的“测试.fla”,用Ctrl+Enter播放看看。
生:(动手播放动画)
师:答案是?
生:C!
师:正确!通过对“测试.fla”文件的操作过程,大家可以进一步理解遮罩就是图层之间的一种制约关系:遮罩层能够屏蔽或者说遮盖其下面被遮罩层中的内容,被遮层上的内容只有透过遮罩层上某个“特定区域”才能显示出来。这个“特定区域”是遮罩层上的对象的创建的,其形状也是由遮罩层上的对象的形状决定的,与颜色无关。好了,同学们一定想赶紧体验遮罩的神奇呢?下面我们完成本节课第一个任务。请大家打开任务一文件夹,开始动手吧!
生:(参照学案内容完成任务一。)
(学案内容见文件“welcome.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“图片层”,单击第1帧,导入图片“汽车.jpg”;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置宋体字、字号48和蓝色属性,输入“Welcome”; 步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:老师看到同学们都把任务一轻松完成了,下面我们向难一点的任务二挑战:让遮罩层动起来!
生:(参照学案内容完成任务二)
(学案内容见文件“百度.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“图片层”,单击第1帧,导入图片“水波纹.jpg”;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置楷体字、字号96和黑色属性,输入“百度”,将文字移至舞台左侧;在50帧插入关键帧,将文字移至舞台右侧,创建补间;然后在100帧插入关键帧,将文字回移至舞台左侧,再次创建补间;
步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:(巡视学生,倾听小组交流,促进小组互助,解决个别生疑难)
师:我们现在已经掌握了遮罩的基本用法了,同学们有没有兴趣为自己设计一个动态签名呢?,我们来看看这样一组文字效果,(展示)下面我们来继续探究遮罩的技巧,完成
任务三:换个角度,让被遮罩层动起来!.
生:(参照学案内容完成任务三)
(学案内容见文件见文件“学校名.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“彩条层”,单击第1帧,导入图片“彩条.jpg”,将左端与舞台对齐;在第100帧插入关键帧,将彩条右端与舞台对齐,创建动作补间动画;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置黑字体、字号48和红色属性,输入“大连理工大学附属学校”,调整位置与彩条匹配;
步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:(巡视学生,倾听小组交流,促进小组互助,解决个别生疑难)
师:恭喜大家又一次胜利完成了任务。现在大部分同学都具备动画大师的基本素质了:下面请你们向本节课的顶级任务挑战吧!请小组合作,完成任务:遮罩层与被遮罩层都加动画,你动我动,如影随形!
任务说明:
1.小组集体讨论后,选出一张你们认为最有趣的图片,应用遮罩层动画为所选图片配上文字说明。
2. 一人动手制作,凝聚集体智慧,看哪个小组合作最默契,作品最出彩! *3. 如出现任何意见分歧,由组长决定。
生:(参照学案内容完成小组任务)
师:(巡视学生,解决个人与小组合作中的疑难问题,引导,启发,鼓励,记录) 师:下面我们来展示交流一下小组的战利品。哪个小组先来?
生:(小组展示作品,师生、生生交流评价,略)
师:同学们今天的表现非常棒。相信你们的收获都很大,特别是在小组学习中,大家做到了自主、合作、共同提高。今天学习的遮罩层动画是Flash中非常重要的一种形式,以后我们会进一步领略它的魅力:利用遮罩结合补间动画能实现更多千变万化的效果,希望同学们能亲手创造出不可思议的神奇!好,这节课就到这里,下课!同学们再见! 生:老师再见!
(授课时间:2010年11月)
《会变色的文字——遮罩层动画》课堂实录
初中信息技术八年级上册第十课(大连理工大学出版社)
师:上课!同学们好!
生:老师好!
师:请坐!
生:(端坐好,目视老师)
师:请同学们思考,通过前一阶段的学习,你掌握了Flash的哪几种动画制作方法?(停顿30秒)谁能回答请举手。好,这位同学,你来回答。
生:有动作渐变动画、形状渐变动画和引导线动画。
师:嗯,回答非常准确。好,今天我们就来学习一种新的动画形式----遮罩层动画。首先请同学们来观看一个短片——“学校运动会.swf”。
(教师播放课前制作好的短片,学生观看。短片内容取材于本校运动会的场景,背景音乐为迎合初中学生喜好事先征集,文字解说部分采用本课要学习的遮罩效果呈现。) 师:老师看到同学们对这个短片非常感兴趣,能不能说一说哪部分内容是最吸引你的呢? 生:会变色的文字!
师:是的,这个短片中文字的呈现方式和我们以往看过的不一样,在文字完全出现之后还进行着色彩斑斓的魔幻变化。老师从同学们看到这些文字时惊奇的表情里看出了你们要把这个神奇的效果探究清楚的渴望。大家说的对,这个文字的变色效果就是应用遮罩来完成的。那么遮罩究竟是怎么一回事呢?请同学们打开桌面上学生文件夹中“什么是遮罩.doc”文件,先自学3分钟,理解有关遮罩的概念。
(学生自学,老师观察学生动态)
师:3分钟时间到。现在同学们对遮罩的概念有了初步的认识,下面我们来看这个遮罩动画的图示,检测一下大家对遮罩的理解程度。请思考:当动画播放时,会出现A、B、C三个选项中的哪种效果?(展示遮罩动画效果原理的图示)
生:C!(大部分) B!(少数、个别)
师:看来同学们的答案有分歧。别着急,实践出真知。大家动手测试一下。打开学生文件夹中的“测试.fla”,用Ctrl+Enter播放看看。
生:(动手播放动画)
师:答案是?
生:C!
师:正确!通过对“测试.fla”文件的操作过程,大家可以进一步理解遮罩就是图层之间的一种制约关系:遮罩层能够屏蔽或者说遮盖其下面被遮罩层中的内容,被遮层上的内容只有透过遮罩层上某个“特定区域”才能显示出来。这个“特定区域”是遮罩层上的对象的创建的,其形状也是由遮罩层上的对象的形状决定的,与颜色无关。好了,同学们一定想赶紧体验遮罩的神奇呢?下面我们完成本节课第一个任务。请大家打开任务一文件夹,开始动手吧!
生:(参照学案内容完成任务一。)
(学案内容见文件“welcome.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“图片层”,单击第1帧,导入图片“汽车.jpg”;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置宋体字、字号48和蓝色属性,输入“Welcome”; 步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:老师看到同学们都把任务一轻松完成了,下面我们向难一点的任务二挑战:让遮罩层动起来!
生:(参照学案内容完成任务二)
(学案内容见文件“百度.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“图片层”,单击第1帧,导入图片“水波纹.jpg”;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置楷体字、字号96和黑色属性,输入“百度”,将文字移至舞台左侧;在50帧插入关键帧,将文字移至舞台右侧,创建补间;然后在100帧插入关键帧,将文字回移至舞台左侧,再次创建补间;
步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:(巡视学生,倾听小组交流,促进小组互助,解决个别生疑难)
师:我们现在已经掌握了遮罩的基本用法了,同学们有没有兴趣为自己设计一个动态签名呢?,我们来看看这样一组文字效果,(展示)下面我们来继续探究遮罩的技巧,完成
任务三:换个角度,让被遮罩层动起来!.
生:(参照学案内容完成任务三)
(学案内容见文件见文件“学校名.swf”,效果图略。)
步骤1: 双击时间轴面板中的“图层1”,将其修改为“彩条层”,单击第1帧,导入图片“彩条.jpg”,将左端与舞台对齐;在第100帧插入关键帧,将彩条右端与舞台对齐,创建动作补间动画;
步骤2: 单击“插入图层”按钮 ,插入一个新层,双击“图层2”将其修改为“文字层”,单击第1帧,选择文本工具“A”,设置黑字体、字号48和红色属性,输入“大连理工大学附属学校”,调整位置与彩条匹配;
步骤3:在图层面板的“文字层”上单击右键,选择“遮罩层”,观察图层内容变化。操作完成,保存文件。
师:(巡视学生,倾听小组交流,促进小组互助,解决个别生疑难)
师:恭喜大家又一次胜利完成了任务。现在大部分同学都具备动画大师的基本素质了:下面请你们向本节课的顶级任务挑战吧!请小组合作,完成任务:遮罩层与被遮罩层都加动画,你动我动,如影随形!
任务说明:
1.小组集体讨论后,选出一张你们认为最有趣的图片,应用遮罩层动画为所选图片配上文字说明。
2. 一人动手制作,凝聚集体智慧,看哪个小组合作最默契,作品最出彩! *3. 如出现任何意见分歧,由组长决定。
生:(参照学案内容完成小组任务)
师:(巡视学生,解决个人与小组合作中的疑难问题,引导,启发,鼓励,记录) 师:下面我们来展示交流一下小组的战利品。哪个小组先来?
生:(小组展示作品,师生、生生交流评价,略)
师:同学们今天的表现非常棒。相信你们的收获都很大,特别是在小组学习中,大家做到了自主、合作、共同提高。今天学习的遮罩层动画是Flash中非常重要的一种形式,以后我们会进一步领略它的魅力:利用遮罩结合补间动画能实现更多千变万化的效果,希望同学们能亲手创造出不可思议的神奇!好,这节课就到这里,下课!同学们再见! 生:老师再见!
(授课时间:2010年11月)