[스크랩] roll over, release Button galley (5/4 강의내용)

1)Mobie 설정 : 700*400 (그림 500*300 감안)

2)그림삽입 아이콘 선택-그림 4장을 불러와 삽입한다.

3)아웃창-맨위그림 클릭-무비창에 위치 잡아주고

  Transform에서 x,y좌표값 기억한다.(center상태)

  X=420, Y=220, W=500, H=300

4)나머지 그림 3개도 좌표값을 써주어 모두 같은 위치에 배치한다.

5)아래 첨부된 파일 “소스”(사각형 형태의 판넬)를 열어 복사하여

  현재 작업창에 붙여넣고 사이즈 조절하여 그림과 꼭 맞게 맞춘다.

6)아웃창-모두 블록설정-grouping-as sprite-이름(image) 붙인다.

7)아웃창-image 열고 타임창에서 효과는 다음과 같다.

   mask-      --          --    

   맨위그림-7F=place       --

   제2그림-5F=place,   7F=Remove

   제3그림-3F=place,   5F=Remove

   맨밑그림-1F=place,  3F=Remove

   image행-2, 4, 6, 8F=stop을 준다.

8)아웃창-image 옵션닫고

9)그림삽입 아이콘 클릭-image 그림순서와 같은 순서로 배열하고

  아웃창-모두 블록설정-Transform(X=Y체크) 가로크기 20으로 써서   

  그림 줄여서 왼쪽위쪽에 4방으로 배치한다.

10)렉탱글 선택-왼쪽위쪽에 그려주고

   Line(실선), 2, 검정색, Fill(None)으로 설정하되 위의 줄인그림

   크기로 그려준다.

11)아웃창-위의 그림중 맨밑그림 클릭-

   grouping-as sprite-이름(1) 붙인다.

   나머지 3개 그림도 이름 2, 3, 4로 붙인다.

12)아웃창-1번 옵션열고 그림 클릭한 후

   타임창-1F=place, 10F=더블클릭한 후

   무비창 오른쪽 아래 그림을 옮겨준다.

   타임창-1행에 11F=stop 준다.

   나머지 그림 3개도 위와 같은 방법으로 해 준다.

13)아웃창-옵션닫고

   맨위 shape와 1,2,3,4(모두 5개) 블록설정-

   grouping-as sprite-이름(Menu 1) 붙인다.

14)아웃창-Menu1 옵션열고 다음과 같이 효과를 준다.

    shape-  --      --

    4-7F=place      --

    3-5F=place,  7F=Remove

    2-3F=place,  5F=Remove

    1-1F=place,  3F=Remove

    Menu1행-2, 4, 6, 8F=Stop 준다.

    Menu1  옵션 닫는다.

15)아웃창-Menu1 클릭-grouping-as sprite-이름(Menu) 붙인다.

16)Ellipse(원)선택-왼쪽 여백에 그려주고

   Linear선택-왼쪽(짙은 파랑색), 오른쪽(흰색) 설정한다.

17)아웃창-shape 클릭-grouping-as Button 클릭한다.

   Button 옵션열고 up/Hit state 클릭한 후

   T선택-Text 패널에서 글씨체, 크기, 색상선택-1 입력하여

   동그라미 위에 위치 잡아준다.

18)아웃창-Button 3개 더 복사하고(총4개)

   무비창에 세로로 나란히 배열한다.(Align 이용)

   <정열하는 방법>

     Align(4번째),  Distribute(6번째)

     All selected(선택된 상태)

19)아웃창-Button 4개 모두 블록설정-

   grouping-as sprite-이름(ball) 붙인다.

20)아웃창-ball 옵션열고 맨 아래 Button클릭 Script눌러

  *Add script-Events-Button-on(rollover)

   Add script-Movie control-gotoplay-goto(FRAME)-

   아래꺽쇠 눌러 parent.menu.menu1 클릭-

   Frame(1)로 써준다. (1,3,5,7순으로)

  *Add script-Events-Button-on(release)

   Add script-Movie control-gotoplay-goto(FRAME)-

   아래꺽쇠 눌러-parent.image 클릭-Frame(1)로 쓴다.

  *Add script-Movie control-gotoplay-goto(FRAME)-

   아래꺽쇠 눌러-parent.image.mask 클릭-Frame(1)로 쓴다.

  *나머지 3개 Button도 위와같이 소스를 넣어주되

    Frame숫자를 3,5,7로 각각 고쳐쓴다.

  *맨 밑 Button 소스를 복사하여

   위의 3개 Button에도  붙여넣기 하면 된다.

21)아웃창-menu 옵션열고 또 menu1옵션연 후

    shape클릭하여 패널창에서 shape클릭

    Line=None으로 바꿔 선을 없앤다.

22)아웃창-Button 옵션열어 숫자 1,2,3,4로 수정한다.

23)아웃창-Button 옵션열어 버튼색상도 수정한다.

24)글자(제목)삽입-“안면도 국제꽃 박람회”를 삽입하여

   무비창 상측 중앙에 위치시킨후 효과를 넣어준다.

25)마무리 작업

   무비창 색상변경, 그림에 비해 무비창이 크면 사이즈를 줄여주고

   아웃창-모두 블록 설정하여 마우스로 끌어서 위치를 잡아준다.

26)작업완료-PLAY

 

PannelMask.swi

 

출처 : 스위시2080

글쓴이 : 엄주보 원글보기

메모 :

Button_Gallery(rollover_release)[1].swf

0.33MB

Button_Gallery(rollover_release)[1].swi

0.42MB