闪闪烁烁满天星:经典Flash光标跟随效果
2008-04-02 10:56:29来源:互联网 阅读 ()
所谓光标跟随效果,是指在浏览网页时,光标周围总有一些可爱的小东东环绕着,他们飞来飞去,光标移动到哪里,他们就跟随到哪里。光标跟随实际上是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是指限定影片剪辑在一个矩形之内,他们分别表示左、上、右、下。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: Flash小技巧:加载外部图片
下一篇: 通过实例来介绍Flash的绘图指令的使用
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash