记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

鼠标响应显示图片的动画效果[含7P]

[复制链接]
发表于 7 天前 | 显示全部楼层 |阅读模式
  在动画教程这个学习网里,将和大家分享一下,如何应用一些简单的方法,就可以做出一个非常酷的鼠标响应显示图片的动画效果.
  1.在这里我们只要新建一个actionscript 2.0文档就行了。接下来我们新建一个300*360象素大小的文档,帧频为12fps.
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452uem0yzllfzbeeezz 1  2.使用矩形工具画出一个带有白色边框的矩形,大小为300*300px;接下来,我们选择右击鼠标,在弹出的菜单选择"转换为元件"转换成"影片剪辑",名字可以随意命名.但是要注意一点,其属性的命名:"viewer"如下图所示:
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452y05ghhx5xdvgvhgg 2  3.双击这个"影片剪辑"进行编缉状态.在这之前你得先把图片导入到库里面.
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452aqxv7qhihu74xvv8 3  4.按键盘上的"F6"插入空白关键帧.从第2帧到第6帧(每一张图片,一个帧).
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452p5m05po5pgyuh0gp 4  5.这样子我们就有了6个关键帧.我们选择第一个帧,使用"文字工具"写上"please an image".
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452kzvyd8hswmv51gwz 5  6.我们在这一帧里添加一个动作.右击在弹出的菜单选择"动作",添加动作代码:
  stop();
  从第二帧开始把库里面的图片放进去,效果如下图:
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452fl912922w1u222f1 6  7.返回到场景中,现在我们来做一些缩略图,把图片从库里拖出修改为60*60,并把它们放在"矩形影片剪辑"的下面.接下来,我们把这几个缩略图,转换成按扭.按键盘上的"F8"在弹出的窗口选择按扭.
鼠标响应显示图片的动画效果 please,缩略图,学习网,图片,三联 【FL】 103452nvjyyipgpxufi4ij 7  8.现在最神奇的一步就要出来了,呵呵....
  选中按扭,右击在菜单中选择"动作",然后给这个按扭添加如下代码:
  on (release) {
  viewer.gotoAndStop ( x );
  }
  在这边“X”是缩略图在“viewer”影片剪辑所在的位置。我们现在要做的效果是当鼠标滑过的时候就可以显示图片,那么我们要给每个按扭添加如下的代码:
  on (rollOver) {
  viewer.gotoAndStop ( x );
  }
  on (rollOut) {
  viewer.gotoAndStop (1);
  }
  最后按ctrl+enter测试。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表