鼠标画引导线效果和教程

个人日记

 

鼠标画引导线教程:

一、建立 FLASH 文档,设置场景550*400,颜色浅黄色或者

自定。其余默认。导入一张有“圆”的透明图片备用。(如

不是透明图片可将多余部分删除。)

二、新建图形元件:

1、新建元件“图形 1” ,从库中将“圆”透明图片拖入编辑

场景,改变大小为100*100、居中对齐。

2、新建标题元件——命名“鼠标画引导线” ,字体、大

小以及颜色自定。

3、新建图形元件“签名” ,(略)。

4、新建图形元件“边框” ,(略)。

三、新建影片剪辑元件:

1、 新建 “阴影” 元件, 用椭圆工具在编辑场景画一个 100*50

的“灰色”椭圆,居中对齐。

2、新建“阴影 1”元件,将“阴影”元件拖入编辑场景,

居中对齐。点击属性中的“滤镜” ,选择“+”号,模糊:

30、

3、新建“圆动”元件,在编辑场景图层 1 将“图形 1”元

件拖入场景,改变大小为60*60、居中对齐。50帧插入关

键帧并建立补间动画。顺时针一次;插入图层二拉到图层

一下边。将“阴影 1”元件拖到“圆”下方合适位置,改

变大小为 60*30、50 帧插入帧。

四、组织场景:在场景中插入三个图层,自下而上为:边框

层、标题及签名层、圆元件层和 AS 层。

1、图层1 拖入边框,居中对齐。

2、图层2 拖入标题,放在左上方合适位置。拖入签名,放

在右下方合适位置。

3、 图层3 将 “圆” 元件拖到场景任意位置。 实例名为: _mc、

4、图层4 输入代码:

var xy_array;
this.lineStyle(1, 0, 100);
this.onMouseDown = function() {
 xy_array = new Array();
 xy_array.push(_xmouse, _ymouse);
 this.moveTo(_xmouse, _ymouse);
 this.onMouseMove = function() {
  xy_array.push(_xmouse, _ymouse);
  this.lineTo(_xmouse, _ymouse);
 };
};
this.onMouseUp = function() {
 delete this.onMouseMove;
 var z = new Number();
 this.onEnterFrame = function() {
  _mc._x = xy_array[z++];
  _mc._y = xy_array[z++];
  z>=xy_array.length ? (delete this.onEnterFrame) : (eval("潇洒的云"));
 };
};

5、教材来源网络天天高兴   用鼠标在效果里面画就可以看见效果了。
 



本动画的地址是:http://xiaosa.swf.im/sub.swf 宽550 高400   http://365up.aliapp.com/s/120443.swf

文章评论