这里我们要用Flash做一个按钮,而这个按钮本身是一带有动画效果的。大多数人可能知道怎么创建一个按钮,可是,怎样做一个带有动画效果的按钮呢?那么,Let's do it! 我们知道,在Flash中,可以插入场景中的符号(Symbol)有三种,它们分别是Movie Clip(动画片段)、Button(按钮)和Graphic(图片)。向Flash动画中添加按钮,实际上是插入一 1、运行Flash,新建一个影片文件,设置背景为黑色,大小自定,如图1。 2、先不要在舞台上添加任何对象。选择菜单Insert>New Symbol(或按快捷键Ctrl+F8),会弹出Symbol Properties(符号属性)对话框,将Name改为Button,将符号的行为(Behavior)设为Button。单击Ok,关闭该对话框,如图2。 这样我们就新建了一个按钮符号,同时,窗口切换到按钮编辑窗口。你可以按Ctrl+L打开库(Library)窗口,会发现其中有一个名为“Button”的按钮符号,不过这个按钮现在是空的。不要急着向其中添加任何对象,因为我们要做的是动画按钮,所以下一步要插入一个动画片段,如图3。 3、选择菜单Insert>New Symbol,在弹出的对话框中设置Name为Movie Clip,并将Behavior设为Movie Clip。单击OK,则窗口会自动切换到Movie Clip编辑窗口。 4、现在,我们可以做动画了,这里的动画,可以根据你的需要来设计。作为例子,我按如下步骤做了一个文字动画。如果你对动画制作已经非常熟悉,可以跳过下面几步,直接阅读步骤8。 5、选择工具栏上的文字工具(或按快捷键T—Flash用得久了你会发现,快捷键真地很好用,令你有种“我是高手”的感觉),然后在舞台上点击,输入“动画按钮”,将字体改为隶书,字号设为20,颜色设为白色。点击时间线窗口Layer1的第10帧,按F6插入一个关键帧。选中1—10帧,点击右键,选择Copy Frames,复制这10帧。 6、新建一层,在第一帧上点击右键,选择Paste Frames,将Layer 1上的10帧复制到Layer 2。再新建一层,重复以上操作。这样,三层上有相同的帧,如图4。 7、创建动画:选中Layer1的第1—10帧,并在上面点击右键,选择Create Motion Tween,然后选中第10帧,按住Shift,单击向上、向左箭头键各1次,并在Effect面板中选择Alpha,设置透明度为0。对Layer2进行同样的操作,只不过在移动第10帧文字时将方向改为向下、向右。 8、按回车键测试动画,如果没有问题,双击库窗口中的Button按钮符号,进入Button编辑窗口。将库窗口中的Movie Clip符号拖到窗口中间。此时会发现,时间线上Up下面出现一个关键帧。按F6在Over、Down下面也各插入一个关键帧。为了让按钮在鼠标移过时有明显变化,我们可以选中Over下面的关键帧,用矩形工具在文字周围画一个白色的边框。OK,按钮完成了,当然,你还可以为按钮添加超链接,这样浏览者在点击按钮时,就可以打开他们感兴趣的页面,如图5。 9、点击时间线窗口左上方的“Scene1”,切换到场景窗口,将库窗口的Button按钮拖放到舞台上,然后,按Ctrl+回车键测试一下,怎么样,成功了! 其实,Flash本来就是不难学的,有些东西虽然书上并没有举出实例,但只要我们充分发挥想象力,一定可以做出一些更加绝妙的好东西。好了,就到这里吧,以后有什么好的题材,一定再写出来与大家分享。 |