当前位置:文档之家› 补间动画及其制作方法

补间动画及其制作方法

补间动画及其制作法补间动画分为动作补间动画和和形状补间动画。

下面分别进行讲解。

一、动作补间动画1、什么是动作补间动画动作补间动画,也叫运动动画。

就是在一个关键帧上放置一个元件,然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等,Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。

动作补间动画(运动动画)只对单一的对象有效,如果想让多个对象同时运动,必须将它们放在不同的层上,分别制作运动动画。

2、创建动作补间动画的法A、在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置一个元件,一帧中只能放一个项目(对象)。

B、在动画要结束的地创建或选择一个关键帧并设置该元件的属性。

C、再单击开始帧,在【属性】面板上单击【补间】旁边的下拉列表,在弹出的菜单中选择【动作】,或单击右键,在弹出的菜单中选择【创建补间动画】,就建立了“动作补间动画3、小结A、构成动作补间动画的元素可以是元件(包括影片剪辑、图形元件、按钮)、文本、位图、矢量组合等等,但不能是形状,只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。

运用动作补间动画,你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性,充分利用动作补间动画这些特性,可以制作出理想的动画效果。

B、用鼠标单击补间动画属性面板中【简易】右边的按钮,弹出拉动滑杆,拖动上面的滑块,可设置参数值,当然也可以直接在文本框中输入具体的数值,设置完后,补间动作动画效果会以下面的设置作出相应的变化。

在-1到-100 的负值之间,动画运动的速度从慢到快,朝运动结束的向加速补间。

在1 到100 的正值之间,动画运动的速度从快到慢,朝运动结束的向减慢补间。

如果在默认情况下,补间帧之间的变化速率是不变的。

二、形状补间动画1、什么是形状补间动画形状补间动画就是在一个关键帧中绘制一个形状,然后在另一个关键帧中更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

它包含“普通形状补间动画”和“精确形状补间动画”。

1) 普通形状补间动画的制作法在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置要开始变形的形状(一般一帧中以一个对象为好),在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的一个形状补间动画就创建完毕。

2) 精确形状补间动画的制作法以制作一个由山的图形变化为山字为例讲解。

具体步骤A、运行Flash CS3,新建Flash 文档,文档属性默认。

B、单击第1帧,手绘一座“山形”,并将其打散。

C、单击第50帧插入一个空白关键帧,然后输入一个“山”字,并将其打散。

并为第1帧到第50帧之间创建形状补间动画。

D、单击第1帧,为“山形”插入所需要的形状提示,然后单击第50帧,为“山”字插入所需要的形状提示。

E、进行影片测试(影片测试快捷键是“Enter+Ctrl”组合键)。

3、小结A、形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性很强。

其使用的元素多为用鼠标或绘图笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”才能创建变形动画。

形状补间动画有很强大的灵活性。

B、在制作精确形状补间动画时,一定要记住将对象打散,才能成功创建精确形状变化动画。

变形提示可根据实际需要进行添加。

《形状补间动画》教学设计一、教学目标:1、认知目标:熟练掌握绘图工具和关键帧的使用;分析实例理解形状补间动画的原理,熟练掌握创建形状补间动画的制作法。

2、能力目标:在创作过程中培养学生的创新能力和动手操作的实践能力,培养学生触类旁通、举一反三的自学能力,自主设计形状渐变动画的例子。

3、情感目标:引导学生发挥想象,激发学生的创作欲望;培养学生敢于探索新事物,不断进取精神;促进学生相互学习合作交流。

二、教学重难点:形状补间动画的制作法。

三、教学对象分析:通过前几节课的学习,学生已经掌握了利用工具绘画简单图形的技巧;初步掌握了制作动作补间动画的制作法。

这一节课继续练习运用绘图工具绘制简单图形,以便学生将想象中的事物用简单线条绘画出来。

形状补间动画是入门的基本课程之一,要选好例子让学生模仿跟进.四、教学准备:Flash MX,多媒体教学平台,演示动画,教学视频。

五、教学过程:(一)导课(2分钟)在很多电影的特技里,经常看到类似这样的形状变形:一只小鸟变成一只蝴蝶,一条鱼变成一个乌龟等等,具体这个“变”是怎样做出来的呢,FLASH就有形状变形的本事,我们一起来看一下。

(展示动画:“小鸟”变“蝴蝶”)这个动画好看吗?学生:好看,你们想学吗?学生:想学,怎样做出来的?便是我们这节课要学习的容----《形状补间动画》(出示课题)。

通过本节课的学习,我们可以认识简单的形状变形是怎样做出来的,为今后深入学习动画制作做铺垫。

(二)新课(总计26分钟)先展示教学目标及教学重点、难点,然后讲授新课。

1、形状补间动画,即形状渐变动画,它的原理:某一个关键帧中的图形形状逐步过渡到另外一个关键帧中的图形形状。

所谓渐变就是有一个逐渐变化的过程。

(演示动画“热带鱼”变“乌龟”,加深理解)(2分钟)大家再看这个动画是不是形状补间动画(演示动画“老鼠”变“小鸟”)问:这属于形状补间动画吗?学生:不是,因为动画里没有逐渐变化的过程。

如创建这个动画呢?我们以“热带鱼”变“乌龟”为例,学习这个动画制作法。

2、创建图形形状渐变动画-----“热带鱼”变“乌龟”(10分钟)操作法和步骤如下:(1) 选择【开始】→【程序】命令,启动Flash MX。

(2)在第一个关键帧处,选择线条工具,绘制一条“热带鱼”的大体形状。

并将填充色设置为彩色;选择椭圆工具在鱼的头部绘制一个正圆,填充黑色,完成热带鱼的绘制。

(3) 在时间轴窗口的第40帧处单击鼠标右键,从弹出的快捷菜单中选择插入【关键帧】命令。

(任动画都离不开关键帧)(4) 选中第40帧,利用箭头选取工具选择全部图形,按【Del】键删除图形。

接着在第40帧处,利用同样的法用椭圆工具和画笔工具在舞台中绘制乌龟的身子头部、眼睛、四肢和尾巴,(5)选择第1帧到第40帧的任意一个帧,右击鼠标打开【帧】面板,在【没有】下拉列表中选择【图形】。

(6)经过上述步骤的操作后,形状渐变动画绘制完成。

选择【控制】→【测试影片】命令或按Ctrl+Enter组合键,观看测试效果,即可观察到该动画将从一条热带鱼逐渐变化成一只乌龟的过程,最后要保存文件。

指导学生做练习,教师巡堂,反馈,个别辅导总结学生作品,演示好的创作,发现问题及时纠正。

可能出现的问题一:某学生在画热带鱼,填充鱼身颜色的时候,用颜色填充工具怎么都填充不了。

原因分析、指导:使用放大镜工具调整视图大小,发现线条之间不是无缝结合,造成填充不了。

解决法:填充工具可以有多种填充可能出现的问题二:某学生的变形动画变形不了,创建动画失败。

原因分析、指导:与上节课的容混淆,不清楚形状补间动画和动作补间动画的区别。

前面我们利用绘图工具绘制简单图形并做成动画,那么文字能否做成动画?3、创作文本形状渐变动画----“美丽的大新”转变成“大新欢迎您”(6分钟)演示动画“美丽的大新”逐渐变成“大新欢迎您”。

先让学生自己动手操作文字与文字之间的形状渐变动画。

发现做出来的不是渐变动画,教师要说明(提示:形状补间动画只能对图形对象应用,对文字和图片必须要经过打散处理使之转变为离散图形后才能制作形状渐变动画。

)如创建这个动画呢?操作具体步骤如下:(1)、在第1帧处输入文字“美丽的大新”,选中文字,选择【修改】→【分解组件】,(或按Ctrl+B)。

强调分解组件的作用就是将文字打散,使之转变为离散图形。

(2)、在第20帧处插入空白关键帧,输入:“大新欢迎您”用相同的法将其打散。

(3)、单击选择第1帧到第40帧的任意一帧,鼠标右击打开【帧】面板,在【没有】下拉列表中选择【图形】。

(4)、单击【控制】→【测试影片】命令,观看测试效果,并保存文件。

通过以上学习,大家已经掌握了图形和文字形状渐变动画的制作法,我们电脑里有很多图片,能不能把它做成变幻的图片?大家试一试4、创建图片形状渐变动画----变换的图片(6分钟)图片可以从【文件】→【导入】,也可以打开【库】面板,拖曳符号到舞台上,让学生自己操作,教师巡堂,反馈,个别辅导。

总结学生作品,演示好的创作,发现问题及时纠正。

(注意:将老鼠实体打散时,操作四次才能完成。

【文件】→【导入】的图片只须一次就可将实体打散)5、复杂图形的形状渐变动画(2分钟)教师以学生刚才创作的“老鼠”变“小鸟”讲解复杂图形的形状渐变动画:通过增加形变控制点来控制形变过程。

依靠这些控制点可以将初始形状与终止形状的各个部分进行对应。

(1)选中第1帧,选择【修改】→【转换】→【添加形状提示】,出现变形关键点的红色标记@,(2)在@处鼠标右击选择添加提示选项,再增加两个关键点,拖动其到其它位置。

(3)选中第20帧,可以看到在小鸟的图形上部,也有一个变形关键点@,而另外两个关键点都在它的下面,将它们分别拖到小鸟的两个不同位置。

(4)单击【控制】→【测试影片】,测试效果。

(三)小结(1分钟)(师生互动完成小结)本节课讲述了形状补间动画的原理,要求同学们能熟练掌握创建形状补间动画的法。

并能熟练利用绘图工具绘制出美观的动画(四)巩固(11分钟)演示音乐动画歌曲“让我们荡起双浆”任务:运用本节课所学知识任意选题创作形状补间效果的动画。

1、图形与图形之间的动画。

2、文字与文字之间的动画。

制作要求:选题恰当,色彩搭配合理,动画效果美观。

学生作品完成后,教师组织学生互评,自评,相互学习观摩并总结操作过程。

《形状补间动画》教学反思形状补间动画是入门的基本课程之一,要选好例子让学生模仿跟进,本课程中的例子“热带鱼”变“乌龟”,既贴近生活,又能启发学生的创作灵感,学生会感兴趣去做练习。

讲新课前,我先演示了几幅事先做好FLASH动画例子,以激发学生的学习兴趣和创作灵感,让学生模仿跟进,然后加入到积极的思考当中,这样才能真正将知识做到活学活用。

本节课我将一些简单易做的动画让学生通过自己所想的办法去实现它,让他们通过思考后学会做这类动画的法,而不是让他们只记操作步骤。

“热带鱼”变“乌龟”是flash动画制作形状渐变过程中上课时详细讲的例子,这个例子主要是让学生理解图形渐变过程中的形状渐变的制作法,这个题目从一定程度上激发了学生学习制作的兴趣。

同时在学生模仿练习制作过程中还着重体现了同学之间的合作精神,培养了学生的互助协作的能力。

“美丽的大新“转化为“大新欢迎您””的设计,先让学生用上个例子的做法看能否做出来,为什么不能实现渐变过程?让学生带着疑问、带着浓厚的兴趣去讨论、尝试解决。

相关主题