用户名: 密码: 验证:           设为首页 | 加为收藏 | 帮助中心

您现在的位置: 陕西动漫网 > 在线教程 > 在线教程 > 2D动画教程 > 高级实例 > 教程正文>
Flash鼠标跟随教程:制作蜻蜒点水
作者:清风掠影 文章来源:中国教程网 点击数: 更新时间:2007-9-24 10:29:24

前些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下...

/UploadTeach/200709/2007090414704681.swf

源文件下载: 蜻蜒点水 .rar

新建一个空白的FLASH文档,按Ctrl+F8新建一个名为“蜻蜒”的图形元件。如图1: 
 

在元件中绘制蜻蜒,(如果不会画,就导入一张图片替代也行的)。 图2:

按Ctrl+F8再新建一个名为“蜻蜒飞”的影片剪辑元件。图3:

  在这个元件中,要把蜻蜒的翅膀做成动画,首先按Ctrl+L打开库面板,把刚画好的蜻蜒拖到场景中,然后按Ctrl+B分解蜻蜒,然后选点选起蜻蜒的一边翅膀,按F8把它转化为图形元件,再用同样的方法把另一边的翅膀也转成图形元件。然后,点下一边的翅膀,按Ctrl+X剪切,新建一个图层2,在图层2按Ctrl+Shift+V粘贴到原来的位置,用同样的方法把另外一边的翅膀也放到一个图层里。好了,现在呢,图层1里是没有翅膀的蜻蜒,图层2是一边翅膀,图层3是另一边,首先,在图层1第5帧插入帧,然后在分别在图层2和图层3第3帧和5帧插入关键帧,插入后,把图层2和图层3第3帧的蜻蜒翅膀稍微用变形工具往后改下,最后分别在这两个图层的第1帧和第3帧右击创建补间动画就行了。图4:


按Ctrl+F8新建一个按钮元件。图5:

在元件中,把笔触颜色设置为无,把填充色设置为透明,然后在场景中画一个四方形,最后按把后面三帧都插入关键帧就行了。图6:

按Ctrl+F8新建一个名为“水波”的影片剪辑元件。图7:

在元件中图层1第1帧,把按钮元件从库中拖到场景中。图8:

  新建一个图层2,在图层2第2帧插入关键帧,然后在这一帧中画一个蓝色小圆圈,(小圆圈画法:选择好椭圆工具,然后把笔触颜色设置为蓝色,填充色为无,然后在舞台上拖出来就行了),在这一层的第7帧插入关键帧,然后用变形工具把椭圆放大一些,再在第10帧插入关键帧,再把椭圆放大一些,然后点下舞台上的椭圆,Ctrl+F9层开混色器,在这里把椭圆的颜色设置为无。最后,分别在第2帧和第7帧创建形状补间动画。图9:


图10:

  现在一个慢慢放大消失的圆做好了,接下来,点下图层2第2帧,按住Shift不放,再点下第10帧,把这9帧会部选取起来,右击,复制,然后新建图层3,在图层3第4帧右击粘贴帧,再新建一个图层4,同样,在第7帧右击粘贴帧,这样,一个水波就做好了。

  好了,现在要来加上几句代码,放心,这几句很简单的。

  首先,点下图层1(也就是放按钮那个)第1帧,按F9打开动作面板,然后在里面输入stop(); 这个不需要解释了吧,停止的意思~呵~ 图11:

然后点下舞台上的按钮,再次按F9打开动作面板,输入下面的语句:
  on (release) { 
   gotoAndPlay(2); 
  } 
意思呢,就是当单击鼠标时跳转到第2帧并播放。图12:


  好了,下面,回到场景中,在图层1导入一第有水的图片,(文件——导入——导入到舞台),导入后修改下图片的大小跟场景一样就行了~ 图13:


  新建图层2,按Ctrl+L打开库面板,把水波元件往图片上有水的地方放(如图)图14:

  最后,再新建一个图层3,把蜻蜒飞元件从库中拖到场景上,点下场景中的蜻蜒,在属性面板中把实例名改为“a”(不含引号)。图15:


  然后点下图层3第1帧,按F9打开动作面板,输入下面的代码:

  Mouse.hide(); 

  startDrag("a", true); 

  这两句代码实现的就是隐藏鼠标,元件跟随鼠标移动。图16:


  好了~测试下吧~

  最后再给大家一张蜻蜒图~ 图17:
 

教程录入:admin    责任编辑:admin 
  • 上一个教程:

  • 下一个教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论: (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    编辑推荐
    热点文章

    关于我们 | 联系我们 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明
    版权所有2007-2008 陕西动漫网(Sxdm.Net.com)最佳分辨率1024*768
    Copyright 2007-2008 Shanxi 技术支持:西安硕达
    陕ICP备07013108号