Flash实例:地下室的幽灵火焰
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
飕的风滑过皮肤的感觉。墙的制作方法如下: 按Ctrl+F8键,新建一个名为“墙”的Graphic符号。选择直线工具 后,如此图标 设置Properties面板。 用直线工具在“墙”的场景里画出一堵墙来,效果如图10所示。制作墙时要用点巧劲,其实也很简单,就是Ctrl+C和Ctrl+V啦。 5.? 制作火焰动画。 火焰动画是本文效果实现的关键之一。制作这个火焰动画我们可以学到Flash中颜色运用的一个非常实用的技巧。其制作方法如下: 按快捷键Ctrl+F8新建一个名为“火焰动画”的Movie Clip符号。制作之前我们先看一下“火焰动画”层与帧的组成结构图,如图11所示。图11中的Transform面板为第5帧中光球的设置,即放大1.1倍。 ? 图11? “火焰动画”符号的层与帧结构图 ? 图13? 第5帧光圈的变形 由图11可知,“火焰动画”符号中只有一层,20帧,每隔5帧为一个关键帧。按快捷键Ctrl+L打开库,把库中的Graphic符号“光球”拖拽到“火焰动画”层的第1帧的场景的中心(0 px,0 px)。然后右键单击层的第1帧,选择Create Motion Tween命令,建立渐变运动。现在就建立渐变运动可以减少操作,这以后就不用再做此步骤了,可谓“一劳永逸”啊。 分别单击第5、10、15、20帧,按快捷键F6插入关键帧。选中第5帧中光圈图像,接着按快捷键Ctrl+F3打开Properties面板并如图12所示设置。“Color”下拉菜单选项中的Tint为颜色的对比度。接着打开Transform面板并把光圈放大到110%,见图11。最后把这个光圈图像向上移动30px。 选中第10帧,用同上方法把光圈图像的Tint颜色设为红色并放大放大120%,然后把它向上移动80px。 选中第15帧,把光圈图像设为黑色并放大放大200%,然后再把它向上移动120px。 选中第20帧,把光圈图像设为黑色并放大放大120%,然后再把它向上移动120px。 ? 图12? 第5帧光圈颜色的对比度 图14? 火焰动画设置效果 图16? 给“火焰动画”起个实体名 火焰动画的设置效果如图14所示,图片的显示用了洋葱皮命令 。 二、设计场景 1.? 设计主场景中的层 单击 按钮,如图15建立各层,层的次序不要变化。图15中显示了库中所有的符号以及各符号在场景中的相对位置。现在,你只要把已经设计好的电影剪辑从库中拖拽到相应的层里就可以了。如把影片剪辑“光圈动画”拖入到“光圈动画”层中。把符号放在各自的层里,然后通过隐藏和锁定它们我们就可以实现便捷、高效地工作了。 技巧提示:如果你发现符号还需要编辑,可以双击元件后进入编辑状态编辑,编辑时锁定其它层或隐藏其它层,这样调整起来就比较省力省时。而且,在编辑状态下调整符号的位置也是很方便的。 2.? 设计火焰动画层 把设计好的“火焰动画”影片从库中拖拽到“火焰动画”层中,接着选中“火焰动画”并在Properties面板里给影片起个实体名fire,如图16所示。然后右键点击场景中的“火焰动画”影片,选择Actions命令打开Actions面板,输入如下代码: // load事件为载入命令,当影片播放时就执行下面的代码 onClipEvent(load) { // 语句的作用是让火焰动画在X轴的方向上左右移动,Math.random()产生随机数? ? _x += Math.random()*10 -5; //在Y轴的方向上改变火焰的大小,_yscale是影片在Y轴方向上的缩放属性 ? _yscale = Math.random()*60 + 40; } 这段代码的作用是让光球左右跳动,并时时改变自身的高度。这段代码和下面的代码结合就会产生火焰效果。 3.? 设计Actions层 用新建层按钮 新建一个“Actions”层,然后点选层中的第2帧并按F7键插入空白关键帧。按F9键打开Actions面板,在两帧中各输入以下代码。 第1帧中的代码如下: // 变量i控制着影片的深度(层次) i = 1 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash 制作动态饼图下一篇: SWF文件结构大解剖
关于Flash实例:地下室的幽灵火焰的所有评论