制作动作补间动画ppt课件.ppt

《制作动作补间动画ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章制作动作补间动画5.1元件与实例5.2创建动作补间动画5.3使用时间轴特效5.4实例——游泳的鱼5.1元件与实例5.1.1元件与实例的概念1．什么是元件与实例元件是Flash电影中的重要元素，它是一个可以重复使用的图像、按钮或电影剪辑，而实例是元件在舞台上的具体体现。形象地说，元件是动画的“演员”，而实例是演员在舞台上的“角色”，“角色”是“演员”在舞台上的具体表现。元件只需创建一次，然后即可在整个文档或其他文档中重复使用。用户创建的任何元件都会自动成为当前文档的库的一部分。每个元件都有自己的时间轴。可以将帧、关键帧和图层添加至元件的时间轴，就好像可以将它们添加到主时间轴一样。实例

2、是指位于舞台上或嵌套在另一个元件内的元件副本。元件只存在于库面板中。要使用元件，可以将它从库面板中拖动到舞台上。在拖动到舞台上之后，元件立刻变成了实例。实例可以与它的元件在颜色、大小和功能上差别很大，就像“演员”可以化妆到面目全非一样。2．元件与实例的关系实例来源于元件，舞台上的任何实例都是由元件衍生的。如果元件被删除，则舞台上所有由该元件衍生的实例（除非已经解除与元件的关系）也将被删除。如果元件被修改，则舞台上所有由该元件衍生的实例将自动更新。3．元件的类型元件的类型有3种，即影片剪辑按钮和图形5.1.2创建元件与实例1．将对象转换为元件图5-1“转换为符号”对话框2．创建新元件图5-

3、2“创建新元件”对话框图5-3元件编辑模式3．将舞台上的动画转换为影片剪辑4．有关元件的注册点图5-4元件的注册点是其自身坐标系的原点5．创建按钮元件图5-5按钮元件的时间轴图5-6创建按钮元件图5-7按钮元件编辑模式6．复制元件图5-8“复制元件”对话框图5-9“复制元件”对话框7．使用其他电影中的元件图5-10“解决库冲突”对话框8．创建实例实例是元件在舞台上的具体表现，将创建完成的元件从库面板中拖动到舞台上便形成该元件的一个实例。Flash只可以把实例放在关键帧中，并且总在当前图层上。如果没有选择关键帧，Flash会将实例添加到当前帧左侧的第一个关键帧上。如果创建的是动态图形元件的

4、实例，则在场景中创建它的实例后，还应按“F5”键执行“插入帧”命令来增加帧数，使之与该元件包含的帧数一致，否则播放时只能显示第1帧。但是电影剪辑元件则只需要一个关键帧就可以播放。5.1.3编辑元件1．在元件编辑模式编辑2．在当前位置编辑3．在新窗口中编辑5.1.4设置实例属性1．实例的位置、大小和变形属性图5-11实例的属性检查器和“信息”面板2．实例的颜色和透明度图5-13属性检查器中的颜色选项图5-14“高级效果”对话框3．将一个实例与另一个实例交换图5-15“交换元件”对话框4．更改实例的类型图5-16更改实例的类型5．设置图形实例的动画图5-17设置图形实例的动画5.2创建动作补

5、间动画5.2.1什么是动作补间动画与形状补间动画一样，动作补间动画（在Flash联机帮助中此类动画被称为“补间动画”，为了将其与“形状补间动画”区分，本书采用“动作补间动画”这个同样为Flash用户所接受的术语）也是由Flash自动生成的动画。动作补间动画主要用于表现渐变、运动、过渡、淡入淡出等动画效果。5.2.2产生动作补间的属性根据对象的不同，能够产生补间动画的对象属性也不同。对于文字对象来说，可以变化的属性包括文字的位置和旋转属性。对于组合体对象来说，可以变化的属性包括：大小、位置和变形属性等。对于元件的实例来说，可以变化的属性包括：大小、位置、变形、颜色和透明度等，详细信息请参见

6、5.1.4节。5.2.3动作补间动画的制作步骤图5-18设置动作补间动画的选项5.2.4沿着路径补间动画1．运动引导层简述2．创建运动引导层3．利用引导线控制动画效果图5-21添加运动引导层4．链接或断开图层与运动引导层5.2.5动作补间动画与遮罩图5-25设置图片放大的效果图5-26设置遮罩层中的形状图5-27设置遮罩图5-28聚光灯的第一帧图5-29特写效果完成时的舞台和时间轴5.3使用时间轴特效5.3.1添加时间轴特效5.3.2编辑时间轴特效5.4实例——游泳的鱼本节使用“鱼”作为例子介绍如何让动画角色真正“动”起来。本实例的效果如图5-32所示，制作步骤如下。图5-32“游泳的鱼

7、”最终效果（1）创建一个Flash文档，将其背景色设置为海蓝色。（2）按照第2章介绍的“描红”的方式绘制以下内容：鱼身、鱼尾、鱼鳍1、鱼鳍2、眼睛和嘴，如图5-33所示。绘制完每一部分后，将它们转换为电影剪辑元件，分别命名为“body”、“tail”、“fin1”、“fin2”、“eye”和“mouth”，这些部件构成一条完整的鱼，如图5-34所示。图5-34完整的鱼（3）考虑到鱼嘴的运动相对单调，可以把它设置为机械的运动。打开“m