5편 연꽃영상 만들기(전체시 버튼만들어 보여주기와 테이블넣기)(4-2)

 

PNG 버튼이미지를 불러와 버튼을 만들겠습니다.(poem, close)

1) Scene_1 활성화 해놓고 insert - Import Image 만들어 논 버튼 이미지 두장 불러옵니다.

 

 

 

 

 

 

 

 

열기(poem), 닫기(close)- 아래 이미지 3을 아래로 내려야겠지요.

 

2) 두 버튼이미지를 묶어 오른마우스 Convert - Convert to Button - 아래 그림과 같이 두 이미지가 각각 버튼모양으로 변했습니다.

 

 

 

3) 위쪽 버튼 선택하여 놓고 Properties 창에서 위쪽 버튼 3군데 첵크하시고 이름을 '열기'도 고쳐주세요.

아래 버튼도 3군데 첵크하시고 이름을 '닫기'로 고쳐줍니다.

 

 

 

 

열어보니 아래와 같습니다.

 

 

4) 이제 버튼에 색변화를 주겠습니다.

열기 Over State(마우스를 대었을 때)-약간 연한 주황색으로 아래 파란색 부분 클릭하면 아래 창이 뜹니다. 그곳에서 Appearamce에서 Hue 수치를 달리하면 다른 색들로 변합니다. 적당한 색으로......

 

 

 

닫기 버튼도 두번째 Over State 색을 바꾸어보세요.

5) 열기 닫기 모두 선택하여 하나의 무비클립화 합니다.

열기 닫기 모두선택 오른쪽 마우스 -  Grouping-Group as Movie Clip

 

 

 

 

이름을 button으로 고칩니다.

 

 

이제 버튼에 스크립트를 주겠습니다.

6) 먼저 Outline의 button을 클릭하여 하위버튼을 열어놓습니다.

타임라인에서 아래와 같이 '열기' 1프레임에 Place, 2프레임에 Remove, 닫기 1프레임에 Remove, 2프레임에 Place

            button클릭하여 놓고 1, 2프레임에 stop효과를 주면 아래와 같습니다.

 

 

 

 

7) 열기 버튼 선택해놓고 Add Script - Event - Button - on(release)

 

 

 

 

다시 마우스 커서를 {   } 안에 두고 Add Script - Movie Control - Goto and play -gotoAndPlay(FRAME)

 

 

 

Target - parentㆍpoem

 

 

 

 

아래와 같이 2로 수정

 

 

지금까지 스크립트 준 결과

 

 

 

다시 가운데 줄에 커서놓고  Add Script - Movie Control - Goto and play -gotoAndPlay(FRAME)

 

 

Target - this (수치 2로 수정)

 

 

 

 

 

 

9) 닫기 버튼 스크립트도 열기와 과정은 같으나 수치만 다름

 

 

 

10) 마무리로 테이블을 블러와서 main 위에 놓습니다.

그외 닉네임, 음악, 소스 등은 적당히 넣으면 되겠습니다.

소스도 싯귀 넣은 것처럼 장면마다에 줄 수 있습니다.