第6课 灯笼变文字 课件
图片预览
文档简介
课件24张PPT。 第6课 灯笼变文字 教学目标1、了解形状补间动画的基本知识。
2、掌握形状补间动画的制作方法。重点难点1、学生能了解运动动画应用。
2、桢的使用。教学导入 运用形状补间动画，可以设置元件的内容、形状、颜色等种种属性，配合别的手法，甚至能做出令人称奇的仿3D效果来。
这一课我们要学习形状补问动画的特点及创建方法。一、什么是形状补间动画 形状补间动画是Flash中最常用的动画效果之一。所谓“补间动画”又叫做“中间帧动画”、“渐变动画”。只要建立起始和结束的画面，中间部分由软件自动生成，省去了中间动画制作的复杂过程，这也正是Flash的迷人之处。运用它，可以变幻出各种奇妙的、不可思议的变形效果。 1、形状补间动画的概念 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。2、构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补问动画二者之间，使用的元素多为绘制的形状，如果使用图形元件、按钮、文字，则必须先执行“分离”操作后才能创建变形动画。3、形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头(如图6-1所示)。4、创建形状补间动画的方法 为了便于同学们理解，我们先来制作一个简单的形状补问动画。操作步骤：步骤1：在第一帧中使用“椭圆工具”绘制一个正圆形，填充色设为黄色。
步骤2：在第20帧的地方插入一个关键帧，使用“矩形工具”绘制一个正方形，填充色设为红色，正方形要覆盖整个正圆形，可以略大一点。
步骤3：单击开始帧，然后单击“属性”面板上“补间”旁边的小三角，在弹出的下拉菜单中选择“形状”。
这样，一个简单的形状补问动画就制作完毕了，我们可以拖动播放头观看形状补间动画的效果(如图6-2所示)。
二、认识形状补间动画的属性和面板 当我们建立了一个形状补间动画后，单击帧就会出现形状补间动画的“属性”面板(如图6-3所示)。
其实，形状补间动画的“属性”面板上只有两个参数：“缓动”和“混合”。 1、“缓动”选项 单击“缓动”右边的按钮，会弹出滑动杆，拖动上面的滑块可以调节参数值，当然也可以在文本框中直接输人具体的数值。设置后，形状补问动画会随之发生相应的变化：
在～到一l00的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。
在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
默认情况下的值是“0”，也就是补间帧之间的变化速率是不蛮的。 2、“混合”选项 “混合”选项中有两项供选择。
“角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。
“分布式”选项：创建的动画中间形状比较平滑和不规则。三、使用形状提示 形状补间动画看似简单，实则不然。Flash在“计算”两个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其是当前后图形差异较大时，变形结果会显得乱七八糟。这时，使用“形状提示”功能可以大大改善这一情况。1、形状提示的作用 在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
先在形状补问动画的开始帧上单击一下，再执行“修改”→“形状”→“添加形状提示”命令，该帧的形状上就会增加一个带字母的红色圆圈(如图6-4所示)。
相应的，在结束帧的形状中也会出现一个“提示圆圈”，开始帧
2、添加形状提示的方法 相应的，在结束帧的形状中也会出现一个“提示圆圈”，开始帧和结束帧的“提示圆圈”要分别进行设置，用鼠标左键单击并按住“提示圆圈”，拖放到适当的位置，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色(如图6-5所示)；安放不成功或不在一条曲线上时，“提示圆圈”颜色不变。小知识 在制作复杂的变形动画时，“形状提示”的添加和拖放要多方位尝试，“形状提示”可以连续添加，最多能添加26个。每添加一个“形状提示”，最好播放一下变形效果，然后再对变形提示的位置做进一步的调整。另外，将变形提示从形状的左上角开始按逆时针顺序摆敖，将使变形提示作得更有效。3、添加形状提示的技巧 “形状提示”摆放的位置也要符合逻辑顺序。例如，起点关键帧和终点关键帧上各有一个三角形，我们使用3个“形状提示”：如果它们在开始帧的三角形上的顺序为abc，那么在结束帧的三角形上的顺序也必须是abc。
“形状提示”要在形状的边缘才能起作用。在调整“形状提示”位置前，要让“选项”下面的“贴紧至对象”按钮处于被按下状态，这样，程序会自动把“形状提示”吸附到边缘上。如果发觉“形状提示”仍然无效，则可以用“缩放工具”，将形状放大后再进行调整，以确保“形状提示”位于图形边缘上。
另外，如果要删除所有的“形状提示”，可执行“修改”→“形状”→“删除所有提示”命令。删除单个“形状提示”，可用鼠标右键单击它，在弹出的菜单中选择“删除提示”。 4、添加形状提示练习 为了更深入地学习“形状提示”，我们来制作一个使用“形状提示”的动画实例。在场景中制作两个由数字“1”变形为数字“2”，的动画，让它们同时变形，一个加“形状提示”，一个不加“形状提示”。想一想
1．在制作动画“新春愉快”的时候是4个灯笼同时进行变化的，能让灯笼按照从左到右的顺序依次进行变化吗?
2、场景中的各种元件、素材不执行“分离”操作可以进行变形吗?课堂练习 1、尝试“形状提示”的各种添加数量与摆放位置，观察他们对形状补间动画的影响。
2、结合所学内容自己尝试制作一个形状补间动画。全课小结 同学们，在这一节课里，你有什么收获呢？THANK YOU
2、掌握形状补间动画的制作方法。重点难点1、学生能了解运动动画应用。
2、桢的使用。教学导入 运用形状补间动画，可以设置元件的内容、形状、颜色等种种属性，配合别的手法，甚至能做出令人称奇的仿3D效果来。
这一课我们要学习形状补问动画的特点及创建方法。一、什么是形状补间动画 形状补间动画是Flash中最常用的动画效果之一。所谓“补间动画”又叫做“中间帧动画”、“渐变动画”。只要建立起始和结束的画面，中间部分由软件自动生成，省去了中间动画制作的复杂过程，这也正是Flash的迷人之处。运用它，可以变幻出各种奇妙的、不可思议的变形效果。 1、形状补间动画的概念 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。2、构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补问动画二者之间，使用的元素多为绘制的形状，如果使用图形元件、按钮、文字，则必须先执行“分离”操作后才能创建变形动画。3、形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头(如图6-1所示)。4、创建形状补间动画的方法 为了便于同学们理解，我们先来制作一个简单的形状补问动画。操作步骤：步骤1：在第一帧中使用“椭圆工具”绘制一个正圆形，填充色设为黄色。
步骤2：在第20帧的地方插入一个关键帧，使用“矩形工具”绘制一个正方形，填充色设为红色，正方形要覆盖整个正圆形，可以略大一点。
步骤3：单击开始帧，然后单击“属性”面板上“补间”旁边的小三角，在弹出的下拉菜单中选择“形状”。
这样，一个简单的形状补问动画就制作完毕了，我们可以拖动播放头观看形状补间动画的效果(如图6-2所示)。
二、认识形状补间动画的属性和面板 当我们建立了一个形状补间动画后，单击帧就会出现形状补间动画的“属性”面板(如图6-3所示)。
其实，形状补间动画的“属性”面板上只有两个参数：“缓动”和“混合”。 1、“缓动”选项 单击“缓动”右边的按钮，会弹出滑动杆，拖动上面的滑块可以调节参数值，当然也可以在文本框中直接输人具体的数值。设置后，形状补问动画会随之发生相应的变化：
在～到一l00的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。
在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
默认情况下的值是“0”，也就是补间帧之间的变化速率是不蛮的。 2、“混合”选项 “混合”选项中有两项供选择。
“角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。
“分布式”选项：创建的动画中间形状比较平滑和不规则。三、使用形状提示 形状补间动画看似简单，实则不然。Flash在“计算”两个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其是当前后图形差异较大时，变形结果会显得乱七八糟。这时，使用“形状提示”功能可以大大改善这一情况。1、形状提示的作用 在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
先在形状补问动画的开始帧上单击一下，再执行“修改”→“形状”→“添加形状提示”命令，该帧的形状上就会增加一个带字母的红色圆圈(如图6-4所示)。
相应的，在结束帧的形状中也会出现一个“提示圆圈”，开始帧
2、添加形状提示的方法 相应的，在结束帧的形状中也会出现一个“提示圆圈”，开始帧和结束帧的“提示圆圈”要分别进行设置，用鼠标左键单击并按住“提示圆圈”，拖放到适当的位置，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色(如图6-5所示)；安放不成功或不在一条曲线上时，“提示圆圈”颜色不变。小知识 在制作复杂的变形动画时，“形状提示”的添加和拖放要多方位尝试，“形状提示”可以连续添加，最多能添加26个。每添加一个“形状提示”，最好播放一下变形效果，然后再对变形提示的位置做进一步的调整。另外，将变形提示从形状的左上角开始按逆时针顺序摆敖，将使变形提示作得更有效。3、添加形状提示的技巧 “形状提示”摆放的位置也要符合逻辑顺序。例如，起点关键帧和终点关键帧上各有一个三角形，我们使用3个“形状提示”：如果它们在开始帧的三角形上的顺序为abc，那么在结束帧的三角形上的顺序也必须是abc。
“形状提示”要在形状的边缘才能起作用。在调整“形状提示”位置前，要让“选项”下面的“贴紧至对象”按钮处于被按下状态，这样，程序会自动把“形状提示”吸附到边缘上。如果发觉“形状提示”仍然无效，则可以用“缩放工具”，将形状放大后再进行调整，以确保“形状提示”位于图形边缘上。
另外，如果要删除所有的“形状提示”，可执行“修改”→“形状”→“删除所有提示”命令。删除单个“形状提示”，可用鼠标右键单击它，在弹出的菜单中选择“删除提示”。 4、添加形状提示练习 为了更深入地学习“形状提示”，我们来制作一个使用“形状提示”的动画实例。在场景中制作两个由数字“1”变形为数字“2”，的动画，让它们同时变形，一个加“形状提示”，一个不加“形状提示”。想一想
1．在制作动画“新春愉快”的时候是4个灯笼同时进行变化的，能让灯笼按照从左到右的顺序依次进行变化吗?
2、场景中的各种元件、素材不执行“分离”操作可以进行变形吗?课堂练习 1、尝试“形状提示”的各种添加数量与摆放位置，观察他们对形状补间动画的影响。
2、结合所学内容自己尝试制作一个形状补间动画。全课小结 同学们，在这一节课里，你有什么收获呢？THANK YOU