1.3.2制作基本动画——形状补间

第5课神奇的变化——制作形状补间动画一、教学目标1．知识与技能（1）学会制作图形变形的形状补间动画。

（2）学会制作文字变形的形状补间动画。

（3）初步掌握“文字”工具的使用。

（4）进一步理解关键帧的意义。

2．过程与方法（1）通过学习“从陶土变青花瓷”的形状补间动画，理解形状补间动画的原理，掌握形状补间动画制作的基本方法，能触类旁通制作其他简单的形状补间动画。

（2）通过学习文字变形的形状补间动画，掌握文字操作的一些基本方法，加深对形状补间动画制作的了解，特别是对象的分离。

3．情感、态度与价值观（1）培养学生善于分析问题、触类旁通、举一反三的自学能力，培养学生动手操作的实践能力。

（2）激发学生的想象和创作欲望，培养学生敢于探索新事物、不断进取的精神，促进学生相互学习合作交流。

二、教材分析1．设计思想本课以“从陶土变青花瓷”这一吸引学生的话题入手，让学生在动手操作、实践的探究过程中，掌握Flash软件最基本动画制作方法之一——形状补间。

教材先通过由陶土到茶壶动画的制作，让学生理解基本原理，掌握基本方法，再让学生自己动手完成陶土的其他变形起到了举一反三的作用；文字的形状补间动画，也是Flash软件中最常用的动画，在学习了图形的形状补间之后，再来学习就变得比较简单了，教材中着重解决了文字形状补间动画制作时要进行两次分离这一难点，让学生真正理解形状补间动画的制作要点。

2．学习内容本节课主要的学习内容包括制作图形和文字的形状补间动画，在学习的过程中使学生理解形状补间动画的原理，学会分离对象的方法，掌握“文字”工具的使用方法。

3．教学重点和难点重点：制作图形变形的形状补间动画和文字的形状补间动画。

难点：形状补间动画原理的理解，触类旁通制作其他动画。

4.课时要求建议安排1课时。

三、教学对象分析通过前面几节课的学习，学生对Flash软件有了一个比较全面的认识，会用绘图工具并能进行元件的创建与修改，会使用外部素材，会制作简单的逐帧动画，了解Flash软件中各种帧的特点，会对帧进行简单操作。

Flash 8 形状补间动画详解及实例形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。

本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。

1．形状补间动画的概念（1）形状补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

（2）构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。

（3）形状补间动画在时间帧面板上的表现形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。

文档来自于网络搜索图3-3-1 形状补间动画在时间帧面板上的标记（4）创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。

文档来自于网络搜索2．认识形状补间动画的属性面板Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。

当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。

文档来自于网络搜索图3-3-2 形状补间动画【属性】面板形状补间动画的【属性】面板上只有二个参数：（1）“简单”选项在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。

心之所向，所向披靡
形状补间动画制作步骤(圆形→五角星)：
1.创建动画文件：
启动flash程序，打开“文件”——“新建”命令；
2.创建动画起始关键画面：
●选择工具栏中的“椭圆工具”，设置笔触颜色为“关”状态、填充颜色为“蓝色”，如图1：
图1
●按住“Shift”键，在工作区上按下鼠标左键并拖出一个正圆形，圆形大小自行确定；
3.创建动画结束关键画面：
●用鼠标右键在时间轴的第40个帧格处单击，在弹开的菜单中选择“插入关键帧”；
●用鼠标左键长按工具栏中的“矩形工具”，在展开的工具菜单中选择“多角星型工具”（如图2），
在工作区上单击一下鼠标左键，选择设置属性面板中的“选项”按钮，在弹出的对话框中进行如下图3设置；
图2
图3
●设置完成后关闭对话框，并用鼠标在工作区（40帧格对应的工作区）上拖出一个五角星；
4.创建动画补间：
●用鼠标右键单击时间轴的第一个关键帧，在弹出的菜单中选择“创建补间动画”，如图4；
●用鼠标右键单击时间轴的第二个关键帧，在弹出的菜单中选择“创建补间动画”，如图5；
图5
●按Ctrl +“回车”组合键预览影片效果。

●选择“文件”—“导出”—“导出影片”菜单命令，为动画影片文件找到保存的路径，为动画影
片文件命名，然后点击“保存”按钮。

勤劳的蜜蜂有糖吃
备注：如果要设置文字的形变，要先将文字转换成形状：对文字进行“修改”→“分离”菜单命令的设置。

1.3形状补间动画一、学习者分析通过前几节课的学习，学生对本章节知识点的掌握程度会表现一定的差异：大部分学生能顺利完成教师提供的基本任务；部分学生除了能完成教师提供的基本任务外，还能完成扩展任务，并自行制作自己的“作品”；还有一部分学生未能在给定的时间内独立完成教师提供的任务。

因此，教师应在课前开发设计Flash在线学习资源网站，使掌握程度不同的学生能根据自己掌握的情况选择相应的学习内容，提高课堂教学效率。

二、教材内容分析1、本节的主要内容及在本章中的地位“形状补间动画”和上节课所学的“动作补间动画”都是Flash制作动画的最基础部分。

这一节课通过“魔术水果”动画的制作，来熟悉绘图工具的使用，学会形状渐变动画的设置方法；并从中总结了动作渐变动画与形状渐变动画之间的区别及适用范围。

2、教学重点、难点：重点：●形状渐变动画的制作方法；●动作补间动画和形状补间动画的不同点；难点：●形状渐变动画的条件；●动作补间动画和形状补间动画的不同点；3、课时安排：1课时三、教学目标1、知识与技能（1）进一步掌握绘图工具的使用方法；（2）学会形状渐变动画的制作方法；进一步掌握补间动画的设置方法；（3）了解形状渐变动画的适用条件；（4）了解动作补间动画和形状补间动画的不同点；2、过程与方法（1）通过简单几何图形变化的渐变动画操作的掌握，培养学生自学能力和探索创新能力；（2）通过完整的作品动画创作，培养学生以动画方式呈现信息的能力；（3）通过作品欣赏交流，掌握表达个人观点以及与别人交流思想的技巧；3、情感态度与价值观（1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观；（2）通过完整的作品动画创作，激发学生学习信息技术的兴趣；四、教学理念和方法1、开展以教师为主导，学生为主体的自主探究学习模式。

本节课学习内容主要是Flash动画中形状渐变动画这一渐变动画类型的设置方法。

由于学生已经通过上一节课的动作渐变动画掌握了渐变动画的原理和方法。

第5课神秘的变化——制作形状补间动画教学设计1教学目标1. 知识与技能(1) 了解形状补间动画的原理。

(2) 学会制作形状补间动画。

(3) 初步掌握“文字”工具的使用。

(4) 进一步理解关键帧的意义。

2. 过程与方法(1) 通过学习“孙悟空七十二变”的形状补间动画,理解形状补间动画的原理,掌握形状补间动画制作的基本方法,能触类旁通制作其它简单的形状补间动画。

(2) 通过学习文字变形的形状补间动画,掌握文字操作的一些基本方法,加深对形状补间动画制作的了解,特别是对象的分离。

(3) 通过自主练习和创作,进一步加深对形状补间动画制作的了解与掌握。

3. 情感态度价值观(1) 培养同伴协作互助,寻求解决问题的方法,形成合作探究的学习氛围。

(2) 培养学生的逻辑思维能力,在引导学生完成任务的过程中,培养学生善于分析问题、触类旁通、举一反三的自学能力,培养学生动手操作的实践能力。

(3) 通过学生动手操作,体验成功的喜悦,激发学生的学习热情。

2学情分析本节课的授课对象是六年级的学生,该学段的学生具备了一定的信息素养,掌握了信息技术的基本知识和操作技能,并且乐于主动尝试、动手探索,喜欢挑战。

学生较为反感老师的说教,更多的愿意自己去思索、发现以及动手创作,因此在教学过程中尽量简化老师讲授的部分,更多的是引导学生自主探究,共同学习,将时间更多的留给学生去探索。

在探究学习任务上,尽量发挥部分基本功好的学生的帮带作用,开展合作学习,使全体学生能够通过互助或自主探索获取新知,充分照料到每个学生,让学生体会到学习的乐趣。

在此之前,学生已经学习并掌握了Flash的基础知识,有了相应的Flash动画制作的知识与技能。

本节课通过设置形状补间动画,自动产生变形效果,让学生进一步领略Flash自动生成动画的神秘功能,体验Flash动画特殊的表现魅力,形成对Flash动画的热爱,激发学习和创作Flash动画作品的兴趣。

在此基础上,了解Flash形状补间动画的更多用途,学会设计和制作相应的Flash作品,从而进一步激发学生对信息技术课的兴趣以及Flash动画作品制作的热爱。

神奇的魔法—形状补间动画（教学设计）一、教学目标1.了解形状补间动画的定义和原理；2.掌握使用形状工具创建并对图形进行形状补间动画的基本方法；3.学习控制和编辑形状补间动画的关键帧与其属性。

二、教学重难点1.掌握形状工具的基本使用方法；2.熟悉形状补间动画的属性和关键帧的编辑方式。

三、教学内容3.1 形状补间动画的定义和原理形状补间动画是指通过对形状进行关键帧设置，让形状在动画过程中逐渐变换为目标形状，以达到动画效果的一种动画技术。

3.2 形状补间动画的基本操作3.2.1 创建和编辑形状1.点击工具栏中的形状工具（可通过快捷键M进行选择）；2.在画布上绘制形状；3.对形状进行编辑（可通过快捷键A进行选择）。

3.2.2 形状补间动画属性的设置1.选中目标形状；2.点击“形状补间动画”选项卡；3.点击“添加动画”按钮；4.设置关键帧；5.设置关键帧属性（如位置、大小、旋转等）。

3.2.3 关键帧的编辑及其属性1.控制面板中选中需要编辑的关键帧；2.修改关键帧属性（如位置、大小、旋转等）。

四、教学过程4.1 导入1.激发学生的学习兴趣：将魔术师变出各种形状，学生猜测并介绍出魔术师所用的魔法；2.引导学生思考：如何让一张图像动起来？（通过动画）；3.引入形状补间动画的概念，并展示案例。

4.2 详细操作演示1.使用形状工具创建简单的形状；2.将其转换为目标形状；3.设置关键帧并控制属性变化；4.演示多个关键帧的形状补间动画。

4.3 学生操作练习1.学生进行形状补间动画的制作练习，并分享自己的动画效果；2.辅导学生解决制作过程中的问题；3.教师及时检查学生的作品，提供指导。

五、教学评价1.提供学生完成形状补间动画的自主学习机会；2.鼓励学生精心制作动画，展现个人才艺；3.课后检查并点评学生成果；4.对学生综合实践活动成果及过程进行综合评价。

六、教学总结通过本次简单的形状补间动画教学设计，让学生初步了解形状补间动画的知识和制作方法，并在实践中熟练运用。

形状补间动画制作流程及要点一、引言形状补间动画是一种常用于动画制作中的技术，通过在连续的关键帧之间插入形状变化，实现对象的平滑过渡，达到动态的效果。

本文将详细介绍形状补间动画的制作流程及要点，以帮助读者更好地掌握这一技术。

二、制作流程1. 规划动画效果在开始制作形状补间动画之前，首先需要明确动画的整体效果和要表达的意图。

这包括选择合适的形状变化、确定关键帧的数量和位置等。

2. 创建对象并设置关键帧在动画制作软件中创建对象，并为其设置关键帧。

关键帧是动画中的重要帧，定义了对象在不同时间点上的位置、形状等属性。

3. 插入形状变化通过在关键帧之间插入形状变化，实现对象的平滑过渡。

可以使用平移、缩放、旋转等操作来改变对象的形状。

4. 调整时间曲线为了使形状补间动画更加自然流畅，可以调整关键帧之间的时间曲线。

时间曲线决定了对象在不同时间点上的运动速度和变化程度。

5. 添加辅助效果在形状补间动画中，可以添加一些辅助效果来增强视觉效果，如颜色渐变、阴影等。

这些效果可以通过调整对象的属性或添加特殊的效果层来实现。

6. 调整动画参数根据需要，可以调整动画的播放速度、循环模式和重复次数等参数，以达到理想的效果。

7. 预览和导出动画在制作完成后，可以通过预览功能来检查动画效果。

如果满意，可以将动画导出为所需的格式，如视频或动画文件。

三、制作要点1. 控制关键帧的数量关键帧的数量对于形状补间动画的效果起着重要的作用。

过少的关键帧可能导致动画过于生硬，而过多的关键帧则会增加制作的难度和复杂度。

因此，需要根据实际需求合理地控制关键帧的数量。

2. 平滑过渡关键帧之间的形状变化形状补间动画的核心是在关键帧之间实现对象形状的平滑过渡。

在插入形状变化时，应该注意保持平滑的过渡效果，避免出现形状突变或变形不自然的情况。

3. 注意时间曲线的调整时间曲线的调整对于形状补间动画的流畅度和自然度至关重要。

可以通过缓入缓出等方式调整时间曲线，使得动画的速度和变化程度更加符合预期。

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

下面分别进行讲解。

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

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

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

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

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

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

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

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

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

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

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

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

创建形状补间动画教学目标：一、知识与技能：1、理解形状补间动画的概念，掌握其制作方法；2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；二、过程与方法：1、通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法；2、通过利用所学知识制作FLASH动画，提高学生综合应用能力。

三、情感态度与价值观：1、培养学生的动手能力、想象力、创造力、审美能力及互助精神。

教学重点：1、形状补间动画的制作方法；2、掌握位图矢量化方法。

教学难点：1、过渡帧与关键帧，如何设置补间动画的关键帧；2、形状补间动画的制作方法；3、了解图片矢量化的原因。

教学方法：引导法、演示法、任务驱动法、师生互动教学过程：一、情景导入教师播放几个小动画，直截了当来介绍补间动画，简单分析形状补间动画与动作补间动画的异同。

二、新课讲授形状补间动画的概念:使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。

形状补间动画的特点A、在一个形状补间动画中至少要有两个关键帧,两个关键帧中的图形必须有一些变化，否则制作的动画将没有动的效果。

B、形状补间动画的对象必须是分离的元件、组合、文字需要分离有的对象需要分离多次，如文字绘图工具绘制的图形就是分离的形状补间动画的创建步骤1、在动画开始处创建一个关键帧，并放入需要变形的对象2、在动画结束处创建一个关键帧，并放入变形后的对象3、选择两关键帧之间任何一帧，在属性面板上设置“补间”为“形状”，创建形状补间动画形状补间动画的表现形式形状补间动画头尾必须是关键帧，两关键帧中间被带有一个黑箭头和浅绿背景的中间过渡帧分开如果两关键帧中间的黑箭头变为虚线，代表形状补间动画创建错误（缺少开始或结束关键帧；对象分离或没有彻底分离）形状补间动画参数设置缓动”选项负值时，动画运动的速度从慢到快，朝运动结束的方向加速度补间。

正值时，动画运动的速度从快到慢，朝运动结束的方向减速度补间。

形状补间动画教案一、教学目标1. 让学生了解形状补间动画的概念和作用。

2. 培养学生运用形状补间动画制作简单动画的能力。

3. 引导学生探索形状补间动画的制作方法，提高学生的创新思维和动手能力。

二、教学内容1. 形状补间动画的概念与作用2. 形状补间动画的制作方法3. 形状补间动画的参数设置4. 形状补间动画在实际应用中的案例分析三、教学重点与难点1. 重点：形状补间动画的概念、制作方法和应用2. 难点：形状补间动画的参数设置和创意应用四、教学准备1. 电脑、投影仪等教学设备2. Flash软件3. 教学素材和案例五、教学过程1. 导入：通过展示一些生活中的动画实例，引导学生关注形状补间动画，激发学生的学习兴趣。

2. 讲解：讲解形状补间动画的概念、作用和制作方法，让学生初步了解并掌握基本操作。

3. 示范：教师演示制作一个简单的形状补间动画，让学生跟随操作，体会形状补间动画的制作过程。

4. 练习：学生自主制作形状补间动画，教师巡回指导，解答学生疑问。

5. 展示与评价：学生展示自己的作品，互相评价，教师给予总结性评价和建议。

6. 拓展：引导学生探索形状补间动画的创意应用，激发学生的创新思维。

7. 总结：回顾本节课所学内容，强调形状补间动画的概念、制作方法和应用。

教学反思：在课后，教师应认真反思本节课的教学效果，针对学生的掌握情况，调整教学策略，以提高学生对形状补间动画的掌握程度。

关注学生的创新能力和实践能力的培养，为下一阶段的教学做好充分准备。

六、教学活动活动设计：学生通过小组合作，制作一个形状补间动画的小故事。

每个小组成员负责不同的角色和动画部分，共同完成整个故事的情节设计和动画制作。

活动步骤：1. 小组讨论：每个小组成员构思一个简单的故事情节，包括角色和动画部分。

2. 分角色制作：根据故事情节，每个小组成员使用Flash软件制作自己负责角色的形状补间动画。

3. 整合动画：将每个小组成员制作的动画部分整合到一起，形成一个完整的形状补间动画小故事。