第4章-补间形状动画ppt课件.ppt

第第4章章补间形状动画补间形状动画教师：杨萌教师：杨萌QQ：229781818Email：xian_ 1.2Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 4.1 4.1 补间形状动画的基本概念补间形状动画的基本概念 4.2 4.2 补间形状动画的制作方法补间形状动画的制作方法 4.34.3 补间形状动画补间形状动画实例实例本章内容本章内容第第4章章 补间形状动画补间形状动画 1.3Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 补补补补间间间间形形形形状状状状动动动动画画画画用用用用于于于于创创创创建建建建形形形形状状状状变变变变化化化化的的的的动动动动画画画画效效效效果果果果，使使使使一一一一个个个个形形形形状状状状变变变变成成成成另另另另一一一一个个个个形形形形状状状状，同同同同时时时时也也也也可可可可以以以以设设设设置置置置图图图图形形形形形状位置、大小、颜色的变化。形状位置、大小、颜色的变化。形状位置、大小、颜色的变化。形状位置、大小、颜色的变化。只只只只要要要要创创创创建建建建出出出出两两两两个个个个关关关关键键键键帧帧帧帧中中中中的的的的对对对对象象象象，其其其其他他他他过过过过渡渡渡渡帧帧帧帧便可以通过便可以通过便可以通过便可以通过FlashFlashFlashFlash自己制作出来。自己制作出来。自己制作出来。自己制作出来。什么是补间形状动画什么是补间形状动画什么是补间形状动画什么是补间形状动画4.1 补间形状动画的基本概念补间形状动画的基本概念 1.4Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统制作条件制作条件制作条件制作条件4.1 补间形状动画的基本概念补间形状动画的基本概念制作形状补间动画需要具备以下制作形状补间动画需要具备以下3 3个条件：个条件：1.1.在一个形状补间动画中在一个形状补间动画中至少有两个关键帧至少有两个关键帧。2.2.这这两两个个关关键键帧帧中中的的对对象象必必须须是是可可编编辑辑图图形形，如如果果是是其其他他类类型的对象，则必须将其转换为可编辑的图形。型的对象，则必须将其转换为可编辑的图形。3.3.这这两个关键帧中的图形必须有一些变化两个关键帧中的图形必须有一些变化，否则制作的动画，否则制作的动画将没有动的效果。将没有动的效果。1.5Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 指直接用绘图工具绘制出来的几何形状之间的变形动画。指直接用绘图工具绘制出来的几何形状之间的变形动画。指直接用绘图工具绘制出来的几何形状之间的变形动画。指直接用绘图工具绘制出来的几何形状之间的变形动画。补间形状动画的分类补间形状动画的分类补间形状动画的分类补间形状动画的分类4.1 补间形状动画的基本概念补间形状动画的基本概念【几何形变】【几何形变】符符号号实实例例创创建建补补间间形形状状动动画画，前前提提是是将将文文字字或或符符号号实实例例选择选择“修改修改”“”“打散打散”命令，打散后分离成的形状。命令，打散后分离成的形状。【文字形变】【文字形变】1.6Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统【补间【补间形状动画帧】形状动画帧】创建成功的的补间形状动画在两个关键帧之间创建成功的的补间形状动画在两个关键帧之间创建成功的的补间形状动画在两个关键帧之间创建成功的的补间形状动画在两个关键帧之间绘制一个浅绿色背景填充的实线箭头。绘制一个浅绿色背景填充的实线箭头。绘制一个浅绿色背景填充的实线箭头。绘制一个浅绿色背景填充的实线箭头。成功创建的形状补间帧成功创建的形状补间帧成功创建的形状补间帧成功创建的形状补间帧补间形状帧补间形状帧补间形状帧补间形状帧4.1 补间形状动画的基本概念补间形状动画的基本概念 1.7Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统【未完成或中断的渐变】未完成或中断的渐变】如果补间动画出现错误，则本应出现的实线箭如果补间动画出现错误，则本应出现的实线箭如果补间动画出现错误，则本应出现的实线箭如果补间动画出现错误，则本应出现的实线箭头符号显示为虚线。头符号显示为虚线。头符号显示为虚线。头符号显示为虚线。未成功创建的形状补间帧未成功创建的形状补间帧未成功创建的形状补间帧未成功创建的形状补间帧4.1 补间形状动画的基本概念补间形状动画的基本概念未完成或中断的渐变未完成或中断的渐变未完成或中断的渐变未完成或中断的渐变 1.8Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法 在制作形变动画时，如何要控制较为复杂的形变，则会出在制作形变动画时，如何要控制较为复杂的形变，则会出在制作形变动画时，如何要控制较为复杂的形变，则会出在制作形变动画时，如何要控制较为复杂的形变，则会出现变化过程杂乱无章的情况。现变化过程杂乱无章的情况。现变化过程杂乱无章的情况。现变化过程杂乱无章的情况。这时，可以通过这时，可以通过这时，可以通过这时，可以通过添加形状提示，控制形状变化。添加形状提示，控制形状变化。添加形状提示，控制形状变化。添加形状提示，控制形状变化。形状提示是一个有颜色的实心小圆，上面标志着小写的英形状提示是一个有颜色的实心小圆，上面标志着小写的英形状提示是一个有颜色的实心小圆，上面标志着小写的英形状提示是一个有颜色的实心小圆，上面标志着小写的英文字母，用于识别起始形状和结束形状中相对应的点。对于每文字母，用于识别起始形状和结束形状中相对应的点。对于每文字母，用于识别起始形状和结束形状中相对应的点。对于每文字母，用于识别起始形状和结束形状中相对应的点。对于每一个形变过程，可以为它添加一个形变过程，可以为它添加一个形变过程，可以为它添加一个形变过程，可以为它添加26262626个形状提示，从个形状提示，从个形状提示，从个形状提示，从a a a a标记到标记到标记到标记到z z z z标记，标记，标记，标记，实际上只用几个就够了。实际上只用几个就够了。实际上只用几个就够了。实际上只用几个就够了。在制作形状补间动画时，如果使用形状提示在开始和结束在制作形状补间动画时，如果使用形状提示在开始和结束在制作形状补间动画时，如果使用形状提示在开始和结束在制作形状补间动画时，如果使用形状提示在开始和结束形状中选择公共点，这些公共点在过渡形状中保持不变，这样形状中选择公共点，这些公共点在过渡形状中保持不变，这样形状中选择公共点，这些公共点在过渡形状中保持不变，这样形状中选择公共点，这些公共点在过渡形状中保持不变，这样就可以较为精确地控制整个形变过程。就可以较为精确地控制整个形变过程。就可以较为精确地控制整个形变过程。就可以较为精确地控制整个形变过程。使用形状提示控制形状变化使用形状提示控制形状变化使用形状提示控制形状变化使用形状提示控制形状变化 1.9Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统1 1 1 1、补补补补间间间间形形形形状状状状动动动动画画画画只只只只能能能能作作作作用用用用于于于于形形形形状状状状（要要要要对对对对组组组组合合合合、实实实实例例例例、位位位位图图图图或或或或文文文文本本本本对对对对象象象象应应应应用用用用形形形形状状状状补补补补间间间间动动动动画画画画，必必必必须须须须先先先先将将将将这这这这些些些些对对对对象象象象分分分分离离离离为形状）为形状）为形状）为形状）2 2 2 2、形状间的渐变只能在同一图层、形状间的渐变只能在同一图层、形状间的渐变只能在同一图层、形状间的渐变只能在同一图层3 3 3 3、在在在在复复复复杂杂杂杂的的的的形形形形状状状状补补补补间间间间动动动动画画画画中中中中，最最最最好好好好创创创创建建建建中中中中间间间间形形形形状状状状然然然然后后后后再再再再进进进进行补间，而不要只定义起始和结束的形状。行补间，而不要只定义起始和结束的形状。行补间，而不要只定义起始和结束的形状。行补间，而不要只定义起始和结束的形状。4 4 4 4、在起始和结束的形状中，形状提示的顺序必须是一致的。、在起始和结束的形状中，形状提示的顺序必须是一致的。、在起始和结束的形状中，形状提示的顺序必须是一致的。、在起始和结束的形状中，形状提示的顺序必须是一致的。注意事项注意事项注意事项注意事项4.1 补间形状动画的基本概念补间形状动画的基本概念 1.10Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法 当满足了制作条件后，就可以制作补间形状动画。当满足了制作条件后，就可以制作补间形状动画。当满足了制作条件后，就可以制作补间形状动画。当满足了制作条件后，就可以制作补间形状动画。可以通过右键菜单，也可以通过菜单命令，两者相比，前可以通过右键菜单，也可以通过菜单命令，两者相比，前可以通过右键菜单，也可以通过菜单命令，两者相比，前可以通过右键菜单，也可以通过菜单命令，两者相比，前者更方便快捷，比较常用。者更方便快捷，比较常用。者更方便快捷，比较常用。者更方便快捷，比较常用。1.1.1.1.通过右键菜单创建补间形状动画通过右键菜单创建补间形状动画通过右键菜单创建补间形状动画通过右键菜单创建补间形状动画l l选择同一图层的两个关键帧之间的任意一帧，单击鼠标右选择同一图层的两个关键帧之间的任意一帧，单击鼠标右选择同一图层的两个关键帧之间的任意一帧，单击鼠标右选择同一图层的两个关键帧之间的任意一帧，单击鼠标右键，在弹出的菜单中选择键，在弹出的菜单中选择键，在弹出的菜单中选择键，在弹出的菜单中选择【创建补间形状创建补间形状创建补间形状创建补间形状】命令。命令。命令。命令。2.2.2.2.通过菜单创建补间形状动画通过菜单创建补间形状动画通过菜单创建补间形状动画通过菜单创建补间形状动画l l选择同一图层的两个关键帧之间的任意一帧，单击菜单选择同一图层的两个关键帧之间的任意一帧，单击菜单选择同一图层的两个关键帧之间的任意一帧，单击菜单选择同一图层的两个关键帧之间的任意一帧，单击菜单【插入插入插入插入】|【补间形状补间形状补间形状补间形状】命令。命令。命令。命令。创建补间形状动画创建补间形状动画创建补间形状动画创建补间形状动画 1.11Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法 如果想删除创建的补间形状动画，可以通过右键菜单，也如果想删除创建的补间形状动画，可以通过右键菜单，也如果想删除创建的补间形状动画，可以通过右键菜单，也如果想删除创建的补间形状动画，可以通过右键菜单，也可以通过菜单命令，两者相比，前者更方便快捷，比较常用。可以通过菜单命令，两者相比，前者更方便快捷，比较常用。可以通过菜单命令，两者相比，前者更方便快捷，比较常用。可以通过菜单命令，两者相比，前者更方便快捷，比较常用。1.1.1.1.通过右键菜单删除补间形状动画通过右键菜单删除补间形状动画通过右键菜单删除补间形状动画通过右键菜单删除补间形状动画l l选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单击鼠标右键，在弹出的菜单中选择击鼠标右键，在弹出的菜单中选择击鼠标右键，在弹出的菜单中选择击鼠标右键，在弹出的菜单中选择【删除补间删除补间删除补间删除补间】命令。命令。命令。命令。2.2.2.2.通过菜单命令删除补间形状动画通过菜单命令删除补间形状动画通过菜单命令删除补间形状动画通过菜单命令删除补间形状动画l l选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单选择已经创建补间形状的两个关键帧之间的任意一帧，单击菜单击菜单击菜单击菜单【插入插入插入插入】|【删除补间删除补间删除补间删除补间】命令。命令。命令。命令。删除补间形状动画删除补间形状动画删除补间形状动画删除补间形状动画 1.12Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法 补补补补间间间间形形形形状状状状动动动动画画画画的的的的属属属属性性性性通通通通过过过过【属属属属性性性性】面面面面板板板板的的的的【补补补补间间间间】选选选选项项项项进进进进行行行行设置。设置。设置。设置。首首首首先先先先选选选选择择择择已已已已经经经经创创创创建建建建补补补补间间间间形形形形状状状状动动动动画画画画两两两两个个个个关关关关键键键键帧帧帧帧之之之之间间间间的的的的任任任任意意意意一一一一帧帧帧帧，然后展开【属性】面板。然后展开【属性】面板。然后展开【属性】面板。然后展开【属性】面板。动画属性设置动画属性设置动画属性设置动画属性设置 1.13Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法（1 1 1 1）缓动）缓动）缓动）缓动：默认情况下，过渡帧之间的变化速率是不变的，：默认情况下，过渡帧之间的变化速率是不变的，：默认情况下，过渡帧之间的变化速率是不变的，：默认情况下，过渡帧之间的变化速率是不变的，可以调整变化速率，创建更为自然地由慢到快的加速或先快后可以调整变化速率，创建更为自然地由慢到快的加速或先快后可以调整变化速率，创建更为自然地由慢到快的加速或先快后可以调整变化速率，创建更为自然地由慢到快的加速或先快后慢的减速效果慢的减速效果慢的减速效果慢的减速效果【取值】【取值】【取值】【取值】0 0 0 0 ：默认，匀速默认，匀速默认，匀速默认，匀速 -100-0 -100-0 -100-0 -100-0:加速加速加速加速 0-1000-1000-1000-100 ：减速：减速：减速：减速（2 2 2 2）混合）混合）混合）混合：共有两种选项：共有两种选项：共有两种选项：共有两种选项“分布式分布式分布式分布式”、“角形角形角形角形”【分布式】【分布式】【分布式】【分布式】：创建的动画中间形状更为平滑：创建的动画中间形状更为平滑：创建的动画中间形状更为平滑：创建的动画中间形状更为平滑【角【角【角【角 形】形】形】形】：创建的动画中间形状会保留明显的角和直线：创建的动画中间形状会保留明显的角和直线：创建的动画中间形状会保留明显的角和直线：创建的动画中间形状会保留明显的角和直线动画属性设置动画属性设置动画属性设置动画属性设置 1.14Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法形状提示点制作方法形状提示点制作方法形状提示点制作方法形状提示点制作方法【步骤】【步骤】【步骤】【步骤】1.1.1.1.选择开始关键帧，单击【修改】选择开始关键帧，单击【修改】选择开始关键帧，单击【修改】选择开始关键帧，单击【修改】|【形状】【形状】【形状】【形状】|【添加形状提【添加形状提【添加形状提【添加形状提示】，可添加一个提示点，再次选择可继续添加提示点示】，可添加一个提示点，再次选择可继续添加提示点示】，可添加一个提示点，再次选择可继续添加提示点示】，可添加一个提示点，再次选择可继续添加提示点2.2.2.2.调整控制点到合适位置，提示点变黄色调整控制点到合适位置，提示点变黄色调整控制点到合适位置，提示点变黄色调整控制点到合适位置，提示点变黄色3.3.3.3.选择结束关键帧，重复步骤选择结束关键帧，重复步骤选择结束关键帧，重复步骤选择结束关键帧，重复步骤1 1 1 1、2 2 2 2，提示点变绿色，提示点变绿色，提示点变绿色，提示点变绿色提示：如果开始关键帧和结束关键帧的形状提示点没有变黄提示：如果开始关键帧和结束关键帧的形状提示点没有变黄提示：如果开始关键帧和结束关键帧的形状提示点没有变黄提示：如果开始关键帧和结束关键帧的形状提示点没有变黄或变绿，则说明这个形状提示点没有在两个帧中对应起来。或变绿，则说明这个形状提示点没有在两个帧中对应起来。或变绿，则说明这个形状提示点没有在两个帧中对应起来。或变绿，则说明这个形状提示点没有在两个帧中对应起来。1.15Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.2 补间形状动画的制作方法补间形状动画的制作方法形状提示点制作实例形状提示点制作实例形状提示点制作实例形状提示点制作实例【正方形变心形】【正方形变心形】【正方形变心形】【正方形变心形】添加提示点前添加提示点前添加提示点后添加提示点后 1.16Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统【课堂实例【课堂实例日月变换】日月变换】4.3 补间形状动画实例补间形状动画实例制作制作制作制作“日月变换日月变换日月变换日月变换”动画动画动画动画 1.17Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统1.1.新建新建FlashFlash文件，然后设置影片的属性，包括背景色和屏文件，然后设置影片的属性，包括背景色和屏幕大小幕大小2.2.在时间轴窗口选择当前图层，然后单击选择一空白单元在时间轴窗口选择当前图层，然后单击选择一空白单元格，按格，按F6F6键，建立起始关键帧。如果是第一帧，可省去键，建立起始关键帧。如果是第一帧，可省去此操作此操作3.3.选择工具箱中的工具绘制图形，作为补间形状的起始图选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选用椭圆工具、选择工具、颜料桶工具形。在本例中，选用椭圆工具、选择工具、颜料桶工具绘制月牙绘制月牙 【步骤】【步骤】制作制作制作制作“日月变换日月变换日月变换日月变换”动画动画动画动画4.3 补间形状动画实例补间形状动画实例 1.18Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.4.在第在第3030帧处插入关键帧，使用椭圆工具绘制太阳帧处插入关键帧，使用椭圆工具绘制太阳5.5.在两个关键帧中任选一帧，单击右键选择在两个关键帧中任选一帧，单击右键选择“创建补间形创建补间形状状”6.6.出现浅绿色填充的箭头即可出现浅绿色填充的箭头即可 制作制作制作制作“日月变换日月变换日月变换日月变换”动画动画动画动画【步骤】【步骤】4.3 补间形状动画实例补间形状动画实例 1.19Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 制作制作制作制作“文字变形文字变形文字变形文字变形”动画动画动画动画4.3 补间形状动画实例补间形状动画实例 1.20Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 文字对象分散到图层文字对象分散到图层 制作制作制作制作“文字变形文字变形文字变形文字变形”动画动画动画动画【技巧】先使用【修改】【技巧】先使用【修改】|【分离】将要变形的文字打散（出【分离】将要变形的文字打散（出现网格点），再进行补间形状设置，方法同几何变形。现网格点），再进行补间形状设置，方法同几何变形。(1)“(1)“分离分离”命令命令 (2)“(2)“分散到图层分散到图层”命令命令 4.3 补间形状动画实例补间形状动画实例 1.21Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统给给给给“日月变换日月变换日月变换日月变换”动画添加形变提示动画添加形变提示动画添加形变提示动画添加形变提示4.3 补间形状动画实例补间形状动画实例 1.22Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统给给给给“日月变换日月变换日月变换日月变换”动画添加形变提示动画添加形变提示动画添加形变提示动画添加形变提示1.1.添加变形提示关键点添加变形提示关键点 单击【修改】单击【修改】单击【修改】单击【修改】|【形状】【形状】【形状】【形状】|【添加形状提示】，出现提示点【添加形状提示】，出现提示点【添加形状提示】，出现提示点【添加形状提示】，出现提示点a a a a连续执行该命令，可添加更多提示点连续执行该命令，可添加更多提示点连续执行该命令，可添加更多提示点连续执行该命令，可添加更多提示点快捷键（快捷键（快捷键（快捷键（Ctrl+Shift+HCtrl+Shift+HCtrl+Shift+HCtrl+Shift+H）2.2.调整变形提示关键点调整变形提示关键点鼠标拖拽可以调整提示点位置鼠标拖拽可以调整提示点位置鼠标拖拽可以调整提示点位置鼠标拖拽可以调整提示点位置 4.3 补间形状动画实例补间形状动画实例 1.23Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统制作制作制作制作“进度条进度条进度条进度条”动画动画动画动画4.3 补间形状动画实例补间形状动画实例 1.24Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统1.1.图层图层1 1命名为命名为“框框”，编辑内容：一个进度条的框和文，编辑内容：一个进度条的框和文字字loadingloading2.2.新建一个图层新建一个图层“颜色颜色”，内容：画一个颜色条长宽刚好，内容：画一个颜色条长宽刚好和框的大小一致和框的大小一致3.3.在第在第5050帧处插入关键帧，将颜色条的宽度调整为和帧处插入关键帧，将颜色条的宽度调整为和“框框”的宽度一样的宽度一样4.4.在第在第1 1帧和第帧和第5050帧之间的任意一帧处单击右键，选择帧之间的任意一帧处单击右键，选择【创建补间形状创建补间形状】制作制作制作制作“进度条进度条进度条进度条”动画动画动画动画【步骤】【步骤】4.3 补间形状动画实例补间形状动画实例 1.25Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 图7-35 制作完成的封面 图7-36 入库后的封面 制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 4.3 补间形状动画实例补间形状动画实例 1.26Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 1.1.制作封底制作封底 新新新新建建建建图图图图层层层层“封封封封底底底底”，在在在在第第第第1 1 1 1帧帧帧帧处处处处使使使使用用用用矩矩矩矩形形形形工工工工具具具具绘绘绘绘制制制制封封封封底底底底矩矩矩矩形形形形（黑黑黑黑色色色色），并并并并绘绘绘绘制制制制一一一一个个个个小小小小的的的的内内内内页页页页矩矩矩矩形形形形（蓝蓝蓝蓝色色色色）放放放放置置置置其其其其上上上上方方方方，在第在第在第在第90909090帧处插入帧（帧处插入帧（帧处插入帧（帧处插入帧（F5F5F5F5）。）。）。）。4.3 补间形状动画实例补间形状动画实例 1.27Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 2.2.制作封面制作封面 新新新新建建建建图图图图层层层层“封封封封面面面面”，在在在在第第第第1 1 1 1帧帧帧帧处处处处使使使使用用用用矩矩矩矩形形形形工工工工具具具具绘绘绘绘制制制制矩矩矩矩形形形形（橙橙橙橙色色色色，与与与与封封封封底底底底一一一一样样样样大大大大小小小小），放放放放置置置置在封底上方，并对齐。在封底上方，并对齐。在封底上方，并对齐。在封底上方，并对齐。在在在在 第第第第 15151515帧帧帧帧 处处处处 插插插插 入入入入 关关关关 键键键键 帧帧帧帧（F6F6F6F6），修改矩形为棱形。），修改矩形为棱形。），修改矩形为棱形。），修改矩形为棱形。选选选选1-151-151-151-15之之之之间间间间的的的的任任任任意意意意帧帧帧帧，添添添添加加加加补间形状补间形状补间形状补间形状4.3 补间形状动画实例补间形状动画实例 1.28Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.3 补间形状动画实例补间形状动画实例制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 2.2.制作封面制作封面 在在在在 第第第第 16161616帧帧帧帧 处处处处 插插插插 入入入入 关关关关 键键键键 帧帧帧帧（F6F6F6F6），将将将将菱菱菱菱形形形形水水水水平平平平翻翻翻翻转转转转，并并并并移动到封底左侧。移动到封底左侧。移动到封底左侧。移动到封底左侧。在在在在第第第第30303030帧帧帧帧处处处处插插插插入入入入关关关关键键键键帧帧帧帧，将将将将第第第第1 1 1 1帧帧帧帧处处处处的的的的矩矩矩矩形形形形复复复复制制制制粘粘粘粘贴贴贴贴过过过过来来来来，并对齐。并对齐。并对齐。并对齐。选选选选16-3016-3016-3016-30之之之之间间间间的的的的任任任任意意意意帧帧帧帧，添添添添加加加加补间形状补间形状补间形状补间形状 1.29Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.3 补间形状动画实例补间形状动画实例制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 3.3.制作内页制作内页 新新新新建建建建图图图图层层层层“内内内内页页页页1”1”1”1”，在在在在第第第第31313131帧帧帧帧处处处处插插插插入入入入关关关关键键键键帧帧帧帧（F6F6F6F6），将将将将内内内内页矩形复制粘贴过来。页矩形复制粘贴过来。页矩形复制粘贴过来。页矩形复制粘贴过来。在在在在 第第第第 45454545帧帧帧帧 处处处处 插插插插 入入入入 关关关关 键键键键 帧帧帧帧（F6F6F6F6），修改矩形为棱形。），修改矩形为棱形。），修改矩形为棱形。），修改矩形为棱形。选选选选31-4531-4531-4531-45之之之之间间间间的的的的任任任任意意意意帧帧帧帧，添添添添加加加加补间形状补间形状补间形状补间形状 1.30Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统4.3 补间形状动画实例补间形状动画实例制作制作制作制作“翻书效果翻书效果翻书效果翻书效果”动画动画动画动画 3.3.制作内页制作内页 在在在在 第第第第 46464646帧帧帧帧 处处处处 插插插插 入入入入 关关关关 键键键键 帧帧帧帧（F6F6F6F6），将将将将菱菱菱菱形形形形水水水水平平平平翻翻翻翻转转转转，并并并并移动到封底左侧。移动到封底左侧。移动到封底左侧。移动到封底左侧。在在在在第第第第60606060帧帧帧帧处处处处插插插插入入入入关关关关键键键键帧帧帧帧，将将将将第第第第31313131帧帧帧帧处处处处的的的的矩矩矩矩形形形形复复复复制制制制粘粘粘粘贴贴贴贴过过过过来来来来，并对齐。并对齐。并对齐。并对齐。选选选选46-6046-6046-6046-60之之之之间间间间的的的的任任任任意意意意帧帧帧帧，添添添添加加加加补间形状补间形状补间形状补间形状 1.31Flash动画设计与制作动画设计与制作 篮球比赛是根据运动队在规定的比赛时间里得分多少来决定胜负的，因此，篮球比赛的计时计分系统是一种得分类型的系统 更为复杂的翻书效果制作关键界面更为复杂的翻书效果制作关键界面更为复杂的翻书效果制作关键界面更为复杂的翻书效果制作关键界面 4.3 补间形状动画实例补间形状动画实例