《数字设计与动画制作》课件-第4课 补间形状动画

第4课补间形状动画任务1片头动画

活动1创建标题活动2数字出场动画第4课补间形状动画课件在Animate中除了可以制作逐帧动画外，还可以制作各种带补间的动画，如补间形状动画、传统补间动画和补间动画等，它们帮助设计者在动画中方便快速的制作各种动画效果。本案例是利用补间形状动画技术制作的一个教幼儿认识数字的动画课件：课本上1、2、3三个数字排队出现，1变成在书本上书写的铅笔，2变成在水池里游动的鸭子，3变成飞舞的蝴蝶，教学龄前小朋友们认识数字1、2、3。1案例设计理解补间形状动画原理，了解补间形状的特点，熟练掌握位移、大小变化、颜色变化、旋转补间形状创建方法，使用形状提示控制形状变化的方法。2

学习目标3

策划导图在Animate中如果想实现颜色、位置、大小、形状等的变化效果，仅用逐帧动画很难实现，这时就需要制作带有补间的动画。带补间的动画实际上就是由计算机自动生成动画。我们只需要确定运动对象在舞台上的起始位置和结束位置，对象运动过程中所有过渡帧都由计算机自动生成，这种方式可以极大的提高动画制作的效率，该技术也被视为动画制作中的一次革命。带补间的动画形式在Animate中分为两大类：一类用于形状的动画——补间形状动画；另一类是用于元件的动画——传统补间动画和补间动画。4

预备知识补间形状动画在时间轴一个关键帧上绘制一个形状，然后在另外一个关键帧上更改该形状或绘制另外一个形状等，此时创建补间形状后，Animate会为这两帧之间的帧补齐中间形状，创建出从一个形状变形为另一个形状的动画效果。补间形状可以实现两个形状之间的位置、大小、颜色、形状的各种过渡效果。各种形式的补间形状动画4

预备知识学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等任务2过渡动画

活动1翻页动画第4课补间形状动画课件（1）创建补间形状动画步骤1：在图层的特定帧处绘制一个形状，作为起始关键帧。5

知识链接步骤2：选择同一图层的另外一帧处，添加结束关键帧（关键帧或空白关键帧）。5

知识链接步骤3：在结束关键帧处修改之前的形状或重新添加新的形状。5

知识链接步骤4：在起始和结束关键帧之间的任意一帧处单击鼠标右键，在弹出菜单中选择“创建补间形状”命令（或选择时间轴控件中的“创建补间形状”命令），两个关键帧之间会出现浅橙色背景并出现一条从动画起始帧指向结束帧的箭头，这就表示补间形状动画已经创建成功了。5

知识链接学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等任务3数字变形

活动1数字1变形动画活动2数字2变形动画活动3数字3变形动画第4课补间形状动画课件（2）使用形状提示补间形状动画制作起来很简单，但是中间的变化是由计算机控制的，有时中间的变化随意混乱，并非制作者预期的变化过程，尤其是在起始帧与结束帧的形状差异较大时更为明显。如果想在变形过程中控制变形的形状，就需要用到“形状提示”的功能。使用形状提示，可以控制起始形状和结束形状中相对应的点，从而改善补间形状动画混乱的变形，对其进行有效的控制。5

知识链接形状提示的作用添加了形状提示的不同变形状态未添加形状提示的变形5

知识链接添加删除形状提示的方法步骤1：若要添加形状提示，在补间形状动画的初始帧上，选中舞台中的形状，单击“修改→形状→增加形状提示”命令。此时，在补间形状第1帧的形状实例上会出现一个带字母的红色圆圈。在结束帧形状中也会同时出现一个同字母的提示圆圈。5

知识链接步骤2：用鼠标拖动提示圆圈，放置到适当位置。提示圆圈最好放置在形状边线或者交角处。在放置适当后，初始帧上的提示圆圈由红色变为黄色，结束帧上的提示圆圈变为绿色，放置不成功或者不在一条曲线上时，提示圆圈颜色不变。5

知识链接添加形状提示的技巧形状提示点必须在添加了形状补间之后才可以添加。可以连续添加多个形状提示点，并且最多可以添加26个。添加形状提示点时务必前后形状对应添加，否则就达不到平滑过渡的效果。在添加形状提示过程中，一旦单击了其他位置，导致提示点暂时不可见时，可再添加一个形状提示点，等原来的提示点显示后再删除多余提示点。5

知识链接（3）补间形状动画制作技巧构成补间形状动画的元素可以使用形状绘制工具来绘制形状，图形元件、按钮、文字、对象、组等不能被应用补间形状动画。若要对组、实例或位图图像应用形状补间，必须先单击“修改→分离”命令（或按快捷键Ctrl+B）分离成形状；若要对文本应用形状补间，需将文本分离两次，从而将文本转换为形状。5

知识链接知识获取知识要点理解补间形状的原理掌握位移、大小变化、颜色变化、旋转补间形状创建方法学会使用形状提示控制形状变化的方法熟记形状补间动画制作技巧技能掌握实训案例技能目标

任务1场景布置

æ箭头平移

æ背景放大任务2文字动画

æ文字颜色变化任务3五角星动画

æ五角星放大

æ五角星变形网站广告6

学习检测学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略