Flash视觉特效之闪烁的星辰
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
一望无际的夜空，亮丽的星辰在悄悄的眨着眼睛，放射出迷人的星光。本例是用Flash设计星光效果。见效果图所示。就技术而言，本例将讲解“变形”面板、“移动渐变”动画以及简单的AS控制语句的运用。下面笔者就给大家讲解本例的具体制作方法。 效果图： 
效果截图（点击这里播放）
源文件下载：点击这里下载
效果预览：点击这里预览
1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为450px x 400px，黑色背景。帧频为25fps。
2．按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“星星”的图形元件。点选“工具”面板里的“铅笔”工具 ，在“星星”元件的场景里绘制一个如图1所示的线段，其宽、高度分别为2.5px、55px。
图1
3．点选刚绘制的线段，按Shift+F9键打开“混色器”面板，如图2所示设置。其中左边滑块的颜色为#E9CF1B，中间滑块的颜色为#8BF8DC，右边的滑块是黑色的。这三个滑块的Alpha值都是100%。
图2
4．按快捷键Ctrl+F8创建一个名为“星星动画”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板，将其中的“星星”元件拖拽到“星星动画”元件的场景中。
5．点选“星星动画”元件“图层1”第30帧，按F6键插入关键帧。点选第30帧中的“星星动画”元件，垂直向上移动300px，按快捷键Ctrl+T打开“变形”面板并进行如图3所示的设置。右键单击该层的第1帧，并在弹出的菜单中选择“创建补间动画”命令创建补间动画。
? 图3
6．点选第31帧，按F7键插入一个空白关键帧。按F9键打开“动作”面板，输入代码stop。?
7．回到“场景 1”，打开“库”面板，将其中的“星星动画”元件拖入场景的中央位置。点选场景中的“星星动画”元件，在“属性”面板中给它起个实例名为“星星”，如图4所示。
?图4
8．点选“场景 1”第1帧，按F9打开“动作”面板，输入如下代码：
// i大于50，重置为0if (i>50) i = 0; // 定义star()函数 function star() { // 复制影片剪辑 ?? duplicateMovieClip("星星", "星星" add i, i); // 旋转“星星”，使其忽明忽暗 _root["星星" add i]._rotation = Math.random()*360; _root["星星" add i]._alpha = Math.random()*90+10; } // 每隔30毫秒调用一次函数 setInterval(star, 30); 好了，效果到这里就制作完成。在代码中，_rotation是角度属性，可以改变元件的角度、_alpha是透明度属性，可以改变元件的透明度。Math.random()返回在0到1之间的一个随机数。如果把代码中的360角度改得很小，就会得到很有趣的“流星雨”效果，有兴趣的朋友可以试一试。 关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash教程实例：水中浮动的文字下一篇: Flash带你穿越无限时空
关于Flash视觉特效之闪烁的星辰的所有评论
