所谓光标跟随效果,是指在浏览网页时,光标周围总有一些可爱的小东东环绕着,它们飞来飞去,光标移动到哪里,它们就跟随到哪里。光标跟随实际上是Flash中一个“古老的”的话题了,但是对于初学者来说,依然新鲜有趣。下面,请跟我一起制作一个简单的光标跟随动画吧,以此为基础,大家可以制作出更酷的效果。
效果如下:
第一步:首先从网上下载一个漂亮的星星闪烁的GIF动画,
star.gif
当然也可以在ImageReady之类的软件中自己制作一个,非常简单(见图1)。
第二步:启动Flash MX 2004中文版(以下简称Flash),执行“文件→新建”命令新建一个Flash文档,接着执行“修改→文档”命令打开文档属性对话框,将背景颜色设置为黑色,单击“确定”按钮返回。
第三步:执行“插入→新建元件”命令(快捷键为Ctrl+F8)打开创建新元件对话框,名称设置为“星星”,行为设置为“影片剪辑”,单击“确定”后进入影片剪辑编辑窗口。接着执行“文件→导入→导入到舞台”命令,在出现的对话框中找到第一步中准备好的star.gif文件并将其导入进来(见图2)。
第四步:再次执行“插入→新元件”命令,在打开的创建新元件对话框中,将名称设置为“群星”,行为设置为“影片剪辑”,单击“确定”按钮进入该影片剪辑编辑窗口。右单击时间轴上图层1的第25帧,选择“插入帧”命令,然后连续单击时间轴左下角的“插入图层”按钮增加5个图层。执行“窗口→库”命令(快捷键Ctrl+L)打开库面板,点选图层1中的第1帧,从库面板中将前面制作的“星星”影片剪辑拖入到舞台中央。
接着右击图层2的第5帧,选择“插入关键帧”命令,再同样将“星星”影片剪辑拖到舞台上,其位置可与图层1中的影片剪辑错开一点。依此类推,图层3的第8帧、图层4的第12帧、图层5中的第20帧处都建立一个关键帧并将“星星”影片剪辑拖入到舞台中,且使它们的位置各不相同。这样做的目的是为了使星星在闪烁的时间上、位置排列上错落有致,让最终画面更加活泼一些,如图3所示。当然您也可以按照自己的意愿任意设置影片剪辑的位置、数量、起始帧和结束帧。同时还可以调整所拖入的“星星”影片剪辑大小等等,最后单击时间轴左上方的“场景1”按钮返回到主场景编辑模式中。
第五步:在主场景中,点选图层1的第1帧,然后将刚刚建立好的“群星”影片剪辑从库面板中拖到舞台上,确保拖入的“群星”影片剪辑为选中状态,此时展开舞台下方的属性面板,单击“实例名称”文本框,为这个实例改一个名字,叫做stars,如图4所示。为实例取一个名称,就可以在ActionScript动作脚本中调用它了。
第六步:点选图层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是指限定影片剪辑在一个矩形之内,它们分别表示左、上、右、下。