第五节 精彩范例(3)
制作步骤
我们先看看7个按钮的外形,其实,7个人物不是按钮,他们与画面上的其它装饰图形一样,仅是个背景图,我们用的是7个“透明按钮”!
“透明按钮”可以用几种方法做,最先想到的当然是用【属性】面板在按钮的【颜色】设置中把【Alpha】值填为“0”,但这样一来,按钮内部的动画也看不到了,我们只能在按钮内部想办法。
现在我们用第4个按钮为例来介绍透明按钮的制作方法。
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)步骤1 创建按钮元件
新建名为“but_4”的按钮元件,在这个元件的编辑场景中,将【图层1】重新命名为“图形”,在舞台十字中心位置绘一个白色矩形,并转换为名为“按钮板”图形元件,把它的【Alpha】值置为“0”即可。这里顺便说一下,按钮的“响应区”也用了这个元件,是为了简便,如果你把“响应区”画成与背景人物一样的图形,那么鼠标移向按钮时的感觉更精确。
回到【场景1】场景,新建“按钮”图层,将“but_4”拖放到舞台上的第4个人上,如图4-5-7所示。
图4-5-7 “but_4”按钮的制作
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)
步骤2 创建按钮中的MC元件
按钮中MC的动画过程是通过一个名字叫“线条4”的MC元件实现的。如图4-5-8是这个MC的图层结构。整个的动画效果就是当鼠标移动到第4