论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

Flash鼠标跟随教程:制作蜻蜒点水

文章类别:Flash | 发表日期:2008-9-21 20:09:39

  

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

/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:
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058