핸드폰 버튼

 

 

 

핸드폰 버튼

 

 

 

 

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

 

핸드폰 이미지 불러와 350/320에 위치시키고 이를 카피 하나를 더 만들어 눈을 감겨 놓고 화살표 이미지 불러와 90도 회전을 주고 사이즈를 40/40, 좌표 350/195를 주고 윈도우 틴에서 알파 투명도 75, 칼라=화이트로 한다. 아우토 세이프-2D-라팅글라운드 선택하여 사이즈를 140/180, 좌표, 350/365에 위치시키고 색상=검정으로 아웃라인 가운데로 내려 아래 이미지와 무비클립으로 묶고 hp1이라 하고 둘을 선택하고 타임라인 1프레임에 place, 2프레임에 Disappear from position-Fade_Std fade out를 주고 1과 21프레임에 스톱을 준다.

 

 

 

 

2. 다시 라팅글라운드로 130/150으로 그려 350/380에 위치시키고 버튼 이미지 불러와 사이즈 40/35로 조정하여 이를 카피 총 3개를 만들어 310/328, 350/328, 390/328로 보내고 3개를 다시 카피해 y값 35를 더 주어 위 그림처럼 만든다.

 

 

 

 

3. 이제 버튼에 글자를 넣어 보자. T를 선택하고 글 사이즈 14, 색상=흰색으로 화면을 확대해 왼쪽 맨 위 버튼 위에 1을 입력한다. 이 화면의 글자는 한글의 특수기호다. 이런 기호를 카피해 붙이기 하려면 글꼴을 잘 선택해야 한다. 그렇지 않으면 스위시에서 인식하지 못하고 그냥 네모로만 표시된다. 여기 글꼴은 그냥 바탕체다. 이어 이를 카피 x값으로 옆으로 이동시키고 다시 붙이기 하여 한 줄을 만든다. 이어 한 줄을 다 카피해 붙이기하고 y값을 정정해 위 그림처럼 배열하고 하나하나를 선택해서 글자만 바꾸면 된다.

 

 

 

 

4. 글자와 버튼을 제 짝을 찾아 글자가 위로 가게 정렬하고 둘씩 짝지어 그룹핑-그룹 에스 버튼으로 만들어 이름을 b1-b12로 적고 b11, b12는 특수기호를 배정하고 b1-b12을 선택하고 프로퍼티즈창에서 오버 스테이지에 체크한 다음, 각 버튼을 열고 오버 스테이지의 글자를 선택하고 색상을 형광색으로 준다.

 

 

 

 

5. 이어 버튼 12개와 라팅글 세이프를 무비클립으로 묶고 btn이라 이름 하고 세이프는 필터-베벨을 주고 옵션에서 색상을 양쪽 흰색으로 이너사도우에 체크한다. 모두를 선택하고 타임라인 1프레임에 place를 주고 2프레임에 Disappear from position-Fade_Std fade out을 주고 1프레임에 스톱, 다시 21프레임에 스톱을 준다.

 

 

 

 

6. 눈을 감긴 핸드폰 이미지와 화살표를 위로 올려 둘을 선택하고 1프레임에 place를 주고 30프레임에 더블클릭 무비를 주고 핸드폰 이미지 포지션 포인트 중상으로 주고 y=0을 주고 화살표 포지션 포인트 중상(작업창 기준)에 주고 y=0, 스케일 자물통 채우고 1을 주고 31프레임에 Disappear from position-Fade_Std fade out을 주고 이를 무비클립으로 묶고 hp2라 하고 다시 무비클립으로 열고 1, 30, 50프레임에 스톱을 준다.

 

 

 

 

7. 아우토세이프-2D-라팅그라운드 선택하고 130/180으로 그려 좌표 350/130으로 주고 1번 이미지로 교체한 다음, 타임라인 1프레임에 Appear into position-Fade_Std fade in을 주고 이를 컨버트 투 무비클립 [예]로 하고 이를 카피 총 10개를 만들어 아웃라인 아래에서부터 m1-m10으로 이름을 준다.

 

 

 

 

8. m 10개를 다시 무비클립으로 묶고 hp3라 하고 해당 이미지로 교체한 다음, 타임라인에 1프레임은 비워놓고 위 그림처럼 배열한다.

 

 

 

 

9. 작업창 크기로 사각형을 그려 놓고 다시 아우토 세이프-2D-라팅글라운드를 선택해 700/380으로 그려 350/250에 위치시키고 아래 사각 세이프와 묶어 세이프 오퍼레이션-서브젝트로 오래내어 프레임 이미지로 교체한다. 이어 이를 무비클립으로 묶고 frame이라 하고 frame을 열고 타임라인 1프레임에 remove와 스톱을 주고 2프레임에 Appear into position-Fade_Std fade in을 주고 21프레임에 다시 스톱을 준다.

 

 

 

 

10. T를 선택하여 작업창 중하에 ‘처음으로’라는 글자를 입력하고 이를 그룹핑 그룹에스 세이프로 바꾸어 무비클립으로 묶고 next라 이름하고 무비클립을 열고 1프레임에 스톱을 주고 101프레임에 Looping continuously-Rainbow_Slow Whirl을 주고 121에 remove를 주고 120프레임에 무비컨트롤-고투엔 플레이-고투엔 프레임을 선택하고 스크립트창에서 프레임(1)을 101로 적고 타임라인 121프레임에 스톱을 준다.

이어 씬을 선택하고 처음으로 글자 크기로 사각형 그려 필타입=none으로 아웃라인 맨 위에 위치시킨다.

 

 

 

 

11. 이제 모든 준비는 끝났다. 본 영상을 만들어 본다. 아우토 세이프-2D-아트워크에서 라팅글라운드를 선택하여 350/250에 위치하고 사이즈를 700/380으로 하여 선타입=none으로 주고 5/2로 잘라 그룹을 열고 모두를 선택하여 그룹 에스 세이프로 하나의 세이프로 만들어 1번 이미지로 교체하고 다시 언그룹한다.

 

 

 

 

12. 그룹을 선택하고 타임라인 1-50프레임에 Appear into position-Implode and slowly align을 주고 에펙창에서 스케일을 100으로 정정하고 51-100프레임에 Return to start-Rotate_Turn을 주고 이를 컨버트 투 무비클립으로 하고 [예]를 클릭하고 img1이라 이름하고 주고 싶은 필터를 준다.

 

 

 

 

13. img1을 카피해 총 10개를 만들어 다시 무비클립으로 묶고 main이라 이름하고 타임라인에 위 그림처럼 배열하고 아웃라인 맨 아래로 내린다. 강좌는 여기서 마친다. 이제 해당 부분에 스크립트만 적으면 된다. 오늘 영상의 버튼에 여벌로 *, #가 비어있다. 이 버튼을 각자 적용해 보기를 권한다

 

 

 

* 맨 위 투명세이프를 선택하고

on (rollOver) {
    next.stop();
}
on (rollOut) {
    next.play();
}
on (release) {
    hp1.gotoAndPlay(1);
    btn.gotoAndPlay(1);
    hp2.gotoAndPlay(1);
   frame.gotoAndStop(1);
   main.gotoAndStop(1);
   next.gotoAndStop(121);
}

 

* hp2/화살표 png를 선택하고

on (rollOver) {
    this.gotoAndPlay(2);
}

 

* btn/b1을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(2);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(2);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

 

* btn/b1을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(2);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(2);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.ef.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b2을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(3);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(4);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b3을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(4);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(6);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b4을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(5);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(8);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b5을 선택하고

 

on (rollOver) {
    _parent.hp3.gotoAndPlay(6);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(10);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b6을 선택하고

 

on (rollOver) {
    _parent.hp3.gotoAndPlay(7);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(12);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b7을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(8);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(14);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b8을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(9);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(16);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

 

* btn/b9을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(10);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(18);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

* btn/b10을 선택하고

on (rollOver) {
    _parent.hp3.gotoAndPlay(11);
}
on (rollOut) {
    _parent.hp3.gotoAndStop(1);
}
on (release) {
    _parent.main.gotoAndPlay(20);
    _parent.hp1.gotoAndPlay(2);
    _parent.hp2.gotoAndPlay(32);
    _parent.hp3.gotoAndStop(1);
    _parent.frame.gotoAndPlay(2);
    _parent.next.gotoAndPlay(2);
    this.gotoAndPlay(2);
}

 

 

 

 

 

 

 

                    

 

 

핸드폰_버튼.swf

0.84MB