Flash MX2004入门与进阶实例——元件和实例(22)

制作步骤

我们先看看7个按钮的外形，其实，7个人物不是按钮，他们与画面上的其它装饰图形一样，仅是个背景图，我们用的是7个“透明按钮”！

“透明按钮”可以用几种方法做，最先想到的当然是用【属性】面板在按钮的【颜色】设置中把【Alpha】值填为“0”，但这样一来，按钮内部的动画也看不到了，我们只能在按钮内部想办法。

现在我们用第4个按钮为例来介绍透明按钮的制作方法。

步骤1　创建按钮元件

新建名为“but_4”的按钮元件，在这个元件的编辑场景中，将【图层1】重新命名为“图形”，在舞台十字中心位置绘一个白色矩形，并转换为名为“按钮板”图形元件，把它的【Alpha】值置为“0”即可。这里顺便说一下，按钮的“响应区”也用了这个元件，是为了简便，如果你把“响应区”画成与背景人物一样的图形，那么鼠标移向按钮时的感觉更精确。

回到【场景1】场景，新建“按钮”图层，将“but_4”拖放到舞台上的第4个人上，如图4-5-7所示。

图4-5-7 “but_4”按钮的制作

步骤2　创建按钮中的MC元件

按钮中MC的动画过程是通过一个名字叫“线条4”的MC元件实现的。如图4-5-8是这个MC的图层结构。整个的动画效果就是当鼠标移动到第4个按钮时，从【Layer1】到【Layer4】4段线条的“运动变形”过程，【Layer5】是小球“闪烁3下”效果。

为了线条指向的准确性，我们在场景中来创建MC。双击“but_4”实例，再回到“but_4”按钮编辑环境中，插入一个新图层并重新命名为“MC”。

在【指针经过】帧插入关键帧，将“竖线”图形元件拖放到适当位置，并转换为“线条4”影片剪辑元件。双击该实例，进入到“线条4”编辑环境中进行MC的编辑。如图4-5-8

[1] [2] [3]  下一页