[스크랩] Text Control Button 만들기

<Text Control Button 만들기>

1)Movie설정 : 600*450  (바탕색 : 검정색)

2)T선택-Text패널창에 시제목을 쓴다.-무비창의 왼편위쪽에 위치시킨다.

3)다시 T선택-Text패널창에 시내용을 쓴다-무비창의 제목 아래쪽에

  위치시킨다.

4)Rectangle(사각형) 선택-시내용 중에 글이 보여 질 부분에

  사각형을 적당히 그려준다.

  *play해 보면 글이 올라가서 사각형 안에서만 보여진다.

5)아웃라인상 제일위 shape를 글(시내용) 아래로 내리고

  무비창에서 시내용을 사각형 아래로 끌어서 내려 놓는다.

  그리고 나서 타임창에서 “시내용”행에 400F에 더블클릭한 후

  활성화된 상태에서 글(시내용)을 사각형 위로 끝까지 올린다.

6)아웃창에서 시글내용과 shape를 모두선택한 후 우클-

  Grouping-group as sprite 클릭하고 오른쪽 sprite 패널창에서

  Use bottom object as mask에 첵크한다-이름을 “Text”라 써 넣는다.

7)타임라인상 시글 긴막대 끝에서 50F 떨어진 450F에 place준다.

  <여기까지 결과물-첨부파일(파일1) 참조바랍니다.>

8)아웃창에서 Text에 눈감기하고 난 후 Rectangle(사각형) 선택-

  위의 글(시내용)아래쪽에 사각형을 그려준다.-크기는 W=165  H=40로   

  맞추어 주고 Shape 패널창에서 Fill란에 solid로 선택하고

  색상은 흰색에 Alpha(30)으로 설정하고 Line(직선), 0, 흰색설정한다.

9)Tool Box에서 Autoshape 선택하여 꾹 누르면

  위에서 세 번째(화살표 모양)클릭하여 무비창의 여백에 적당히 임시로   

  그려준다-아웃창에서는 object가 Arrow로 나타난다.

10)아웃창에서 Arrow 선택한 후 우클하여 Break-Break into pieces

   클릭하면 작은 Break into pieces창이 뜨는바

   그중에서 Break(Regular Grid), Columns(2), Rows(1) 설정하고 난 후    

   Ok누르고 창을 닫고나면 아웃창에는 Group으로 나타난다.

11)아웃창에서 Group 옵션을 열고(+를-로 바꾼다) 2개의 shape 중에서    

    아래의 shape를 삭제하고 나면 삼각형으로 된 것 하나만 남게 된다.

12)아웃창에서 Group 옵션닫고 난 후 우클하여 Grouping-ungroup

   클릭하면 아웃창에서는 shape만 남게 된다.

13)이제 삼각형을 끌어서 왼쪽 아래 사각형의 오른편에 갖다 놓고는

   삼각형의 크기를 조절한다-크기는 W=50, H=35로 맞춘다.

   오른쪽 shape 패널창에서 이름을 “play"라 이름 붙인다.

14)아웃창에서 위의 Shape(삼각형)를 도구창에서 복사, 붙여넣기를 하여    

    하나 더 만든다.

   그리고 나서 맨위의 shape를 우클하여 Transform-Flip Horizontal

   클릭하여 수평으로 방향을 바꾸어 놓는다.

   이것을 위의 크기로(W=50, H=35) 같이 조절하고 사각형 왼편에

   갖다 놓는다.-shape 패널창에서 이름을 “back"으로 써 준다.

15)Rectangle(사각형) 선택-사각형의 중앙에 자그만하게 그려준다-

   사각형의 크기는 W=35, H=35로 맞추어 준다.-

   shape 패널창에서 이름을 “stop"으로 써 준다.

   <여기까지 결과물-첨부파일(파일2) 참조바랍니다.>

  *버튼의 크기를 조절 할려면 아웃창에서 stop,back,play,shape

   모두선택한 후 Grouping-Group as sprite 클릭하고

   사각점을 끌어 사이즈 조절하고 다시 sprite 클릭된 상태에서

   우클하여 Grouping-ungroup하여 원래대로 풀어준다.

16)아웃라인상 play클릭하고 script눌러

     Add-Events-Button-on(press)

     Add-Movie control-play-아래 역삼각형 눌러 Text선택

18)back클릭

     Add-Events-Button-on(press)

     Add-Movie control-gotoplay-prevFrameAndplay-

     아래 역삼각형 눌러 Text선택, skip=-8, stop에 체크

    *위의 skip=-8은 클릭 한 번에 되돌리는 프레임 수치이므로

     자기가 원하는 수치만큼 설정한다.

19)stop클릭

     Add-Events-Button-on(press)

     Add-Movie control-stop-아래 역삼각형 눌러 Text선택

    <여기까지 결과물-첨부파일(파일3)에 Script를 눌러

     Script 소스를 참조 바랍니다.>

20)배경 이미지 넣기

   Insert Image 클릭하여 그림 4장을 불러온다-사이즈 맞춘다.

21)아웃라인상 위로부터 그림 3개는 눈감기하고 소스를 불러와

   맨 아래 그림위로 내린다.

22)위 소스와 그림을 묶어 Grouping-Group as sprite 클릭하고

   이름(1) 붙인다.

   나머지 위 3개 그림도 위와 같은 방법으로 하되 이름(2,3,4) 붙인다.

23)타임라인상 다음과 같이 효과준다.

     “4"행 :  240F=Fade in(30)      330F=Fade out(30)

     “3"행 :  150F=Fade in(30)      255F=Fade out(15)

     “2"행 :  60F=Fade in(30)       255F=Fade out(15)

     “1"행 :  1F=place              330F=Fade in(30)

9)아웃라인상 2,3,4는 눈감기 하고 “1”은 열어 “소스”를 클릭하여

   미리보기 해가면서 사이즈와 위치를 잡아준다.

20)작업완료-play

   *끝까지 설명서를 탐독해 주셔서 감사 합니다.

    이 작품은 화면에서 시글이 올라 가면서 Control Box에 의해

    조정되는 기법입니다. 한번쯤은 해 볼만한 기법이지요.

    그럼 성공을 빌께요. 완작이 되었으면 솜씨방에 올려 주시기도 하구요.

    감사 합니다. 엄 주 보 올림

파일1.swi

파일2.swi

파일3.swi

최종파일.swi

출처 : 스위시2080

글쓴이 : 엄주보 원글보기

메모 :