RollOver RollOut

RollOver RollOut

 

 

 

1. 작업창 크기; 700*500, 이미지 크기; 650*350, 난이도; ★★★

700/70으로 사각형 그려 포지션 포인트 중하에 주고 350/500에 위치시키고 10/0으로 잘라 벗겨 내서 프로퍼티즈창에서 w=60으로 폭을 줄이고 라이버리를 통해 10장을 등록한 다음, 왼쪽부터 이미지1-10으로 교체한다.

 

 

 

 

2. 이어 10개 모두 선택하고 무비클립으로 묶고 btn이라 이름하고 이미지 1번 이미지 선택하고 아래 스크립트를 적는다. 2번 이미지는 스크립트문의 맨아래 빨간 글자의 프레임수를 3으로 적고, 3번 이미지는 5, 이렇게 홀수로 올라가면서 그 부분만 수정한다. 이미 만들어야 할 영상의 스크립트과 에펙까지 연결 된 것이다.

 

onSelfEvent (load) {

easing = 0.85;

elasticity = 0.5;

txscale = 100;

ts = 0;

}

onSelfEvent (enterFrame) {

ts = ts * easing + (txscale - this._xscale) * elasticity;

this._yscale = this._yscale + ts;

this._xscale = this._xscale + ts;

}

onSelfEvent (rollOver) {

this.txscale = 120;

this.swapDepths(1);

}

onSelfEvent (rollOut) {

this.txscale = 100;

}

on (release) {

_parent.ef.gotoAndPlay(21);

_parent.main.gotoAndPlay(1);

}

 

 

 

 

3. 라이버리에서 1번 이미지를 스테이지로 불러와 y=220으로 위치시키고 이를 카피 한 장을 더 만들어 y=221을 주고 물결판 불러와 한 칸 내려 위 이미지와 무비클립으로 묶고 마스크에 체크한 다음, 아래 이미지와 다시 무비클립으로 묶고 주고 싶은 필터를 준다.

이번 영상은 미리 물결효과를 주고 버튼에 연결할 것이다. 이 부분을 이해하지 못했던 분들은 아주 편할 것이다. 다만 물결판이 1장이 아니라 10장이 된다.

 

 

 

 

4. 버튼 스크립트의 이해를 돕고자 많은 효과를 적용해 보겠다. 이번 기회에 버튼 스크립트의 개념을 파악했으면 하는 바람이다. 우선 이미지와 같은 크기 같은 위치에 사각형 그려 필타입=none을 한다. 이게 실질적인 버튼이 된다. 이어 무비클립으로 선택하고 타임라인 1-30프레임에 Return to start-Bullet를 주고 31-50프레임에 Appear into position-Flatten_Turn on을 주고 다시 51-70프레임에 Appear into position-Flatten_Flat in을 주고 위 투명 세이프와 함께 무비클립으로 묶고 다시 무비클립을 열고 30, 50, 70프레임에 스톱을 준다.

이어 투명 세이프를 선택하고 아래 스크립트를 적는다. 앞으로 만들 에펙도 연결한 스크립트다.

 

on (rollOver) {

this.gotoAndPlay(31);

_parent._parent.ef.gotoAndPlay(21);

}

on (rollOut) {

this.gotoAndPlay(51);

_parent._parent.ef.gotoAndPlay(21);

}

 

 

 

 

5. 무비클립을 카피해 총 10개를 만들어 이 모두를 무비클립으로 묶고 main이라 하고 타임라인에 위 그림처럼 배열한다. 이어 무비클립을 열고 해당 이미지를 모두 교체한다. 한 무비클립 안에 같은 이미지가 2장이 된다. 이제 에펙을 만들어 보자.

 

 

 

 

6. 아우토 세이프-2D-L 세이프를 작업창에 끌어내 파란점 조정하여 모양을 날씬하게 가다듬고 사이즈 50/50으로 50/370에 위치시키고 이를 카피 수평 뒤집기를 하여 x=650으로 보내고, 한 번 더 붙이기 하여 수직 뒤집기를 해 y=70으로 이걸 카피해 수평뒤집기를 해 x=650으로 보낸다.

이어 4개를 모두 선택하고 타임라인 1프레임에 Looping continuously-Rainbow_Slow Whirl을 주고 효과막대를 50프레임으로 늘리고 이 모두를 무비클립으로 묶는다.

 

 

 

 

7. 무비클립을 선택하고 타임라인 1-20프레임에 Appear into position-Fade_Std fade in을 주고 21, 40프레임에 remove를 주고 이를 무비클립으로 묶고 ef라 하고 ef를 열고 20프레임에 스톱을 준다.