Ch09-变形动画、色变动画培训课件.ppt

计算机应用基础 计算机绘图与多媒体第九讲Flash：变形动画、色变动画【补间】动画首尾关键帧 一致中间关键帧变 化(先选关键帧，再选帧上的元件)水平翻转大小变化色调变化亮度变化位置变化创建补间动 画2补间动画只针对图形元件，字、图片等作为图形元件图形元件作为一个整体变化实例23实例2扩展文字的综合变形5对导入的位图作动画补间把格式为.jpg或.png的图片导入到库时 得到类型为“位图”的元件，不是“图形”元件把“位图”元件拖到场景中之后，点击鼠标右键，【转换为 元件】，得到“图形”元件插入关键帧 】后，作大小、亮度、位置等的变化在两个关键帧 之间补间动 画6变化过程示例7【补间】形状“补间 形状”适用于点阵变 形，必须把关键帧中的元件【分离】成点阵，之后再点击关键帧，在其【属性】面板里选择 【补间 】为“形状”把元件拖入关键帧 后，用【任意变形工具】选中元件，然后执行一次或多次【分离】命令，直至元件出现点阵的样式在关键帧 的【属性】面板里选择 【形状补间】，不可在关键帧 之间进 行补间 不推荐使用【编辑 多个帧】这项 功能绘图纸 外观】这项 功能可以用来对齐 不同帧上的元件8实例39过程构造两个元件，“矩形”和“椭圆 ”回到场景，在第1帧处 【插入关键帧 】，把“矩形”元件拖至绘图纸 上。

在第40帧处 【插入关键帧 】在第20帧处 【插入空白关键帧 】，把“椭圆 ”元件拖至绘图纸上点击【绘图纸 外观】按钮，用【选择 工具】调整各个关键帧上元件的位置，使之对齐 这一步不是必需的）单击 每个关键帧 ，用【选择 工具】或者【任意变形工具】选中帧上的元件，点击鼠标右键，在弹出的菜单上选择 【分离】命令在同一关键帧 上多次执行【分离】命令，直至元件变成点阵的样式单击 每个关键帧 ，在其【属性面板】上选择 “形状补间 ”10对导入的位图作形状补间把格式为.jpg或.png的图片导入到库时 得到类型为“位图”的元件，不是“图形”元件把“位图”元件拖到场景中之后，点击鼠标右键，【分离】，打散元件，得到点阵插入关键帧 】后，(只能)作形状和旋转的变化在两个关键帧 之间补间 形状11变化过程示例12时间轴 特效1. 选中场景上的元件或者点阵区域2. 鼠标右键/【时间轴 特效】变形转换分离展开投影模糊13【时间轴 特效】/【转换】14Flash作业2参见附件“Ch10-Flash作业2.rar”以 02.swf 提交15Flash作业3参见附件“Ch10-Flash作业3.rar”以 03.swf 提交。

16教材例1：元件变形之一文字变形 17教材例2：点阵变形图案变形 创建图形分别新建图形元件“花案图形1”“花案图形5”，并绘制5种不同的花案场景编辑在图层 1的第1帧插入关键帧 ，并拖入“花案图形1”元件第3帧中插入关键帧 在第11、13帧中插入空白关键帧 并拖入“花案图形2”元件在第21、23帧中插入空白关键帧 并拖入“花案图形3”元件在第31、33帧中插入空白关键帧 并拖入“花案图形4”元件在第41、43帧中插入空白关键帧 并拖入“花案图形5”元件18教材例3：点阵变形图案变形对齐图 案：按下“绘图纸 ”和“多帧编辑 ”按钮，并选择 “修改标记”/“绘制全部”选中各帧上的所有元件，然后选择“窗口”/“工具栏”/“主要栏”，选择 打开“对齐 ”面板，对齐 如图分离元件：用“箭头工具”拖动选择 所有元件，按Ctrl+B键分离元件创建补间动 画分别选 中第3、13、23、33、43帧各关键帧 ，设置其属性“补间 ”为“形状”预览动 画效果19教材例3：颜色变化变色龙 20图6-39 变色龙操作方法新建电影的文档背景颜色设置为“999999”选择 “文件”/“导入到库”，导入 “金龙.jpg”。

新建图形“龙”将“金龙”拖入编辑 区用“修改”/“分离”分离元件选择 “套索”/“魔术棒”工具，设置其“魔术棒属性”的阈值为50，点击图 中的白色并按下Delete键删 除白色用“箭头工具”选中剩余龙身，用“修改”/“组合”重组场景”编辑将库中“龙”拖入图层 1的第1帧上，在第15、30帧插入关键帧修改各关键帧 属性“颜色”为“色调”，并将第1、15、30帧的RGB颜色值，分别设 置为（0、0、0）、（0、255、102）和（255、51、51）21教材例4：亮度变化星星闪烁 新建图形“背景”选择 “矩形”绘制黑色矩形图作为背景新建图形“五角星”用“线形”绘制五角星图形将五角星填充为蓝 色选择 “箭头工具”去选择 并删除“五角星”的边线 点击“场景”，将库中“背景”元件拖入图层 1的第1帧添加图层 2将库中“五角星”元件拖入，并在第5、10帧插入关键帧 在第1帧上设置“属性”/“颜色”/“亮度”/“80”创建补间动 画用同样的方法修改第5帧，选择 “亮度”/“60”修改第10帧，选择 “亮度”/“80”用类似(3)的方法创建图层 3、4、5、6动画22教材例4：亮度变化星星闪烁23小结色变动 画、形变动 画24。