正在阅读:Photoshop CS3结合Flash CS3制作瓢虫动画 (下)Photoshop CS3结合Flash CS3制作瓢虫动画 (下)

2007-09-07 09:55 出处: 作者:祁连山 责任编辑:chenzhenjia

  在这个元件里,有我们前面画的黑色圆形,我们框选它,用右键,使用转换为元件的方法,把它转换为一个电影剪辑,起名为“按钮”,并在属性栏里为它起一个实体名“an”,意思是按钮。

  这样我们就让红绿蓝三色拉钮中,都增加了一个实体,名叫“an”。

Photoshop CS3结合Flash CS3制图21
图21

  这部分理解起来会很难,但是一旦理解了它,后面我们就可以制作出非常强大的交互动画。

  前面做的一切,就是在做一个嵌套的电影剪辑,也就是电影内部套着电影。因为电影剪辑可以被用程序赋予颜色,设置大小,设置运动动画等,所以使用频率非常高。

  我们为什么要做嵌套电影呢?这是因为我们后面编程时,如果设置按钮坐标时,我们可以以电影剪辑内的坐标为准,而不是以舞台的坐标为准,防止按钮挤成一堆。

 

  好,回到舞台中,修改第一帧的程序:

  _root.onEnterFrame=function(){ //只要一开始动画,就执行大括号里的程序
  colora=new Color(_root.sk);
  colora.setRGB(rgb);
  rgb=(r<<16|g<<8|b);  //设置色块电影的颜色
  r=_root.rr.an._y;    //设置按钮的坐标与红色值相交互


  _root.rr.onPress=function(){  //如果在红色按钮上按下鼠标左键
  _root.rr.an.startDrag(true,0,0,0,255);  //红色按钮中嵌套的“an”电影实体可以被鼠标拖动,范围是纵向255像素
  }
  onMouseUp=function(){
  _root.rr.stopDrag();  //如果鼠标松开,停止拖动
  }
  }

Photoshop CS3结合Flash CS3制图22
图22

  按Ctrl+回车试一下吧,哈哈,红色按钮可以向下拖动啦。并且虫虫随之变色

Photoshop CS3结合Flash CS3制图23
图23

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品