心与心愿贺卡电子教案

PAGEPAGE1库尔勒市第二中学内初二年级信息技术备课教案主备人：_王媛_教研组长：张怡备课组长：许媛备课组成员：王媛许媛课题（或章节）心与心愿贺卡——按钮元件授课时间2015年11月30日—2015年12月4日课时分配共2课时教学三维目标知识与技能1、转换图形元件为影片剪辑元件的方法。2、为影片剪辑元件添加滤镜效果。3、将多个对象组合的方法。4、知道按钮元件的功能并了解按钮元件的制作原理。5、会制作按钮元件并能够正确的定义按钮元件的四个基本状态。6、能够给按钮添加简单的动作。过程与方法演示、任务驱动。情感、态度与价值观1、激发学生对Flash的学习兴趣，使学生保持主动学习和动手实践的热情2、培养学生在学习中克服困难的意志品质及小组协作精神，通过完成作品，体验成功的快乐。。德育目标在学习中培养其团结协作、合作互助的精神。教学重点1、添加滤镜效果2、编辑按钮元件3、为按钮元件添加指定的动作教学难点在按钮元件中编辑添加动画，并设置正确的动作授课类型新课教学用具学案、课件、实例素材教学过程：二次备课及反思第一课时一、创设情境，引入新课教师播放事先准备好的贺卡动画。同学们，这节课我们运用已经学习的遮罩层动画的原理，滤镜效果的添加等等的综合运用来制作一个简单的FLASH贺卡！在这一环节我的设计意图是：播放贺卡的最终动画效果，引起了浓厚的学习兴趣。（然后进入新的环节）二、讲授新课，师生互动［教师活动］教师演示制作“星语心愿”贺卡（一）完成贺卡背景打开F：/初二上册图片资料/第11课/星语心愿.FLA选定背景图层的第1关键帧，将库面板中的“bk11”图片拖入舞台，调整至合适的大小。选定60帧插入普通帧，延长动画时间，并将背景图层锁定。（二）完成贺卡中小星星的时间轴特效——模糊效果1.选定“模糊”图层，将库面板中的星星图形元件拖出至舞台形成实例。2.执行“插入”|“时间轴特效”|“效果”命令。创建时间轴“模糊”特效后，库面板中自动生成了名为“模糊1”的影片剪辑元件和特效文件夹，并且图层名称也相应的发生了改变。3.将已经完成“时间轴特效”的星星实例，进行复制粘贴，形成多个实例，完成群星闪烁的效果，调整星星的大小形态，初次测试影片。［学生活动］学生自主练习，实践操作。［教师活动］教师演示（三）完成贺卡中“形状1”“形状2”的滤镜特效1.选择形状1图层第1关键帧，将圆图形拖出形成实例，修改属性为“影片剪辑”，选择滤镜选项卡，添加“发光”特效，设置模糊值为40，颜色为西瓜红，选中“挖空”及“内侧发光”选项。2.选中花图形元件，拖出至圆内，同上方法设置发光滤镜效果，选中桃心图形元件拖至中心，添加发光滤镜效果，将颜色更改为紫色。3.选中形状1图层的第1关键帧中所有对象，执行“修改”|“组合”命令，或者执行ctrl+G命令，将圆、花、桃心组合成为一个对象。利用任意变形工具缩放至合适的大小。4.选中形状1图层，分别在第20帧、40帧插入关键帧、并调整形状1的位置，创建动作补间动画。锁定该图层。5.选中形状2图层，重复1-4的步骤，设置第2个形状特效。［学生活动］学生自主练习，实践操作。［学生活动］总结滤镜特点。［教师活动］（1）使用滤镜可以为文本、按钮和影片剪辑增添有趣的视觉效果。（所有图形元件无法增加滤镜效果）（2）使可以设置对象发光、添加投影等单一的滤镜效果，也可以设置多种效果混合的滤镜。（3）使在“属性”面板中，可以启用，禁用或者删除滤镜效果，删除滤镜后，对象将恢复原来的外观。［教师活动］教师演示（四）完成贺卡中文字的滤镜特效1.选中文字图层，利用文本工具写入“开心快乐”，设置字号：42号，颜色“粉红色”。为文本设置滤镜效果，“投影”模糊值为5，颜色深蓝，挖空。发光、斜角，放在舞台外区。2.第40帧插入新的关键帧，修改滤镜投影为紫色。并调整至合适的大小，放在合适的位置。3.第60帧插入关键帧，将字体放大。创建补间动画。（五）完成遮罩效果1.选定五角星图层，利用“五角星工具”，样式为“星形”，边数为5，笔触颜色为无颜色，填充颜色为“紫色”，绘制与舞台背景同样大小的五角星形作为遮罩层。2.右击“形状1”“形状2”图层，选中“属性”命令，在弹出的“图层属性”对话框，将“形状1”“形状2”图层设置为“被遮罩”。［学生活动］学生自主练习，实践操作。【课堂小结】学生自主小结本课学习的知识点。1、滤镜添加的对象范围：文本、按钮、影片剪辑。2、添加时间轴特效的方法：执行“插入”|“时间轴特效”|“效果”命令。创建时间轴“模糊”特效后，库面板中自动生成了名为“模糊1”的影片剪辑元件和特效文件夹，并且图层名称也相应的发生了改变。3.滤镜的特点4.一个遮罩层可以同时遮蔽多个被遮罩层。【随堂练习】1.在flash中，添加时间轴特效，可以执行“__________”“____________”“_________”命令，若为对象添加了“模糊”的时间轴特效，会在库面板中自动生成一个名为“模糊1”的_________元件和__________,并且其所在图层的名称也发生了相应的改变。2.在flash中，组合对象的方法是执行“________”“_________”命令，或者快捷键是_________3.一个遮罩层可以遮蔽多个被遮罩层，通常设置第二、第三个被遮罩层时，可以右键单击该图层，在弹出的快捷键菜单中选择“___________”命令，设置图层属性的类型为“_________”。第二课时一、创设情境，引入新课一个精彩的flash动画是离不开按钮交互控制的，哪怕只是很简单的几句代码也能为整个flash动画起到画龙点睛的作用。今天，我们就为“星语心愿”贺卡添加“停止”“播放”按钮。动画展示：用按钮来控制一段动画的播放。二、讲授新知师生互动首先请同学们阅读教材“智多星”的内容，回答如下问题：（1）什么是按钮？按钮是一种比较特殊的元件，当新创建了一个按钮元件时，flash会创建一个包含4帧的时间轴，时间轴上的各帧并不播放，而是定义按钮在四种不同状态下的具体属性，并对指针运动或动作做出反应，执行相应的命令。（2）按钮有哪四种状态？生：弹起状态、鼠标经过状态和按下时的状态、点击状态（3）按钮的四个关键帧各有什么作用？生：当为元件选择按钮行为时，Flash会创建一个四帧的时间轴,对应按钮的四种状态按钮元件的时间轴上的每一帧都有一个特定的功能：第一帧是弹起状态，代表指针没有滑过按钮时该按钮的外观第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观第三帧是按下状态，代表单击按钮时，该按钮的外观第四帧是点击状态，定义将响应鼠标单击的区域师：现在我们打开源文件，观察一下我们实例当中的按钮四种状态是怎样的。三、实践操作分析任务制作简单按钮【实例演示】（1）插入菜单下的新建元件命令，在打开的新建对话框中的行为选项选中按钮（2）在按钮元件编辑区的时间轴上我们可以看到自动分为四个部分分别为：弹起；鼠标经过；按下；点击（3）在弹起状态，新建一矩形黑色在指针经过状态插入关键帧，将矩形颜色改为红色在按下状态插入关键帧，将矩形改为青色最后在点击状态插入关键帧，因为这一状态只是区域标示，因此在动画播放过程中不会显示这一状态的图形，因此无须更改颜色想一想：如果我要给我的按钮添加一些文字，比如说播放、暂停，我应该怎么去操作呢？提示：插入一个新的图层，输入文字，别忘了每个状态文字的颜色是不一样的！想一想:你会制作文字按钮吗？（1）新建一个名字为“播放”的按钮元件。（2）进入按钮元件编辑区的弹起状态，在弹起状态，利用文字工具输入“播放”（3）在指针经过状态插入关键帧，并将字体颜色设置为红色（4）在按下状态插入关键帧，将字体颜色设置为蓝色。（5）在点击状态插入关键帧，并画一个矩形，完全覆盖文字。3、基本动作控制命令介绍（1）停止命令格式;stop();说明动作；停止播放头的移动（2）播放命令格式;play();说明动作；在时间轴中向前移动播放头。（3）转移命令gotoAndPlay(scene,frame)参数scene播放头将转到的场景的名称。frame播放头将转到的帧的编号或标签。动作；将播放头转到场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。以上三个命令是动作脚本中最常用的基本动作,它们通过对时间轴上播放头的控制实现的特定功能4、为按钮添加相应的动作【演示】（1）在按钮元件上单击鼠标右键，选择“动作”（2）在“动作”面板中，单击“脚本助手”，启用“脚本助手”，如果不使用脚本助手就自己动手输入（3）在左侧全局函数中选择“时间轴控制”—>“play”（4）在编辑面板中会出现如下语句：on(release){Play();}（意思为单击按钮后播放）想一想：如果我要再插入一个按钮，让我的影片在单击此按钮之后停止，应该怎样做？应该选择哪一个语句？如果再插入一个按钮，当我单击时它就从头开始播放，应该怎样做？应该选择哪一个语句？四、拓展提高展现能力在下发的文件中，添加两个个按钮：播放和停止功能分别为：点击播放按钮时影片播放，单击停止按钮时影片停止五、师生小结构建知识按钮的插入让我们的Flash更加新颖，互动性也随之增强，希望同学们继续努力，做出更多更好的Flash作品！【随堂练习】1.按钮元件通常包括4帧：__________帧、___________帧、_________帧和_________帧。其中__________帧的内容在播放文件时不显示，只是定义响应鼠标单击的有效区域。__________帧定义了指针没有经过按钮时，按钮的外观。_________帧定义了单击鼠标后，该按钮的外观。__________帧定义了指针滑过按钮时按钮的外观。2.按钮是一种特殊的元件，通过给按钮添加goto、stop等时间轴控制命令，可以控制时间轴的播放与停止，从而实现简单的________操作。3.解释代码on(release){ gotoAndPlay(1);}板书设计按钮元件（1）什么是按钮？按钮是一种比较特殊的元件，当新创建了一个按钮元件时，flash会创建一个包含4帧的时间轴，时间轴上的各帧并不播放，而是定义按钮在四种不同状态下的具体属性，并对指针运动或动作做出反应，执行相应的命令。（2）按钮有哪四种状态？生：弹起状态、鼠标