你是不是想找相关Flash动画公司: 二维动画公司 Flash课件制作 宣传片制作 还是要找北京上海西安广州南京的动画制作公司

Flash实例教程:鼠标响应显示图片的动画效果

编辑:翼虎动漫          操作时间:2010/6/19

 

 

  

在这个教程里,夕木木将和大家分享一下,如何应用一些简单的方法,就可以做出一个非常酷的flash效果。

/UploadTeach/201006/20100612121052971.swf

1、在这里我们只要新建一个actionscript 2.0文档就行了。接下来我们新建一个300*360象素大小的文档,帧频为12fps。

 

2、使用矩形工具画出一个带有白色边框的矩形,大小为300*300px;接下来,我们选择右击鼠标,在弹出的菜单选择"转换为元件"转换成"影片剪辑",名字可以随意命名。但是要注意一点,其属性的命名:"viewer"如下图所示:

3、双击这个"影片剪辑"进行编缉状态,在这之前你得先把图片导入到库里面。

4、按键盘上的"F6"插入空白关键帧,从第2帧到第6帧(每一张图片,一个帧)。

5、这样子我们就有了6个关键帧,我们选择第一个帧,使用"文字工具"写上"please an image"。

6、我们在这一帧里添加一个动作,右击在弹出的菜单选择"动作",添加动作代码:

stop();

从第二帧开始把库里面的图片放进去,效果如下图:

7、返回到场景中,现在我们来做一些缩略图,把图片从库里拖出修改为60*60,并把它们放在"矩形影片剪辑"的下面。接下来,我们把这几个缩略图,转换成按扭。按键盘上的"F8"在弹出的窗口选择按扭。

8、现在最神奇的一步就要出来了,呵呵....
选中按扭,右击在菜单中选择"动作",然后给这个按扭添加如下代码:

on (release) {
viewer.gotoAndStop ( x );
}

在这边“X”是缩略图在“viewer”影片剪辑所在的位置。我们现在要做的效果是当鼠标滑过的时候就可以显示图片,那么我们要给每个按扭添加如下的代码:

on (rollOver) {
viewer.gotoAndStop ( x );
}
on (rollOut) {
viewer.gotoAndStop (1);
}

最后按ctrl+enter测试。

 

 

版权申明 ┊ 业务范围 ┊ 加入我们  ┊ 联系方式
翼虎动漫工作室承接各类Flash动画制作 翼虎口号做客户满意的flash订单!!!
地址:上海市青浦区崧泽大道6066号19号楼二楼(整层) 全国免费咨询热线:400 804 9112
我们的业务还包括制作各式公交动画广告地铁动画广告电视动画广告以及多媒体设计与制作
友情链接: 北京三维动画公司 二维动画制作 Flash动画制作 北京动画制作公司 动画制作公司 苏ICP备19008057号
欧美a片-亚洲欧美国产综合aV!