闪闪烁烁满天星:经典Flash光标跟随效果

2008-04-02 10:56:29来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  所谓光标跟随效果,是指在浏览网页时,光标周围总有一些可爱的小东东环绕着,他们飞来飞去,光标移动到哪里,他们就跟随到哪里。光标跟随实际上是Flash中一个“古老的”的话题了,但是对于初学者来说,依然新鲜有趣。下面,请跟我一起制作一个简单的光标跟随动画吧,以此为基础,大家能够制作出更酷的效果。

  效果如下:

  

  

  


  第一步:首先从网上下载一个漂亮的星星闪烁的GIF动画,

  闪闪烁烁满天星:经典Flash光标跟随效果

  star.gif

  当然也能够在ImageReady之类的软件中自己制作一个,很简单(见图1)。

  闪闪烁烁满天星:经典Flash光标跟随效果

  第二步:启动Flash MX 2004中文版(以下简称Flash),执行“文档→新建”命令新建一个Flash文档,接着执行“修改→文档”命令打开文档属性对话框,将背景颜色配置为黑色,单击“确定”按钮返回。

  第三步:执行“插入→新建元件”命令(快捷键为Ctrl+F8)打开创建新元件对话框,名称配置为“星星”,行为配置为“影片剪辑”,单击“确定”后进入影片剪辑编辑窗口。接着执行“文档→导入→导入到舞台”命令,在出现的对话框中找到第一步中准备好的star.gif文档并将其导入进来(见图2)。

  闪闪烁烁满天星:经典Flash光标跟随效果

  



  第四步:再次执行“插入→新元件”命令,在打开的创建新元件对话框中,将名称配置为“群星”,行为配置为“影片剪辑”,单击“确定”按钮进入该影片剪辑编辑窗口。右单击时间轴上图层1的第25帧,选择“插入帧”命令,然后连续单击时间轴左下角的“插入图层”按钮增加5个图层。执行“窗口→库”命令(快捷键Ctrl+L)打开库面板,点选图层1中的第1帧,从库面板中将前面制作的“星星”影片剪辑拖入到舞台中央。

  

接着右击图层2的第5帧,选择“插入关键帧”命令,再同样将“星星”影片剪辑拖到舞台上,其位置可和图层1中的影片剪辑错开一点。依此类推,图层3的第8帧、图层4的第12帧、图层5中的第20帧处都建立一个关键帧并将“星星”影片剪辑拖入到舞台中,且使他们的位置各不相同。这样做的目的是为了使星星在闪烁的时间上、位置排列上错落有致,让最终画面更加活泼一些,如图3所示。当然您也能够按照自己的意愿任意配置影片剪辑的位置、数量、起始帧和结束帧。同时还能够调整所拖入的“星星”影片剪辑大小等等,最后单击时间轴左上方的“场景1”按钮返回到主场景编辑模式中。

  闪闪烁烁满天星:经典Flash光标跟随效果

  第五步:在主场景中,点选图层1的第1帧,然后将刚刚建立好的“群星”影片剪辑从库面板中拖到舞台上,确保拖入的“群星”影片剪辑为选中状态,此时展开舞台下方的属性面板,单击“实例名称”文本框,为这个实例改一个名字,叫做stars,如图4所示。为实例取一个名称,就能够在ActionScript动作脚本中调用他了。

  闪闪烁烁满天星:经典Flash光标跟随效果

  第六步:点选图层1第1帧,然后单击展开下方的“动作-帧”面板,在右侧编辑区输入1行ActionScript动作代码:

  

startDrag("stars",true);

  此时按Ctrl+回车键测试一下影片,就会发现有许多一闪一闪的小星星,而且还会一直跟随着光标移动呢,怎么样,很有成就感吧。假如对效果满意,就按Ctrl+S键保存好动画源文档,再执行“文档→导出→导出影片”命令导出为SWF动画即可。(网络大补贴参见第52页)

  小提示

  startDrag的语法格式为:startDrag(目标,固定,l,t,r,b)。其中“目标”就是我们配置的跟随光标移动的影片剪辑;“固定”是指Lock mouse to center,即影片剪辑是否锁定光标居中,其值有两个,true或false;l、t、r、b是指限定影片剪辑在一个矩形之内,他们分别表示左、上、右、下。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Flash小技巧:加载外部图片

下一篇: 通过实例来介绍Flash的绘图指令的使用