第十七讲：MC应用范例[FLASH8基础教程]

[ 作者：佚名 文章来源：转载 点击数： 1007 更新时间：2007-9-23 7:22:33| 收藏本文 ]
【在线投稿】【信箱投稿(qqs18@163.com)】 【背景： 字号：大 中 小】

源文件和素材：下载

　“图形元件”好比“群众演员”，构成了动画剧演出群体的基础，“按钮元件”是“特殊演员”，它的存在使观众与“舞台”更贴近了，那么“影片剪辑元件”到底有何能耐，在动画舞台独领风骚，成为无可替代的“主角”呢？
　　 首先，“图形”对象就1帧，“按钮”对象是4帧，而“MC”的长度不受限止，尽管我们的【场景】中可能只有1帧，也不妨碍“MC”中的大千世界。
　　 再有，Flash动画的全部优势全能在“MC”中体现，在“MC”中能进行“动画编程”，而且，由于“MC”中可以包含按钮及图形对象，所以“MC”兼有全部动画元件的优势。
　　 最后，“MC”中还可以包含“MC”，这就意味着“MC”具有“多重时间轴”特性，这种特性，使最富于想象的动画编导不会受到束缚，可以说：不怕做不到，就怕你想不到！
　　 创建一个“MC”也最随意，凡是Flash中的对象它全接受，正因为“MC”具有海纳百川的“肚量”，盖世无双的武功，要做到灵活运用决非易事，经验丰富的人感到得心应手；初学者可能有点无所适从了！关键的一点就是技巧的灵活掌握和经验的不断积累，作为一条捷径，就是借鉴、吸收别人作品中的构思技巧及制作思路。本范例是一个巧妙应用MC创建动画特效的实例，希望能对你有所启示。

学习目的

　　u       通过mc制作仿三维空间
　　u      跳转并播放的帧语句应用
　　u      创建光影效果

范例简介

　　这个范例通过7排小球，依照三维透视原理排列，错落有致地上下波动，小球接触地面时还荡出几圈波纹，较好地营造了一种三维空间感。
　　如图4-5-1所示是范例效果。

图4-5-1 仿三维空间效果

制作步骤

本例的特点是简洁巧妙，没用一行代码，动画元素极少，构思相当灵巧，图4-5-2是本例的“图层布局”。

图4-5-2 主场景中的图层结构 

　　其中从【MC1】至【MC7】的图层内容就是7排小球，它们在“舞台”中按一定规律从左到右排列，它们的出现各延迟了6帧，造成“错落有致”的效果。 　
　　 下面叙述一下实例的制作方法。
　 （1）创建影片文档
　　执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550×250像素，【背景色】为黑色，帧频为24帧　单击【确定】按钮。为了让我们在制作的时候能看清，我们先设为墨绿色。

（2）创建元件
　 步骤1 创建实例所需图形元件
　　 分别新建名为“光影”、“水波”和“小球”的图形元件，在各自的舞台上，用合适的工具绘制图形，
　　 光影的制作：画个长条的矩形。宽高为12和140。上面为尖形。线性填充，左边白色ffffff，右边为666666　透明度0

水波的制作：见图，画一个70×70的正圆。混色器选择放射状。左边的色块为000000，透明度为0　，中间的色块是ffffff，也就是白色，透明度为100。右边的色块为000000，透明度为0。如下图　

　小球的制作：在第一帧上按住ｓｈｉｆｔ键画一个30×30的正圆。填充为左白右黑的渐变。第二帧按ｆ６插入关键帧。并在第一帧上输入帧语句stop();命令。

完成后的效果如图4-5-3所示。

图4-5-3 绘制的图形元件效果

步骤2　创建“基础MC”
　　 “基础MC”所要实现的效果是，小球掉到地面产生水波，然后弹起的动画过程。下面，我们就来实现这一过程。
　　 新建名为“基础MC”的影片元件，插入两个新图层，从下往上将图层分别重新命名为“倒影”、“波纹”和“小球”。
　　 从【库】面板中，将“小球”图形元件分别拖放到【倒影】图层和【小球】图层的第一帧，对齐中心后，倒影图层的第一帧小球在十字花中心的正下方5个网格。
　　 注意： 小球图层的第一帧也在对齐场景后，将小球移动到十字花中心的正上方5个网格
　　 调整两个图层中实例的位置后，并将【倒影】图层中小球实例的【亮度】修改为“-71%”。 　
　　 在两个图层的第20帧插入关键帧，分别调整该帧上实例位置，。将倒影和小球刚好从上下碰撞的位置。倒影球和小球刚好上下并拢。倒影的球上部对准十字花，小球的下部对准十字花，并创建动作补间动画。简易值为－100
　　 在两个图层的第50帧和第70帧插入关键帧
　　 在70帧的关键帧上。将倒影和小球的上下部分别对准十字花。也就是回到第一帧的效果
　　 调整它们的位置后，创建第50帧到第70帧的动作补间动画。简易值为100

　在【水波】第21帧插入空白关键帧，将水波图形元件拖放到两个小球的中间，宽高设为32×9并调整实例倾斜度，使之具有透视效果。并对齐场景中心。在第43帧插入关键帧，将该帧上的实例放大，也用任意变形工具左右拉大椭，宽高为280.80，并打开属性面板，将实例【Alpha】值修改为“0%”。回到21帧建立补间动画，简易值设为100

并在时间轴的倒影图层的第70帧输入语句：

gotoAndPlay(1);
　　
　　 这样可以使MC重复播放。如图4-5-4所示，是“基础MC”图层结构及第21帧效果。

　

图4-5-4　“基础MC”图层结构及第21帧效果

步骤3　创建“MC合成1”元件

执行【插入】|【新建元件】命令，新建一个影片元件，名称为“mc合成1”
　　 新建3个图层，在它的4个图层中，分别放置着4个“基础MC”，
　　 在最上的图层4的第12帧按ｆ7插入空白关键帧。打开库面板。将基础ｍｃ拖进场景，打开变形面板，约束打勾。缩放比例为50％。对齐中心。在25帧按ｆ5插入普通帧 　
　　 在图层3的第16帧按ｆ7插入空白关键帧。打开库面板。将基础ｍｃ拖进场景距离图层4的ｍｃ向右偏上的位置上，打开变形面板，约束打勾。缩放比例为38％。在25帧按ｆ5插入普通帧。 　
　　 在图层2的第20帧按ｆ7插入空白关键帧。打开库面板。将基础ｍｃ拖进场景距离图层3的ｍｃ向右偏上的位置上，打开变形面板，约束打勾。缩放比例为28％。在25帧按ｆ5插入普通帧
　　 在图层1的第25帧按ｆ7插入空白关键帧。打开库面板。将基础ｍｃ拖进场景距离图层2的ｍｃ向右偏上的位置上，打开变形面板，约束打勾。缩放比例为21％。在25帧按ｆ5插入普通帧

【MC合成1】的内部如图4-5-3所示。

图4-5-5　“合成1 MC”内部图层结构 

　　从图4-5-5的【时间轴】及舞台内容看，其实并不复杂，两个【小球】和【倒影】图层中的对象都是小球实例，不过下面一个小球有一定透明度，模仿“影子”效果，运动方向相反，而【波纹】图层就是“波纹”效果的“动作变形”。 　　
　　 注意：这个MC时间轴的最后一帧要定义一个停止stop(;)动作，这样避免MC重复播放。
　　（3）布局场景
　 步骤1　单击【时间轴】顶上的【主舞台】标签按钮，返回【场景】，
　　 添加1个图层。由下到上分别给图层起名为：天光，界面。 　
　　 天光图层制作：在天光图层上部画一个正圆。放射填充。3个色块都为蓝色。0A0AFE，右边把透明度设为0，在下部画一个550×200的矩形。下对齐。水平中齐。填充选择黑色 　
　　 在界面图层的第一帧，将库中的光影图形元件拖进场景下半部。第一个设为底对齐和水平中齐。再逐步排列成右边7个光线放射的状态。使用任意变形工具变换角度。可以复制右边的三个粘贴到左边。然后水平翻转。效果如下图：

锁定这两个图层。

　 步骤2　创建mc图层：
　　 在图层1上添加7个图层，由上到下分别重命名为：Mc1 mc2 mc3 mc4 mc5 mc6 mc7。
　　 在mc2图层的第7帧按ｆ7插入空白关键帧
　　 在mc3图层的第13帧按ｆ7插入空白关键帧，
　　 在mc4图层的第19帧按ｆ7插入空白关键帧，
　　 在mc5图层的第25帧按ｆ7插入空白关键帧，
　　 在mc6图层的第31帧按ｆ7插入空白关键帧，
　　 在mc7图层的第36帧按ｆ7插入空白关键帧，

　步骤3　选中ｍｃ1图层的第一帧，将库中ｍｃ合成1拖放到场景下部那7个天光线条的左边第一个。然后双击此影片剪辑，进入ｍｃ元件的编辑状态。对每层的基础ｍｃ进行对齐。十字花一定要对准光影线条。图层4放在光影线条的底部。其它的逐步向内排列。并在36帧按ｆ5插入普通帧

如下图所示：

打开库面板，右键点ｍｃ合成1，选择重制，名称改为ｍｃ合成2，反复重复此重制，复制出6个ｍｃ来。名称分别是ｍｃ合成3　ｍｃ合成4　ｍｃ合成5　ｍｃ合成6　ｍｃ合成7  

　 步骤4　其它6个ｍｃ合成组合场景方法同步骤3。在此就不一一说明。
　　 最后在ｍｃ7图层的第36帧上输入帧语句：stop();
　　 这样我们对7个“基础MC”实例摆放了不同的位置，并用绘图工具绘制界面和天光。
　　 场景摆放位置顶图4-5-2主场景中的图层结构　所示。
　　 整个实例效果请参阅源文件“三维空间.fla”。

课后练习

鼠标看画：