flash 制作基础教程6课件

1、第7章 补间动画的制作 元件和元件实例 制作动画补间动画 制作形状补间动画 7.1 元件和元件实例 将对象转换为元件后，便可以重复使用该元件，而不会增加Flash文件大小。 元件本身也可以是一个小动画，所以，通过几个元件合成，可以使复杂的动画制作变得简单。 制作交互动画时需要使用元件。 7.1.1 元件的作用和类型 1元件的作用 Flash中的元件主要有以下几个作用。 Flash中的元件分为3种类型，分别是图形元件、影片剪辑和按钮元件。 图形元件：用于制作可重复使用的静态图像，以及附属于主影片时间轴的可重复使用的动画片段。不能在图形元件中加入声音，也不能在图形元件上添加动作脚本。 按钮元件：用

2、于创建响应鼠标单击、滑过或其他动作的交互按钮。 影片剪辑元件：用来制作可重复使用的、独立于主影片时间轴的动画片段。影片剪辑中可以包括动作脚本、声音，甚至其他影片剪辑实例或图形元件实例。2元件的类型 2直接创建元件创建背景元件 选择“插入”“新建元件”菜单项，或按【Ctrl+F8】组合键，可创建一个元件。 新建“背景”图形 “创建新元件”对话框 1在“小汽车”图层上方新建一个图层，然后将其拖到“小汽车”图层下方，并重命名为“背景” 。2按【Ctrl+F8】组合键，在打开的“创建新元件”对话框中选择要创建的元件类型，在“名称”编辑框中输入元件名称 。 在元件中导入位图图像 3单击“确定”后会自动进

3、入“背景”元件的编辑状态，用户可绘制或导入动画需要的图形，也可以制作一段动画。这里我们 导入一副位图。 创建“背景”元件的元件实例 4返回主场景，会发现利用“创建新元件”对话框生成的元件不会在舞台中显示，按【Ctrl+L】组合键打开“库”面板，然后将其中的“背景”元件拖到“背景”图层的舞台中，便可创建一个“背景”元件的元件实例，调整“背景”元件实例的位置，使其覆盖整个舞台 。7.1.3 编辑元件和元件实例 1编辑元件 编辑或修改元件后，该元件在舞台上的所有元件实例也会随之改变。要编辑或修改元件有以下几种方法。 使用“选择工具” 在舞台上双击元件实例，即可进入元件编辑状态，此时元件中的对象会正常

4、显示，表示可以编辑，而舞台中其他对象将以高光显示，表示不能编辑。在舞台上选中要编辑的元件实例，然后选择“编辑”“在当前位置编辑”菜单项，或右击元件实例，在弹出的快捷菜单中选择“在当前位置编辑”菜单项，即可进入元件的编辑状态。2编辑元件实例 编辑元件实例只对当前编辑的元件实例产生作用，不会影响“库”中的元件和其他元件实例。 修改元件实例色调 修改元件实例亮度 修改元件实例透明度 选中元件实例，然后在“属性”面板中“颜色”下拉列表中选择“色调”选项，单击右侧的色块，在打开的“拾色器”对话框中选择需要的色调，在右侧的“色彩数量”编辑框中还可以设置色调的强度。 选中要修改的元件实例，然后在“属性”面板

5、的“颜色”下拉列表中选择“亮度”选项，再在右侧的“亮度数量”编辑框中设置亮度 。选中要修改的元件实例，然后在“属性”面板的“颜色”下拉列表中选择“Alpha”选项，再在右侧的“Alpha数量”编辑框中输入透明度值。节省容量：相对于逐帧动画来说，动画补间动画文件的容量更小，占用内存更少。组成元素：制作动画补间动画时，两个关键帧上的对象必须是元件实例。此外，两个关键帧上必须是同一对象才能创建动画补间动画，而且，同一图层上每个关键帧中只能有一个元件实例。在时间轴面板上的表现形式：在两个关键帧之间创建动作补间动画后，两个关键帧之间的背景变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；如果补间被打断或

6、不完整，则箭头变为虚线 。 创建动画补间动画 3选中“小汽车”图层第1帧至第60帧之间的任意一帧（不包括第60帧），然后在“属性”面板的“补间”下拉列表中选择“动画”选项，并在“缓动”文本框中输入“-100” 。4创建动画补间动画后可按【Enter】键预览一下动画 。7.2.3 改进动画补间动画变色文字 通过改变不同关键帧上元件实例透明度、颜色、亮度等，可以得到淡入淡出、发光等动画效果，给人以强力的视觉冲击。 输入文字 将文字转换为图形元件 1创建Flash文档，并输入文字 。2选中舞台中的文字，然后按【F8】键将其转换为名为“文字”的图形元件 。创建动画补间动画 放大元件实例 改变不透明度

7、3第15帧插入关键帧，然后在第1帧与第15帧之间的任意帧上右击鼠标，在弹出的快捷菜单中选择“创建补间动画”菜单，创建动画补间动画 。4选中第1帧上的元件实例，按【Ctrl+Shift+S】组合键，在弹出的“缩放与旋转”对话框的“缩放”编辑框中输入“200”，将元件实例放大至200% 。5打开“属性”面板，在“颜色”下拉列表中选择“Alpha”（透明度）选项，并在其右侧的编辑框中输入“0” 。 设置元件实例的亮度 制作闪白效果 6分别在第16、17、18、19帧处插入关键帧，然后选中第16帧上的元件实例，在“属性”面板“颜色”选项的下拉列表中选择“亮度”选项，并在其右侧的编辑框中输入100 。7

8、将第18帧上元件实例的亮度也设为100% 。 设置元件实例的色调 创建动画补间动画并插入普通帧 8在第30帧处插入关键帧，然后选中第30帧上的元件实例，打开“属性”面板，在“颜色”下拉列表中选择“色调”选项，单击其右侧的色块 ，在弹出的“拾色器”对话框中选择紫色（#FF00FF），然后将“色彩数量”设为“100%”。9最后在第15帧与第30帧之间的任意帧上右击鼠标，在弹出的快捷菜单中选择“创建补间动画”菜单项，创建动画补间动画，再在第50帧处插入普通帧 。控制过渡效果：通过为形状补间动画添加形状提示，可以控制形状补间动画过渡的方向、角度等，以实现不同的过渡效果。组成元素：形状补间动画的组成元素

9、只能是分离的矢量图形，如果使用图形元件、按钮、文字、组合等，需要先将它们分离才能创建形状补间动画。在时间轴面板上的表现形式：形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头；如果箭头变为虚线，说明制作不成功，原因可能是某个关键帧上的图形没有被分离。 7.3.2 创建形状补间动画鸡蛋变小鸡 舞台中的图形 将第1帧上的小鸡图形剪切到第30帧 1打开素材文档。2选中“图层1”第1帧上的小鸡图形，利用【Ctrl+X】组合键和【Ctrl+V】组合键将小鸡图形粘贴到第30帧 。7.3.3 形状提示的使用公鸡变孔雀 使用形状提示功能可以控制形状的变化过程，使其按照我们希

10、望的方式变化。 过渡动画 添加形状提示 1打开素材文档 。 2选中“图层1”的第1帧，然后选择“修改”“形状”“添加形状提示”菜单，添加一个形状提示 。 第1帧与第30帧上的形状提示 3添加形状提示后在第1帧上会出现一个红色的形状提示，相应的在第30帧上也出现了一个红色的形状提示 。 添加更多的形状提示 5按【Ctrl+Shift+H】组合键3次，再添加3个形状提示，然后将第1帧与第30帧上的形状提示“b”移动到鸡和孔雀的后背位置，将形状提示“c”移动到尾巴尖位置，将形状提示“d”移动右前爪到位置 。 综合实例1日夜轮换 日夜轮换 首先打开素材文档，将风车和背景转换为元件，再将风车的扇叶转换为元件，然后进入风车元件内部，利用动画