【空间教程】开门效果的Flash教程 (8/723)

 欢迎到悠然空间·欢乐城堡作客   黑白风格非主流原创空间 

                                          new.qzone.qq.com/529902480

第一个,点击鼠标开门效果:


wgejitpgmw.blog.enorth.com.cn/attachment/flash/478393.swf

第二个,鼠标经过文字出现火焰效果

wgejitpgmw.blog.enorth.com.cn/attachment/flash/478396.swf

第三个,点击图片出现飞刀效果

wgejitpgmw.blog.enorth.com.cn/attachment/flash/478472.swf

上面三个效果,都是QQ空间长见的动画特效,下面我做个详细的教程,介绍给那些新学Flash的朋友。看教程后,如有不懂的,可以到我空间留言,我会帮大家一一解答。

下面我以第一个点击鼠标实现开门效果的动画为例：

首先整备一张门的素材图片：



1.新建文档，如下图：



2.执行：文件--导入--导入到舞台，把上面的图片保存到电脑后导入到舞台。

3.选中图片，在属性里改图片的大小为舞台的一半211×330。



4.把改小的门转换为元件：选中门的图片，在图片上点右键，在弹出的菜单选择倒数第二行转换为元件。再在弹出的

  菜单设置为影片剪辑。



5.新建图层2。

  

6.把门的影片剪辑拖入到图层里，点Alt+M键,在变形里点击水平翻转.翻转后,舞台上的刚好一左一右.把门在舞台上排

  好,刚好遮住整个背景。效果如下：

  

7.在图层1和2的60帧处插入关键帧。

8.在图层1的60帧处选中任意变形工具后，把中间的小白点移到左边中间的小框框内。



把门缩小到0.0×330后，创建1到60帧的补间动画。(方法为点击1至59的任意一帧的右键，弹出的菜单中选中第一行：创建补间动画。)

9.用第8步的方法，创建图层2中右边门的补间动画。

10.按控制加回车键查看动画做的是否准确。

11.新建一个按钮。

  

12.用矩形工具画一个笔触为无颜色为黑色211×330的矩形。



选中矩形，在颜色面板里设置矩形颜色为透明。参考下面图片：



13.在主场景中新建图层3和图层4。
   把按钮拖入图层3和图层4中。
   在3和4图层的第60帧插入关键帧，分别把按钮缩小到10×330，后创建补间动画。
   操作参考第8步。(透明按钮跟随门一起开和关)

14.加代码：

   ⊙分别在图层2的第一帧和最后一帧，在动作面板里加入
stop();

     意思是停止，也就是说，FLASH播放到第一帧时就停止播放。

   ⊙点击图层4的第一帧后，选中舞台上的图层4按钮。在动作面板里加入  

on (release) {
gotoAndPlay(2);
}

     意思是 点击鼠标转到第二帧并播放:

    ⊙重复上面一步，在图层3中加入上面的代码。


到此一个简单的点击后开门效果的动画就做好了。
下面介绍几处代码，供参考备用:  

点击鼠标转到第二帧并播放:

on (release) {
gotoAndPlay(2);
}


停止代码:

stop();

转到第二帧代码:

gotoAndPlay(2);


鼠标经过转到第二帧并播放:

on (rollOver) {
gotoAndPlay(2);
}


鼠标退出转到第一帧:

on (rollOut) {
gotoAndPlay(1);
}

(带鼠标说明的必须加在动作面板-按钮里)