[스크랩] Stop, Play 버튼 효과주기

1) Movie 설정 : 600 * 400

2)도구창에서 Insert Image 클릭하여 크기가 같은 그림 5장을 불러온다.

3)오른쪽의 Align 패널창에서 크기와 위치를 맞춘다.

   Align relative to(stage 선택), space evenly(세번째),

   Make same(세번째) 클릭하면 무비창에서 크기와 위치가 맞추어 진다.

4)맨아래 이미지는 그대로 두고 밑에서 두번째 부터 타임창에서

  효과를 다음과  같이 준다.

  ❶ 밑에서 두번째 그림클릭한 후 1프레임에 Fade in(20),

      41프레임에 Fade out(20) 효과준다.

  ❷ 밑에서 세번째 그림-81프레임에 Zoom in(20),

      121프레임에 Zoom out(20)

  ❸ 밑에서 네번째 그림-161프레임에 Slide in From Top(20),

      201프레임에 Slide Out To Bottom(20)

  ❹ 맨위 그림-241프레임에 Blur(20) 효과주고 난 뒤

      300프레임에 place 효과준다.<파일1>참조

5)버튼에 액션주기

  ㉠Tools Box에서 AutoShape를 꾹 누르고 있으면 10개의 다양한     

     모양의 형태가 나타난다.

     그 중에서 두 번째 줄에서 다섯 번째 모양(Rounded Button)을     

     클릭하여 무비창의 아래쪽에 드래그 하여 자그만 하게 그려 넣는다.

     물론 크기와 색상은 임의로 설정한다.

  ㉡Tools Box에서 T선택-무비창 아래 둥근 사각형의 가운데 "Play" 글자

     입력하여 넣고 글꼴(Arial Black), 크기(20), 색상(짙은청색) 설정한다.

  ㉢아웃창에서 Play와 Rounded Button 모두 선택하여 우클-

     Grouping- Group as Button클릭하면 하나의 버튼이 생겨난다.

  ㉣버튼을 구별하기 위해 아웃창에 Button선택한 후

     오른쪽 Button패널을 열어 Name을 “play”이라 써 준다.

     그리고 아래 ㅁHas separate over state에 체크한다.

                      ㅁHas separate down state에 체크한다.

                      ㅁHas separate hit state에도 체크한다.

  ㉤그리고 나서 아웃창에 play 버튼 옵션을 열어(+를-로)

     over state 안에 T(play)선택한 후 오른쪽 Text패널창에서 색상을    

     달리 선정하고

     Rounded Button선택한 후 오른쪽 shape패널창에서 색상을 달리 선정한다.

  ㉥다시 Tools Box에서 AutoShape를 클릭하여 위와 같은 둥근 사각형 모양

     (Rounded Button)을 선택하여 무비창에 그려준다.

  ㉦다시 Tools Box에서 T선택-무비창 아래 둥근 사각형의 가운데  "Stop"

     글자입력 하고 글꼴(Arial Black), 크기(20), 색상(빨간색)  설정한다.

  ㉧아웃창에서 Stop와 Rounded Button 모두 선택하여 우클-

     Grouping- Group as Button클릭하면 또 하나의 버튼이 생겨난다.

  ㉨버튼을 구별하기 위해 아웃창에 Button 선택한 후 오른쪽 Button 패널을

     열어 Name을 “Stop”이라 써 준다.

     그리고 아래 ㅁHas separate over state에 체크한다.

                      ㅁHas separate down state에 체크한다.

                      ㅁHas separate hit state에도 체크한다.

  ㉩그리고 나서 아웃창에 stop 버튼 옵션을 열어(+를-로)

     over state 안에 T(stop)선택한 후 오른쪽 Text 패널창에서 색상을

     달리 선정하고

     Rounded Button선택한 후 오른쪽 shape패널창에서 색상을 달리 선정한다.

    *이렇게 글자와 사각형의 색상을 달리 선정하여 놓고 버튼을 눌러 보면

     커스를 버튼위에 올렸을 때와  눌렀을 때의 색상이 다르게 나타나는 것을

     알 수가 있다.

  [참고] *up state는 버튼이 작동하지 않았을 때의 본래의 모습

            *over state는 커스로 버튼위에 올렸을 때 나타나는 현상

            *down state는 커스로 버튼위에서 눌렸을때의 나타나는

               현상이다.

            *hit state는 버튼이 작동하였을 때의 영역

               즉 버튼을 올렸을 때와 눌렸을때의 범위를 나타냅니다.

  ㉪Script 소스 넣기

    ⓐ아웃창에서 play 버튼 클릭한 후 Script눌러

       Add Script-Events-Button-on(press)

       Add Script-Movie Control-Play( )클릭한다.

    ⓑ아웃창에서 Stop 버튼 클릭한 후 Script눌러

       Add Script-Events-Button-on(press)

       Add Script-Movie Control-Stop( )클릭한다.<파일2>참조

6)T(Text)선택하여 제작자 이름 쓰고 저장한다.

7)작업완료-Play

  *아주 간단한 작업이지만 버튼에 대한 기초 공부이므로

   이것을 토대로 많은 응용작품을 만들수 있어 그져 흘러 버리기는

   아까운 항목이기도 하지요.

   그래서 한번 숙지하시어 다음 응용작품에도 적용될 수 있도록 노력해야   

   될 것으로 사료됩니다.

   끝까지 작품에 임하여 주신 회원님께 감사 드립니다.

   하시다가 이해가 되지 않은 부분이 있으시면 질문도 해 주십시요.

   그럼 성공을 빌께요.

   엄주보 올림

 

 

 

 

 

 

 

 

출처 : 스위시2080

글쓴이 : 엄주보 원글보기

메모 : 1