当前位置:Flash首页 --> 基础教程 --> 基础教程
酷炫鼠标
编 辑:kevin 来 源:
点 击: 添加时间:2004-11-28

预览成品:鼠标在画面上移动时,会随即在滑过的地方产生一个黄色的小球慢慢放大并透明化的效果。

下载源程序


逐步说明:
  1)选择菜单File->New,建立一个新电影。
  2)选择菜单Modify->Movie,弹出电影属性对话框,设置如图所示。

电影属性对话框

  3)新建一图层“background”,选择工具栏中的文字工具,设定字体为“_Sans”,大小为“48”,颜色为淡蓝色。

字体字号颜色

设置完毕,在工作区中点击鼠标并输入文字“Cool Mouse”。

文字

  4)选择菜单Insert->Symbol,插入新图符菜单输入图符名称“ball”,在Behavior域中选择“Graphic”项,

图符对话框

进入图符“ball”编辑模式。
  5)绘制如图所示的圆形图片。

圆形图片

  6)选择菜单Insert->Symbol,输入图符名称“btn”,在Behavior域中选择“Button”项,

按钮图符

进入图符“btn”编辑模式。
  7)用鼠标右键点击图层Layer1的“hit”帧,在弹出的菜单中选择“Insert Keyframe”项,即在“hit”处插入一个关键帧。
  8)选择工具栏中的画圆工具,并在工作区中绘制一圆形如图所示。

按钮编辑

9)选择菜单Insert->Symbol,

建立新图符

输入图符名称“cool mouse”,在Behavior域中选择“Movie Clip”项,

图符属性对话框

进入图符“cool mouse”编辑模式。

图符编辑

  10)在图符资料库中点击并拖动“btn”到工作区中。

图符编辑

点击增加图层按钮以增加图层Layer2,在图层Layer2的第2帧插入一关键帧,选中它,从图符资料库中拉入图片“ball”。

图层2中拉入图片

  11)在图层Layer2的第14帧处插入一个关键帧,用常用工具栏的Scale按钮,略微放大图片,并设置它的Apha值为9%。

透明设置 被透明的圆星

  12)用鼠标右键点击Layer2的第2帧,在弹出的菜单中选择“Creat Motion Tween”项,建立渐变路径。

建立运动路径

  13)用鼠标双击Layer2的第1帧,进入帧属性对话框,切换到“Action”选项卡,点击“+”按钮,选择“Stop”项。

Actions对话框

这里需要说明的是后面的渐变动画是由鼠标来控制的,如没有响应鼠标事件,该Movie Clip永远停留在第1帧。

14)下面讲述怎样用鼠标控制后面的渐变动画。用鼠标右键点击工作区中的“btn”按钮,在弹出的菜单中选择“Properties”项,

按钮属性菜单

进入该按钮属性对话框。切换到“Action”选项卡,点击“+”按钮,在弹出的菜单中选择“go to”语句,这时您将看到在Action下方已加入了三条语句。我们先选择第一条语句“On(Release)”,在右边栏中默认选择的是“Release”,意思为:当鼠标释放时,执行下一条语句。这里我们选择“Roll Over”,

按钮的Actions

表示鼠标移到该按钮上时,即触发鼠标事件。它与第三条语句配套使用,第三条语句即表结束这个鼠标事件。最后我们选择中间那条语句,默认值为“Go to and Stop(1)”,表示跳动到第1帧,并停止。这里我们在“Number”区域中输入“2”,选中Control域中的“Go to and Play”,表示跳动到第2帧并向后播放。

Go to语句

设置完毕,点击“确定”按钮,关闭属性对话框。
  15)用鼠标点击等时线窗口右上角的按钮,在弹出的菜单中选择“Scene 1”,切换到场景1。

场景1

新建图层“cool mouse”,从图符资料库中拉入“cool mouse”,连续复制它至布满整个工作区,如图所示。

最终界面

  16)选择菜单Control>Test Movie,即可测试所制作的电影效果。

相关链接:
1.箭头跟随鼠标效果 (2004-12-24)
2.简单的Flash鼠标跟随制作教程 (2006-2-9)
3.鼠标跟随的另一种制作方法 (2006-7-25)