|
第十四课 复杂的按钮
我们要做的第一个特效是鼠标移到按钮上时，让两个光影移到按钮上，这就要用到我们上一课学的MovieClip了。好了让我们从头开始。 首先还是按下Ctrl+M设置工作区大小为300*100，按照第八课的方法，做出一个按钮，它的Up、Over、Down三帧分别画成如左图的样子。然后，回到编辑Scene的状态。在菜单中选择Insert -> New Symbol... 选择Movie Clip，创建一个新的MovieClip。
在这个MC的Layer1层第一帧里，我们要画一个和按钮一样大的蓝色边框，中间的颜色是透明色（用调色板调颜色，把该颜色的Alpha值设为0），如下图。然后在菜单里选择Insert -> Convert to Symbol把这个边框转变为一个图形符号(Graphic Symbol)，然后新建一层Layer2，选中这一层的第一帧，按下Ctrl+L显示符号库(Library)，把刚才做的那个边框符号拖到这一帧来。注意，要让两层里这一帧的两个符号(Symbol)完全重合，中心对准十字架（其实，更好的方法是灵活应用Copy frames 和 Paste frames ，自己动一下脑筋，就可以了。提示一点，可以从按钮符号里复制……呵呵:->）。然后在两个层的第八帧的方格里都单击鼠标右键，弹出菜单后选择Insert keyframe，插入关键帧。然后分别选择Layer1和Layer2的第一帧，把这两帧里的符号(Symbol)分别向右上和左下方移动一段距离，然后在这两帧的方格里单击右键，选择Properties... -> Tweening -> Motion，让它们作Motion运动。最后，把这两层的第八帧里的符号(Symbol)的Alpha值设为0（在符号上单击右键，选择Properties... -> Color -> Alpha。你也可以把第一帧的符号的Alpha值设稍小一点），这样，这个Movie Clip就OK了，留着过会儿用。（MC的Timeline区和第一帧状态如下图所示）
接下来我们就要把这个MC加到按钮上去了，在书签区里选择编辑按钮符号(Button Symbol)进入编辑按钮状态。看到刚才我们做好的按钮了吧，好新建一层Layer2，在Layer1之上。注意我们是把鼠标移到按钮上按钮才动起来，所以我们选中Layer2层的Over帧，按Ctrl+L先是符号库(Library)，按照前一课学的方法，把MC拖到工作区里来，注意，MC中心和按钮中心的两个十字架要完全重合。接着，在Layer2层的另外几帧（Up、Down、Hit）的方格里单击右键，选择Insert blank keyframe插入空的关键帧，这一步非常重要，不可忽略！好了，动画按钮的特效就做好了，只是我们的按钮还没有声音，也不能连接页面，别急，慢慢来。这时的按钮的层区和Timeline区以及Over帧的状态应如下图所示。
现在就要给按钮加入声音了，首先，你得准备一个WAV文件（老兄，拜托找个小一点的，否则，等你放出声音来，我要“等得花儿也谢了”:)），可惜FLASH 4还不支持MP3文件呀！好了，在菜单栏里选择 File -> Import... -> 然后找到那个WAV文件，选中它。好了，注意喽，因为我们要按下按钮，按钮才发声，所以，这段声音要加到哪里呢？对了，按钮符号(Button Symbol)的Down帧。在编辑按钮符号的状态下，选中刚才我们加入的Layer2层的Down帧，按下Ctrl+L显示符号库(Library)，看到一个小喇叭状的图标的那一个符号(Symbol)吗？那就是我们刚才引入的声音文件！这时，你只要把它拖到工作区的任何地方就可以把这段声音加入当前帧了，很简单吧。看见没有，Timeline区这一帧的方格里也多了一段波形，就是这段声音的波形。你现在可以在这一帧的方格里单击右键选择Properties... -> Sound修改一些声音的属性，如加入淡入淡出效果，左右声道转换，以及循环次数等等。相当方便吧。好了，Import声音文件后的符号库，加入声音后按钮的Timeline区如下图所示。（另外，Import...也能引入其他格式的图像，如GIF、JPG等，使用方法和加入声音一样，都可加在你想加入的任何一帧里，你可以自己试一下）
呵呵，现在按钮有声音了吧，我们还要把它连接到一个页面上去呢。在这个例子里，我们要连接的页面是example.html，就是按下例子里按钮后弹出的那个页面。 首先，在书签区里按下编辑场景(Scene)的标签，选择Scene1回到编辑场景状态（一定要回到编辑场景状态），在按钮上单击鼠标右键，选择Properties... -> Action，单击加号按钮，选择Get URL，如下图。然后，选中左面一栏中的Get URL那一行语句，出现如下图的对话框。在右面一栏中的URL项中填入你要连接的URL地址，可以是相对的，也可以是绝对的URL路径，本例填的是example.html（你可要改一下呀，你没有这个页面哟）；Window一项是填打开页面方式，就是和HTML中<a>标签里的target一样，是指定页面在HTML的哪个Frame打开，本例是要在新窗口打开页面，所以选择了_blank，如果不填，默认为在当前Frame打开；Variables是发送变量，我们不要填，如果要发送有用GET和用POST两种方式选择。好了，填完后按下确定，一切搞定！  
摘自《你的网》 孤独过客/文
|
|
