第9课文字动画教学设计教学目标:1.知识目标:初步了解自动渐变动画;掌握制作文字动画的方法。2.技能目标:掌握文字动画的制作方法。3.情感目标:体验自己创作动画的乐趣,培养学生创作动画的热情。教学重点:1.理解动画制作中过渡帧的作用。2.文字动画的制作方法。教学难点:文字动画的制作方法。课时安排:1课时。课前准备:几个文字动画的制作。教学过程:师:今天非常高兴和你们见面,听班主任老师说我们班的每个同学都非常地勇敢,你们真的勇敢吗?生:勇敢师:声音这么轻,你们真的勇敢吗?师:那么老师请同学们来说说,在课堂上,怎样的表现才算勇敢?生:回答响亮,勇于举手师:对,这些都是勇敢孩子们的表现,金老师喜欢勇敢的孩子,金老师希望在接下来的课堂学习中,能够看到勇敢的你们。2·1·c·n·j·y现在,我们就来一起进入第9课文字动画的学习。(板书标题文字动画)一、导入:师:同学们,在这里,告诉大家一个好消息,蟹老板要请大家去他新开张的店里饱餐一顿,可是,到了蟹老板的新店门口,大家发现了什么?生:没有店名师:没有店名,有什么不好的地方呐?生:不能吸引客人;下一次顾客就不知道哪一家才是上一次吃过美味的小点了。师:其实呐,蟹老板想借新店开张之际,请大家集思广益,为他的新店取一个响当当又和他的蟹黄堡相得益彰的店名,大家愿不愿意为蟹老板开动脑筋,为他的店铺设计店名。21世纪教育网版权所有生:二、讲授新课内容一第一步:调整画布大小师:看来大家都非常地积极,愿意帮蟹老板的这一个大忙。那我们先来观察一下这家店招牌,如果要制作店名,需要注意什么?【来源:21·世纪·教育·网】生:师:对,店牌的大小,蟹老板新店店牌的大小宽度为360像素,高度为80像素。那么我们打开UGA软件,观察比较一下,软件提供的画布尺寸符不符合这个店牌的大小。21·世纪*教育网师:对,软件提供的画布大小比店牌大。观察软件的标题栏,是多少?(具体画布大小观察标题栏)那怎么进行修改画布大小?师:有没有同学愿意上来尝试着修改?师:看来,在这个问题上,我们同学还存在困难,那么请同学们翻开书本27页,仔细阅读“建立动画文件”这一块内容。等同学们学习完之后,老师再请一位同学上来演示。21*cnjy*com请学生演示师:通过文件——新建——调整宽度为360像素,高度为80像素。注意,可以选择画布外观——完全透明。停一下,老师在这里想让大家思考一个问题,蟹老板的店铺背景是什么颜色?【版权所有:21教育】生:黑色师:那么我们做的招牌如果是有颜色的背景,安装上去之后就不符合。所以我们可以选择画布透明,到时候制作出来的招牌比较美观。21教育名师原创作品师:还有另外一种办法修改画布大小吗?师:老师给大家带来一个帮手,微视频,如何调整画布大小。播放微视频。师:看完视频之后有没有同学愿意上来演示一遍?勇敢的你在哪里?师:编辑——画布大小——设置宽度360像素高度80像素。出现什么问题?生师:对,把保持外表比率的打勾去掉,我们就能够自行输入数值,不受比率的约束。注意:在改变宽度高度大小时,如果删除原来的数值,就会出现报错提示。用我们的数值去替换原来的数值,就可以了!2-1-c-n-j-y接下来,请同学们阅读任务一。(切换回ppt)1、在UGA软件中选择“文件”—“新建”,打开新建对话框。2、在画布尺寸项中设置宽度为360像素,高度为80像素,画布选择完全透明,单击确定。3、输入店牌文字。提示:如果文本不会输入的同学,请在小帮手文件夹下观看微视频《创建文本》。或者同桌相互帮忙,但是讨论声音一定要轻一点。【来源:21cnj*y.co*m】师:请同学们开始。第二步:添加文字内容师:3,2,1,统计一下,还有几位同学没有添加文本成功?那么老师请一位同学上来演示怎么添加文本。师:对,选择工具栏中的文本工具,在画布上左键点击,出现文本条目框,在窗口里输入店牌文字,点击确定。师:出现了什么问题?生:我要修改这个文本内容,怎么修改?师:选择工具栏中的选取工具——选择文本对象——双击文本对象——编辑文本——重新出现文本条目框(选取工具——双击文本有颜色的部位——编辑文本——重新出现文本条目框)。【出处:21教育名师】注意:当我们要对字形、字号、字体颜色进行修改时,要先选中文本内容,调整好之后,选择预览,当作品达到我们的想要的状态,再点击确定。师:请同学们花3分钟时间再对自己的文本进行修改,美化文本。三、讲授新课内容二第一步:相同帧师:我们来观察以下2个动画,说一说动画的运动轨迹。生观察动画生:第一个从左到右,第二个从各个方向往中间靠拢。师:如何才能实现让文字动起来?师:其实,这是我们UGA软件的优点之一,他具有“连续渐变的功能,能够自动插入中间的过度帧,只要我们拥有了起始帧和结束帧,使用“帧”菜单中的“在…中间”,就能够实现让文字动起来。(板书开始帧(连续渐变)结束帧)师:通过文本的添加,我们已经完成了第一帧的制作,也就是开始帧,那么怎么获得结束帧呐?请同学上来演示生:上台演示师:同学讲解得非常清楚,“帧”菜单——相同帧,那么我们就获得了第二帧。之前,我们观察过的动画,文字是从左到右,那么,我们适当调整第一帧和第二帧里文字的位置。注意:一定要选择文字有颜色的部位进行拖动。师:请同学们阅读“任务二”1、选中第一帧。2、选择帧选项中的相同帧。3、适当调整第一帧和第二帧的文本位置。提示:请参考微视频,或者同桌轻声讨论。第二步:自动渐变师:3.2.1,同学们几乎都完成了相同帧的制作。师:播放动画试一下,动起来了吗?生:动是动了师:存在什么样的问题?生:不连续,卡师:现在有几帧?每一帧的延迟时间是多少?生:2帧,0.1s师:那么中间的帧,我们是要一帧一帧地添加吗?在这个时候,就使用UGA软件的连续渐变功能,自动形成中间过度帧。21cnjy.com师:那怎么办?班级里有没有高手来演示给大家看生:演示师:选中第一帧,“帧”菜单——“在…中间”——输入帧数——帧延迟10——开始预览,满意之后,再停止预览,点击确定。请同学们完成任务三师:完成之后,保存为gif格式,保存位置在桌面或者自己班级文件下。师:有些同学已经完成,请你们当小老师,帮助自己组里未完成任务的同学。师:请小老师们回到自己的座位。各位同学都已经成功地完成了蟹老板的任务。相信蟹老板的店铺,有了你们的设计,能吸引更多的顾客去他家就餐。师:但是,同学们,我们现在制作的这一个动画,只有水平移动,你们还能实现更多不同的移动方法吗?接下来请同学们发挥想象力,设计出更多优秀的作品。加强:尝试利用“添加横幅文字”来制作文字动画师:蟹老板箱趁着新店开张,又想麻烦大家给他设计一句广告语,新店开张,大优惠,欢迎大家一起来品尝!师:同学们可以利用“帧”菜单下的“添加条幅文本”制作GIF文字动画,请同学们自己动手试着制作一下。看看有没有新的发现?21教育网三、评价、反馈与小结师:第一步调整画布第二步:相同帧第三步:连续渐变师:今天我们学习了文字动画,金老师希望你们在以后的班级活动,能利用好UGA软件,为班级的活动增添一份光彩。21·cn·jy·com师:今天我们就上到这里,下课。