欢迎来到天天文库
浏览记录
ID:54710448
大小:149.50 KB
页数:6页
时间:2020-04-20
《制作形状补间动画.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第二课制作形状补间动画课型:新授一、教学目标1、理解形状补间动画原理; 2、学会制作图形变形动画;3、学会制作文字变形动画。二、教学任务1、制作图形变形动画; 2、制作文字变形动画。三、教学方法 实例演示、讲授法、任务驱动法。四、教学重点、难点形状补间动画原理及其制作。五、教学资源:FlashMX2004及以上版本、多媒体教室、多媒体教学软件系统六、教学过程教学引入学生观看形状补间动画———“导入.swf”,教师提问:“同学们在看动画的过程中,思考如何制作这个动画?”上节课我们已经尝试制作了第一个动画:倒计时动画我们是一帧一帧地绘制的,这是逐帧动画的特点。其实,动画的前后帧之
2、间是有联系的。对于某些动画,可以只设定动作的起始帧和终止帧,中间帧由Flash自动生成,究竟是如何生成的呢?好,这节课就让我们一起来学习P35页----制作形状补间动画。在一个关键帧中绘制一幅画,然后在另一个关键帧中绘制另一幅画,Flash根据二帧的形状自动补充中间过程的帧,这样创建的动画称为“形状补间动画”。(一、)图形的变形(教师和学生同时操练)1、演示实例一:制作一个圆变成正方形的动画。操作步骤:1)新建一个动画文件。选择画椭圆的工具,画圆。如图2-2.1所示。 图2-2.1 用椭圆工具画圆思考:如果要画出一个正规的圆,那么应该怎么画?(按住Shift键再在舞台画圆。)2)单击
3、时间轴的第30帧处,单击鼠标右键,插入空白关键帧。如图2-2.2所示。图2-2.2这时播放头移到第30帧,在第1帧至第30帧之间自动地插入了帧,它们的内容都与第1帧相同,称为“静止帧”。3)单击第30帧(空白关键帧),选择画矩形工具,选择合适的填充色在舞台画出一个长方形(按住Shift键拖拽画出的是正方形)。见图2-2.3。 图2-2.3 第30帧画正方形4)选择第1帧,单击鼠标右键,然后选择【属性】(properties),打开帧的属性面板(见图2-2.4)。选择补间方式为形状(见图2-2.5)。 图2-2.4 打开帧的属性面板 图2-2.5 帧的属性面板这时Flas
4、h根据第1帧和第30帧的内容自动地生成两个关键帧之间的帧(见图2-2.6)。 图2-2.6 形状补间按“Ctrl+Enter”测试。可以观察到圆变正方形的整个过程。在时间轴上,形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头。2、试一试:请参照书本P37制作一个鱼变成螃蟹的动画。(做好的同学也可以自己发挥想象,制作自己喜欢的动物之间的变形。)教师:“刚才同学们在图形之间可以实现形状变化,请同学们思考,我们在文字方面可不可以实现形状之间的变化呢?如果可以,又该怎么做,和我们学的图形变形有什么异同呢?(二、)文字的变形1、演示实例二:将文字“信息技术
5、”变形为“Flash动画”。(教师学生一起操作)操作步骤:1)在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等(图2-2.8)。 图2-2.8文字工具及文字属性面板2)在第20帧处插入一个空白关键帧,输入文字“Flash动画”。调整文字的大小、颜色、字体等(图2-2.9)。图2-2.9在20帧处输入文字3)选择第1关键帧,单击菜单“修改”-〉“分离”,将“信息技术”分离成单独的文字;再次单击菜单“修改”-〉“分离”,将字符分离成图形。如图2-2.10所示。图2-2.10分离文字同样地,将第20关键帧的文字“Flash动画”也分离成图形。注:将文字进行图形变化的时候,
6、需要实现两次的分离。快捷键是“Ctrl+B”4)选择第1关键帧,打开属性面板,设置补间为“形状”。2、试一试:请参照书本P37-39制作一文字动画:从"信息技术"变为“长方形”。1、学生自我评价表:评价项目分值效果分投入程度是否全心投入10分获取信息能力是否迅速准确10分分析信息能力是否准确完整10分实际动手能力任务一至四各占10分,综合应用占20分协作交流能力是否具有互助学习精神10分2、学生作品评价表:评价项目分值效果分文字与背景的颜色搭配是否和谐20分文字在动画中摆放的位置是否合适20分文字部分的内容是否有创意20分动画设置过渡是否自然,有创新20分教师20分(三、)作品展示,
7、师生互评:利用大屏幕投影展示每组推出的优秀作品,组织学生进行评价,教师再适时加以点评。(四、)本课小结:1、检查学生提交的作业、小组长收集该组组员在做动画的过程中遇到的问题提出来,现场解决!质疑:本节课,我们学了些什么?2、本节课主要学习了形状补间动画的制作,制作的要领为:制作好关键帧,为第1个关键帧设置补间为“形状”即可。将文字进行图形变化的时候,需要实现两次的分离。
此文档下载收益归作者所有