마우스 따라다니는 버튼

 

마우스 따라다니는 버튼

원소스와 마스크 만들기(무비 720X540)
1. bg 불러와 작업창에 맞추고 원그려 라인=실선 굵기=0 색=흰색,
Fill color=Radial Gradient, 좌측색=흰색 Alpha=100, 우측색=흰색
Alpha=10, W,H=25 O=X Center X=360 Y=256으로하고 복사하여
총 15개 만들고 이름 아래서부터 1~15로하고 2선택 W,H=15
O=X Center X=360 Y=361로, 3선택 W,H=10 O=X Center X=360
Y=349로, 4선택 W,H=25 O=X Center X=360 Y=332로, 5선택
W,H=10 O=X Center X=360 Y=315로, 6선택 W,H=5 O=X Center
X=360 Y=307로, 7선택 W,H=20 O=X Center X=360 Y=295로
8선택 W,H=15 O=X Center X=360 Y=277로, 9선택 W,H=18
O=X Center X=360 Y=236로, 10선택 W,H=12 O=X Center
X=366 Y=221로, 11선택 W,H=12 O=X Center X=353 Y=221로,
12선택 W,H=12 O=X Center X=360 Y=209로, 13선택 W,H=5
O=X Center X=360 Y=200로, 14선택 W,H=18 O=X Center
X=360 Y=188로, 15선택 W,H=7 O=X Center X=360 Y=174로,

2. 모두선택 Group as shape로 묶고 예, O=X 하센타 X=360 Y=270
으로 놓고 복사하여 총 18개 만들고 아래서 2번째선택 Xrotation
=20, 아래서 3번째선택 Xrotation=40, 이렇게 20씩 더 해서 원을
만들고 18개 모두선택 Group as group으로 묶고 O=X Center
X=360 Y=270으로

3. Group라인 1Fr에 Return to start→Kinetic-Skid(60)주고 61Fr에
Fade out(10)주고 무비클립으로 묶고 스톱주고 이름 so로, so 복
사하여 붙여넣고 열고선택 원,이나 별, 그려 예쁘게 만들고 61Fr에
Zoom in(10)주고 200Fr에 Place주고 닫고 이름 mask로

영상 만들기
4. 원그려 라인=none Fill color=image, 이미지로 바꿔주고 W=400
H=400 O=X Center X=360 Y=270으로 하고 복사하여 붙여넣고
1+ 해 주고 물결불러와 복사본 아래로 내려 위 이미지와 무비클립
으로묶고 마스크체크 이름 w로 하고 맨아래서부터 mask, 이미지,
w, so로놓고 4개모두 무비클립으로 묶고 마스크체크 하고 복사하
여 10개 만들고 이름 1~10으로 이미지 바꿔주고

5. 1~10을 무비클립으로 묶고 이름 img로 열고선택 2,4,6,8~20Fr에
스톱주고 1선택 1Fr에 place주고 3Fr에 Remove주고 이 두효과 복
사하여 위로 올라가면서 3,5,7,9~19Fr에 붙여넣고 맨위 Remove
는 삭제한다

버튼만들기
1.600/60으로 사각형 그려 360/270에 위치시키고 10/0으로 잘라
ungroup하고 Properties 창에서 W,H=55로 라인=실선 굵기=0 색=
흰색 준다. 5개씩 Group as group,으로 묶고 아래 group 선택하고
O=X Center X=300 Y=215, 위 Group 선택하고 O=X Center
X=400 Y=285에 놓고 모두 ungroup하여 아웃라인 이름을 아래에
서부터 b1-10으로 하고 이미지 모두선택 Target에 체크하고 해당
이미지로 교체한 후, 모두선택 Convert to movie clip으로 한다.

2. 무비클립 10개를 다시 무비클립으로 묶고 이름 btn으로 하고
b1-10 각각의 무비클립을 선택하고 아래 스크립트를 적는다.
버튼으로 할때는 스톱체크하고 필터준다

 

 

 

스크립트의 (kim을 다른걸로 바꿔주고 kim모두를 바꿔줘도된다)

 

btn열고 b1-10에 스크립트
onSelfEvent (load) {
_alpha = 100;
kim = 50;
}
onSelfEvent (enterFrame) {
_alpha = _alpha+(kim-_alpha)*0.3;
}


* btn 무비클립을 선택하고 아래 스크립트를 적는다.

onSelfEvent (enterFrame) {
if (!_root.stop&& this._x>_root._xmouse) {
this._x += ((_root._xmouse-this._x)/_root.speed)+1;
this._y += (_root._ymouse-this._y)/_root.speed;
} else if (!_root.stop&& this._x<_root._xmouse) {
this._x += ((_root._xmouse-this._x)/_root.speed)-1;
this._y += (_root._ymouse-this._y)/_root.speed;
}
}
onFrame (1) {
stop();
}



* Scene_1을 선택하고 아래 스크립트를 적는다.

onSelfEvent (load) {
speed=100;
stop=false;
}



* 버튼을 다 열고 이미지 각각을 선택하고 아래 스크립트를 적는다.

on (rollOver) {
this.kim = 100;
}
on (rollOut) {
this.kim = 50;
} //* 여기까지가 버튼 자체의 스크립트이다.
on (release) {
_parent._parent.img.gotoAndPlay(1); //빨강 숫자 바꿔준다
}

 

 

마우스 따라다니는 버튼.swi

 

마우스 따라다니는 버튼.swf

 

원소스.swi

 

원소스.swf

 

 

 

 

 

원소스.swf

0.01MB

마우스 따라다니는 버튼.swf

0.48MB

마우스 따라다니는 버튼.swi

5.74MB

원소스.swi

0.27MB