用FlashMX打造逼真打火机（二） -pc6资讯

您的位置：首页 → 网页设计 → Flash → 用FlashMX打造逼真打火机（二）

用FlashMX打造逼真打火机（二） 时间：2004/11/7 2:23:00来源：本站整理作者：蓝点我要评论(0)

3．制作火花

　　按Ctrl+vF8键，新建一个名为“Spark”的Movie Clip符号。Movie Clip符号“Spark”的场景中只有1层4帧，第1帧中火花的大小为1 px X 1 px。也就是说这时的火花可以是任意形状。第1帧中的代码是：stop();。第2帧、第3帧中的火花位置与大小如见图10、图11。图中白色的“╬”为场景的中心点。第4帧为空白帧，帧里的代码是：gotoAndStop(1);。

图9 Spark的层结构图

图10 第2帧的火花

图11 第3帧的火花

　　其实，第2帧和第3帧中的火花设置也很简单，是由一些白色和黄色的小线段组成的。所以，我们可以先用线条工具画出一个个小线段，然后用油漆桶工具上色。当然，你也可以用一点青色和红色来点缀一下。

　　在Flash中，播放1帧需要的时间是0.1秒，那么，这段火星动画只需要0.3秒就播放完了，这样，利用人的视觉停留原理就可以轻松实现火星的迸溅效果了。

　　4．制作齿轮

　　按Ctrl+F8键，新建一个名为“Gear”的Movie Clip符号。在“Gear”的场景里先画出一个灰色的圆环，然后在圆环上画一些交错的黑白色小线条，如图12。齿轮的大小为16 px X 16 px。（此为400%的图片）

图12 齿轮设计图

　　选中做好的齿轮，按快捷键Ctrl+G把它变成组图，接着点选第3帧，按F6键插入一个关键帧。右键单击第1帧，选择Create Motion Tween命令。按Ctrl+T键打开Transform面板，把第3帧中齿轮的角度改为20度，即向右旋转20度。

最后，点选第3帧，按F9键，然后输入代码：stop();。这样，齿轮在播放一次，也就是旋转20度后便停止了，不会不停地旋转

5．制作液气

　　新建一个名为“Fluid”的Movie Clip符号。点选“Fluid”场景中的第1帧，输入代码：stop();。接着点选第5帧，按F7键插入一个空白帧，然后画一个图片。图片的颜色为#ECFFF3，Alpha值为20%。图片的大小为36 px X 70 px。形状如图13。

图13 打火机液体

　　点选这个图片，按快捷键Ctrl+G把它变成组图，接着点第200帧，按F6键插入一个关键帧。右键单击第5帧，选择Create Motion Tween命令。接着，点选第200帧中的图片，打开Info面板，把图片的大小设置为36 px X 1 px。

　　点选第201帧，按F9键，然后输入代码：

setProperty("_root.fire", visible, 0);

//设置Movie Clip符号Fire的visible属性为0，即Fire影片剪辑不可见

gotoAndStop(1);

这段代码的主要作用是为了让打火机的液气在用完以后，火焰可以自动地熄灭。

　　6．导入声音

　　俗话说，鲜花还须绿叶扶持。一个Flash动画如果没有音乐，那么这个动画便没有了生气，但哪怕只有一点点音乐，说不定就能起到画龙点睛的效果。所以本着这个设计理念，我们为动画导入一个齿轮和火石摩擦的声音。

　　7．制作按钮

　　设计这个按钮是为了以后把它拖拽到场景中，再给这个按钮加上一段代码，用它来实现对以上所有影片的控制。这个按钮本身的效果是实现打火机的按钮被按动事件与齿轮转动事件同时发生。下面我们就来看看这个按钮的制作方法。

　　按Ctrl+F8键新建一个名为“Lighter Button”的Button符号。双击Layer 1层，把它改名为“Button”层，然后新建一层并命名为“Gear”层。

　　在“Graphic符号“image”里把打火机的按钮截取下来，然后粘贴在Button符号“Lighter Button”场景的Up帧里，接着在Down帧里按下F6键插入关键帧，按Ctrl+T键打开Transform面板把打火机按钮向右旋转10度，使按钮有被按下的效果。点选Down帧，按快捷键Ctrl+L打开库，把刚才导入的声音拖拽到Down帧里。点选Hit帧，用矩形工具画一个矩形（不要边线）。这个矩形正好覆盖打火机的按钮与齿轮。

　　在库中把Movie Clip符号“Gear”拖拽到“Gear”层的Up帧里，接着点选Down帧，并按F6键插入关键帧，然后点选Up帧场景里的齿轮，按Ctrl+B把它打散。Up帧场景里的齿轮影片被打散后就变成了图片，这样，鼠标移到按钮上，齿轮就不会转动了，而是要等到鼠标在按钮上按下时，Down帧里的“Gear”影片剪辑才会被调用，齿轮才会转动。

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。