3.8 影片剪辑与图形元件的关系（课件）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

Flash CS6动画制作案例教程 第一版 影片剪辑与图形元件的关系 基础动画 1、二者的关系 在 Flash 的元件中，图形元件和影片剪辑元件都可以包含动画片段，二者也可以相互嵌套、转换类型和相互交换实例，但它们之间也存在很多的差别。 （1）图形元件不支持交互功能，也不能添加声音、滤镜和混合模式效果，而影片剪辑元件可以。 影片剪辑与图形元件的关系 3.8 （2）图形元件没有独立的时间轴，它与主文档共用时间轴，所以图形元件在 FLA 文件中的尺寸也小于影片剪辑。 （3）因为动画图形元件使用与主文档相同的时间轴，所以在文档编辑模式下可以预览动画，影片剪辑元件拥有自己独立的时间轴，在舞台上显示为一个静态对象，在文档编辑模式下不能预览动画。 （4）图形元件的动画播放效果会受到舞台主时间轴长度的限制，而影片剪辑元件动画却不会。 影片剪辑与图形元件的关系 3.8 可以通过以下的方法来验证二者的区别: （1）在舞台上同时放置一个影片剪辑动画实例“小草”和一个图形元件动画实例“太阳”。把图形元件实例的“图形选项”属性设为“循环，1”。例如，图 3-80 中的“小草”是影片剪辑元件实例，“太阳”是图形元件实例，这时它们在主时间轴只占了1顿。 （2）选中图形元件实例，查看“滤镜”和“混合”选项，二者以灰色显示，表示不可用。选中影片剪辑实例，将可以设置“滤镜”和“混合”选项。 2、验证方法 影片剪辑与图形元件的关系 3.8 （3）按[Enter]键，二者在舞台上均会保持静止状态;按[Ctrl+Enter] 组合键，在影片测试状态下影片剪辑动画可以播放，而图形元件动画仍保持静止状态。因为虽然把图形元件实例设置成了“循环”状态，但受到主时间轴只有 1 的限制，只能播放它的第 1帧;而影片剪辑实例则不受此限制。 （4）在主时间轴第 10 顿处按[F5]键插入，其他设置保持不变。按[Enter]键，舞台上图形元件的动画可以播放，而影片剪辑元件动画会保持静止;按[Ctrl+Enter]组合键，在影片测试状态下二者的动画都能播放。 2、验证方法 影片剪辑与图形元件的关系 3.8 案例描述：制作传统补间动画，实现图片的透明度、大小、位置及形状的变化，如图 3-81 所示。 案例9，经典咏流传 影片剪辑与图形元件的关系 3.8 案例分析： 制作传统补间动画实现图片的透明度及形状的变化。 在传统补间动画“属性面板”中设置 Alpha值的变化效果 案例9，经典咏流传 影片剪辑与图形元件的关系 3.8 1.启动 Flash，打开素材文件“经典咏流传.fla”。 2.单击“新建图层”按钮，新建图层1并命名为“苔”。在第 1处，打开“库”面板，将“苔.jpg”文件拖至舞合，打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐，“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”。 3.选择“苔.jpg文件，按[F8]键，将舞台上的文件转换为图形元件，打开“转换为元件”对话框、"将名称”设为 “苔”;“类型”设为 “图形"。在第1顿处，选中图形,打开其属性对话框，设置色彩效果的样式为“Alpha”，并设置其值为 0%，如图 3-82 所示。在10 处按[F6]键插入关键，调整其 Apha 值为 100%。选中第 1到 10 之间的任意一帧，右击，选择“创建传统补间”。 操作步骤 影片剪辑与图形元件的关系 3.8 影片剪辑与图形元件的关系 3.8 4、在第20帧处插入关键帧，让图片持续显示，然后在第30帧处插入关键帧，调整其Alpha 值为 0%，在第 20 至 30 中的任意一顿处右击，选择“创建传统补间”。5.单击“新建图层”按钮口，新建图层2 并命名为“明日歌”。选中第 30 ，插入关键帧，将“库”面板中“明日歌.jpg”文件拖入舞台，按[F8]键将舞台上的文件转换为图形元件。打开“转换为元件”对话框，将“名称”设为 “明日歌”“类型”设为 “图形”。同步骤 3，4，在第 30 调整其 Apha 值为 0%，在第 40 调整其 Apha 值为 100%,创建传统补间动画,在第 50 和第 60 处分别插入关键,并分别调整其 Apha 值为 100%和0%，并创建传统补间动画，实现图片的淡入淡出效果，其时间轴如图 3-83 所示。 操作步骤 影片剪辑与图形元件的关系 3.8 6.单击“新建图层”按钮口，新建图层3 并命名为“送元二”，选择第 50 ，插入关键帧，将“库”面板中“送元二jpg”文件拖入舞台，按[F8]键将舞台上的文件转换为图形元件。打开“转换为元件”对话框，将“名称”设为 “送元二";“类型”设为 “图形”。单击舞台上的图形元件实例，使用“任意变形”工具照将实例缩小，如图 3-84 所示。选中第 6