Flutter Mask 만들기

 

 

1)Movie설정 : 600*400

2)사각형 선택-작업창에 아래 버튼여백을 고려 사각형을 그린다.

  W:500, H:330,  X:50,  Y:35-사각형 크기는 임의로 자기 취향대로

  Transform(Top left) 설정

3)아웃라인상에 shape클릭-복사,붙이기 한다.

4)shape 2개를 구분하기 위하여 색상을 달리한다.

  맨위 shape는 빨간색,  그아래 shape는 파랑색

5)맨위 shape클릭-Guides-Grid-Show클릭하면 +선이 나타난다.

  spacing=300(H),  200(V)

6)아래 shape선택-shape패널에서 이름을 “1234”로 붙인다.

7)위 shape선택-Reshape선택-변에 대고 우클하여 Quadratic선택-파란점을 끌어  안쪽으로 당겨 넣는다.

  나머지 3면에도 같은방법으로 적용한다.

8)맨위 shape를 복사하나 더한다.

9)아래 shape를 선택-shape패널에서 이름을 “2222”라 붙인다.

10)맨위 shape선택-Transform에서 center로 맞춘 후

   위의 것 X=Y(체크상태), 가로크기를 20으로 입력하여 크기를 줄인다.

   (20%로 축소된다는 의미)

11)맨위 Shape클릭상태에서 5프레임에 더블클릭(move활성화)한 후

   드래그로 늘려 사면귀를 맞춘다.

12)아웃라인상에 맨아래 1234를 한칸위로 올린다.

13)1234선택-그림 삽입한다.(삽입방법은 clipped image클릭하여

   폴드선택-해당그림을 선택 열기하면 그림이 나타난다.)

   이미지 크기조정<Transform(500*330), Top left, X=50, Y=35>

14)맨위 Shape선택-그림을 삽입한다(아래 1234와 같은그림을 삽입한다)

15)맨위 shape선택-제일밑으로 내린다.

16)1234선택-아래 한칸만 내린다.

   아웃라인상 세 번째 그림선택-6프레임에 Remove준다.

17)1234선택-6프레임:place, 7프레임:Remove, 8프레임:place,

             9프레임:Remove, 10프레임:place

18)2222선택-7프레임:place, 8프레임:Remove,

             9프레임:place, 10프레임:Remove

19)2222, 1234, 그림 3개모두 블록설정하여

   grouping-as sprite를 클릭한다.

20)sprite열고 2222선택하여 같은그림을 삽입한다.

   결국 위의 3개 모두 같은그림으로 삽입된 셈이다.

21)sprite열고 sprite클릭 15프레임에 stop을 준다.

22)sprite닫고 복사를 5개 더 한다 (총 6개)

23)아웃창에서 밑에서 두번째 sprite열고 3개 모두 블록설정하여  

    다른그림으로 삽입한다

    나머지 sprite도 옵션열어 3개 모두 블록 설정하여 다른 그림으로 삽입한다.

24)버튼 만들기

   사각형 선택-작업창아래 갖다 놓는다.

   이것을 복사 5개 더하여(총6개) 아래에 붙여 배열한다.

  *정열하는 순서는 맨앞과 맨뒤 사각형을 갖다놓고 아웃라인상에

   사각형 전체 블록설정-All Selected선택하고 Align(맨오른쪽),

   space evenly(세번째)클릭하면 나란히 적정간격으로 배열된다.

   T입력-버튼이름을 입력하여 사각형위에 갖다 놓는다.-

   나머지 모두 같은 방법으로 한다.

   이렇게 되면 아웃라인상에 사각형위에 해당 버튼이름과 같이

   블록설정 하여 grouping-as button클릭한 후 over, down에도 체크하여

   변화(글자및 사각형 색상)를 준다.

25)효과주기

   *scene행-3,5,7,9,11,13,,15프레임에 Movie control-stop()을 준다.

   *맨아래 sprite클릭-4프레임(place), 6프레임(Remove)

    바로위  sprite클릭-6프레임(place), 8프레임(Remove)

    위와같은 방식으로 효과주면

    맨위 sprite클릭-14프레임(place), 16프레임(Remove)효과주게 된다.

26)버튼 효과주기

    맨아래 Button클릭-Script눌러

     *Add Script-Events-Button-on(press)

     *Add Script-Movie control-gotoAndplay-gotoAndplay(FRAME)

      아래 Frame에 4입력하고 아래 Target에는 Current Scene 선택한다.

      나머지 5개 버튼도 위와 같은 방법으로 입력하되

      Frame 숫자를 6,8,10,12,14로 수정한다.

      입력방법은 Guided를 Expert로 바꾸고 소스를 블록설정 하여

     복사한 후 다른 버튼 클릭한 후 붙여 넣기 하면 된다.

27)버튼의 여백이 좁으면 Movie창에서 Height를 수정하여 넓혀준다.

28)필요하면 배경그림을 삽입하여 소스와 영상을 꾸민 후

    아웃라인상에 맨 아래로 내린다.

29)작업완료-PLAY

 

Flutter_Mask_Gallery[1].swf

Flutter_Mask_Gallery[1].swf

0.27MB