我的轻舞飞扬——FLASH打造飞舞气泡
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
??? 有没有看到过当鼠标滑过时气泡飞舞的Flash效果呢？是不是很漂亮呢，现在就让笔者和大家一起来打造这个非常beautiful的气泡飞舞效果。 ??? 操作步骤： ??? 1．?新建一个flash影片，按下Ctrl + J调整舞台 的大小，设背景为深蓝色。（如图1） 
?
图1
??? 2．?按下Ctrl + F8新建一个名为Bubble的图形元件。（如图2）选择椭圆工具 ，设定描边色为无，在调色板中选择渐变类型为"径向"渐变（如果没有调色板，按下Shift + F9调出调色板），径向渐变中所有色块颜色均为白色，各色块的位置及Alpha的值如图3所示，画一个圆，然后利用"填充转换工具"来缩放渐变的范围并改变中心点的位置，圆的最后效果如图4所示。
图2 ? 
图3 ? 
图4 ??? 3．?按下Ctrl + F8新建一个名为"感应范围"的按钮元件。（如图5） 
图5 ??? 4．?按下Ctrl + F8 新建一个名为"感应范围"的按钮元件。在图层一的"反应区"帧中用椭圆工具画一个无描边色的圆。（注意：只有设定"反应区"即按钮作用范围的按钮，在影片中是看不见的，只有当鼠标移至该按钮上时，才会发生感应。由于此例只做出感应范围，因此Up、经过、Down、反应区的帧上，我们不做任何的设定。）（如图6） 
?
图6
??? 5．?新建一个名字"泡泡动画"的电影剪辑的元件，将"图层一"命名为感应"范围按钮"。（如图7）按下Ctrl + L调出属性库，将名为"感应按钮"的元件拖到这个"泡泡动画"的编辑区中。然后在第20帧处按下F5，插入帧。（如图8）
?
图7
?
?
图8
??? 6．?单击按扭新建一个名为Bubble的图层，，将元件库中的Bubble这个元件拖到编辑区中，调整好大小及位置后，在第20帧处单击鼠标，按下F5插入帧。（如图9）
?
图9
??? 7．?在 第5、20帧处各按下F6插入一个关键帧 ，将 Bubble元件 的形状作由小变大再变小的变形动作。（如图10）
?
图10
??? 8．?然后分别单击第1、5、20帧中的Bubble元件，在属性面板中的颜色下拉框中选择Alpha，三个帧的Alpha值分别为0%、100%、0%。（如图11）
?
图11
??? 9．?在"感应范围按钮"图层的第1帧处单击鼠标右键，在快捷菜单中选择"动作"，在动作面板中选择Action>Movie Control>Stop。（如图12）
?
图12
??? 10．单击锁定按钮将Bubble图层锁定（为了防止编辑其它图层时误将Bubble中的对象进行操作以及选择"感应范围按钮图层"时不会选到Bubble图层的对象）。（如图13）
?
图13
??? 11．单击"范围按钮"图层中的对象，在动作面板中选择Action>Movie Control>Stop，单击on (rollOver) {? 代码，在鼠标的响应事件中选择"指针经过"。（如图14）
?
图14
??? 12．单击按钮回到场景中，将图层一命名为"泡泡飞舞"，从元件库中将做好的"泡泡动画"的电影剪辑拖到场景中。（如图15）
?
图15
??? 13．"泡泡动画"的电影剪辑可以随意放置，可用"自由转换"工具改变这个对象的大小，直到布满画面为止。（如图16）
?
图16
??? OK，现在按下Ctrl + 回车测试一下这个气泡飞舞的效果吧，怎么样，是不是很漂亮呢，快来自己动手做一个吧！关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash游戏开发实例系列：打小狗下一篇: AS常用代码集锦
关于我的轻舞飞扬——FLASH打造飞舞气泡的所有评论
