Ch11- 遮罩动画.pptVIP

计算机应用基础——计算机绘图与多媒体 第十一讲 Flash：遮罩动画 遮罩动画要点 下层（被遮罩层） 放置内容 上层（遮罩层） 放置遮罩形状，必须是实心，即要有填充色 形状可以是矢量图（由【钢笔工具】、【椭圆工具】等绘制） 形状也可以是位图（由【铅笔工具】绘制、【分离】 操作） 形状还可以是文字（由【文字工具】绘制） 两种动画方式 1. 若选择上层(遮罩层)运动，则遮罩形状作为元件，设置关键帧，分别放置元件的起始位置和终止位置，两个关键帧之间【补间动画】；同时下层在对应终止帧处【插入帧】。（亦可先将形状【分离】成点阵，再用【补间形状】。） 2. 若选择下层(被遮罩层)运动，则显示内容作为元件，设置关键帧，分别放置元件的起始位置和终止位置，两个关键帧之间【补间动画】；同时上层在对应终止帧处【插入帧】。（亦可先将元件【分离】成点阵，再用【补间形状】。） 不论哪一层运动，运动层在“终止关键帧”的元件可以相对于“起始关键帧”的元件进行【修改】|【变形】|【…】操作 运动轨迹不能使用引导层，但可以在拐点处【插入关键帧】，实现较复杂的运动轨迹 选中上层，在右键菜单中选中【遮罩层】。 * 遮罩动画要点补充 运动轨迹由多个关键帧决定，两个关键帧之间只能是直线运动； 运动层（不论是遮罩层还是被遮罩层）的变化可以是【补间动画】（即同一个元件的变形、缩放、翻转等）；也可以是【补间形状】（即不同或同一元件形状的渐变，必须先把元件【分离】成点阵形式）。 * 实例6：探照灯与窗口 元件“圆”，实心 图层1，【文本工具】写“复旦大学”（绿色） 图层2，把元件“圆”拖至绘图纸上，创建首尾两个关键帧，调整尾部关键帧中元件的位置。关键帧之间【补间动画】 把图层2设置为遮罩层。 元件“复旦大学”（红色） 图层3，把元件“圆”拖至绘图纸上，水平居中。调整其大小。 图层4，把元件“复旦大学”拖至绘图纸上，创建首尾两个关键帧，调整尾帧中元件的位置。关键帧之间【补间动画】 把图层3设置为遮罩层。 拷贝图层3上的“圆”元件，在图层5的首帧上【粘帖到当前位置】，在图层5上将其【分离】之后修改其填充色(无色)并加粗边框。 拷贝图层2上的“圆”元件，在图层6的首帧上【粘帖到当前位置】，在图层6上将其【分离】之后修改其填充色(无色)并加粗边框，然后将其【转换为元件…】，在图层6的尾帧上【插入关键帧】，调整图层6的尾帧上的元件位置，使之与图层2尾帧上的元件重合，在图层6上【补间动画】。 * 探照灯与窗口示例 * 实例7：游动的水母 【文件】|【导入】|【导入到库】，把“水母”图片导入。 图层1，【文本工具】写“JellyFish”(实心，字体Ravie)，在尾帧处【插入帧】。（将作为遮罩层） 拷贝图层1上的文字，在图层2的首帧上【粘帖到当前位置】，之后可以修改文字的填充色。 图层3，创建首尾2个关键帧，每个帧里有元件“水母”，调整每个关键帧中“水母”元件的位置，关键帧之间用【补间动画】。注意，动画补间只适用于元件，因此要把导入的位图【转换为元件】。 把图层1拖至顶部，鼠标右键菜单项【遮罩层】。 拖动图层2，使之紧贴图层3。 在底部创建图层4，导入企鹅图片作为整个动画的背景。 * 游动的水母 * 游动的水母效果 * 例8：颜色的变化 * 例8：颜色的变化效果 * 例9：角色的逐渐扩充显示 图层1，写入文字“复旦大学” 图层2，首尾各【插入空白关键帧】，首帧用铅笔画一个较小的封闭区域(不包含文字)，尾帧用铅笔画一个较大的封闭区域(包含文字)。用【颜料桶工具】填充两个区域。 把图层2首尾关键帧中的区域分别【分离】，再做【补间形状】（注：如果上一步使用元件，则此处可不作分离，直接用【补间动画】） 。 把图层2设置为【遮罩层】 图层3，拖至底层，导入图片作为总背景。 * 例9：逐渐扩充显示的效果 * 用以替代某些每个帧都是关键帧的动画。 Flash作业6：放大镜 参见附件“Ch12-Flash作业6.rar” 以 06.swf 提交。 * Flash作业7：切换 * 参见附件“Ch12-Flash作业7.rar” 以 07.swf 提交。 教材例8：探照灯效果 新建一个电影，并打开影片库。 新建图形元件，名为“文字”。选择“文字”工具，修改属性中的字号为60，在编辑区中输入文字“WELCOME”。 新建图形元件，名为“探照灯”。选择“椭圆”工具，绘制一个圆形图案。 点击“场景”按钮，在图层1的第一帧中插入“文字”元件，在30帧上插入关键帧。在图层2的第一帧中插入“探照灯”元件，使位置与“WELCOME”的“W”重合，在30帧上插入关键帧，使位置与文字最后的“E”重合。在图层2创建补间动画。 右键单击图层2，选择“遮罩”命令，按Ctrl+Enter预览动画效果。 * 教材例9：转动的