动态按钮的制作(1)

---摘自《轻松建网》

>>>点击这里为您的浏览器安装FLASH 4.0插件!

第一小节:利用移动渐变创建两个小动画

  第一步:打开Flash4,按Ctrl+M调出影片属性窗口,设定影片高度和宽度分别为200px和150px,背景色为白色,确定。

  第二步:选择椭圆工具,设置线段颜色为空色(即没有颜色),填色颜色选择一个自己喜欢的颜色。然后用鼠标在屏幕上拖出一个圆来。再用选择工具单击画好的圆,按F8键,或选择插入菜单下的转换为组件一项,在弹出的对话框中给它起名叫“图片”,性质为图像性质,确定(如图一)。然后再按DEL键把它从当前窗口删除。

  第三步:选择文字输入工具,选择一种字体,字号为20、颜色为黑色,单击底板,在屏幕上输入“动态按钮”四个字(这里可以按一下Ctrl+Alt+Shift+T,它的作用是消除文字锯齿)。然后用选择工具单击它,按F8,给它起名为“文字”,性质定义为图像性质,确定后按DEL键把它从当前状态下删除。

  第四步:按Ctrl+F8(或选择插入菜单下的添加组件一项),再弹出的窗口中给它起名为“图片动画”,性质为影片片段,确定。这时候我们来到了一个新的场景,从左上角我们可以看见它的名字为“图片动画”。接下来我们按Ctrl+L(或选择窗口菜单中的图库一项)调出图库,用鼠标左键拖住“图片”组件把它拖到场景中来,这里最好让它的中心的那个十字和屏幕中心的那个十字重叠(按Ctrl+Alt+Shift+G使网格显示出来,当鼠标拖动图片出现圆圈时比较容易对准位置)。然后用鼠标在时间轴的第20影格处点一下,按F6键,插入一个关键影格,这时候可以看到第20影格也出现了一个圆。接下来选择缩放工具,用鼠标在方框的一个角上拖动,把这个圆放大到合适大小。双击第20影格的这个圆,在弹出的窗口中选择颜色效果,再选择Alpha,把它的值改为0,确定。然后鼠标右键单击第1影格处,在弹出的菜单中选择产生移动渐变。

  这时候可以发现时间轴上出现了一个箭头。

  打开窗口下的控制器,点播放键就可以看见这个动画的效果了。最后双击第20影格,在弹出的影格属性框中选择“动作”,然后点击加号选择停止属性。

  第五步:按Ctrl+F8,建立一个名为“文字动画”、性质为影片片段的组件。把图库中的文字图片拖到场景中来,用鼠标右键单击图层一,在弹出的菜单中选择插入图层,得到一个新的图层图层二,单击图层二的第1影格,同样把图库中的文字图片拖到场景中,让它和图层一的文字图片重叠。然后分别单击图层一和二的第20影格处,按F6键,插入关键影格。接着把图层一和二第20影格处的文字图像分别用鼠标向下和向上拖动一些距离,移动的距离要相等,分别双击图层一和二第20影格处的图片,在弹出的窗口中选择颜色效果,把Alpha的值改为0。再分别用右键单击图层一和二第1影格处,在弹出的菜单中选择“产生移动渐变”,好了,现在可以用控制器播放这个动画,看看效果。最后双击任何一个图层的第20影格,在弹出的影格属性框中选择“动作”,然后点击加号选择停止属性。