Rollover Image Gallery

<Rollover Image Gallery>

1)Movie설정 : 700*500

2)아이콘(그림) 클릭-그림4장을 불러온다(위치,크기조정)

  그림4장 전부 블록설정-Transform패널에서 W=500, H=350의

  그림크기로 줄여주고 위쪽엔 버튼자리로 조금여유를 두고

  아래쪽으로 이미지를 맞추어 준다.

  다른방법으로는 Transform패널에서(X=Y체크), 가로크기 85로 입력하여

  그림크기를 줄여준다.

  shape패널-Line(실선), 1, 색상선택

3)아웃창에서 맨아래 그림클릭-이름(1) 써주고

   바로위 각각클릭 2,3,4로 이름 써준다.

4)아웃창에서 모두 블록설정-복사 1조 더하고

   Transform(위의것 X=Y체크), 가로크기 10입력하여 그림을 줄여서    

   배열하면 약간 경사지게 그림이 놓여진다.

   버튼의 방향은 자기 취향대로 하면 됩니다.

   그러나 저자는 좀 색다르게 변화를 주기위해 바꿔 주었습니다.

5)아웃창에서 맨아래 그림클릭-타임창에서

   1,3,5,7,9프레임=place,  2,4,6,8프레임=Remove

   20프레임에 더블클릭 한다(활성화)

   위의조 중 맨아래 1번 클릭하여 b1으로 이름 바꿔주고

   바로위에도 b2, b3, b4로 이름을 바꿔준다.

6)타임창에서 1번의 효과를 전부 블록설정 복사하여

   바로위의 2,3,4번에도 붙여넣기 한다.

7)아웃창에서 맨아래 1번클릭-grouping-as sprite클릭하고

   stop playing.....에 체크하고 이름(e1) 붙인다.

   바로위 2,3,4번에도 위와같은 방법으로 해준다.

8)아웃창에서 e1~e4까지 모두 옵션열고

   타임창에서 e4행에 막대끝나는 프레임에 stop을 준다.

   e3~e1행에도 위와같은 방법으로 해준다.

9)옵션닫고 아웃창에서 e1~e4까지 모두 블록설정-

   복사 1조 더하고 b1아래로 내려준다.

   아웃창에서 copy e1클릭한 후 e5로 이름 바꿔주고

   바로 그위에 copy e2~e4에서도 e6,e7,e8로 이름 바꿔 준다.

10)아웃창에서 b1~b4모두 블록설정-

   복사 1조 더하고 버튼그림을 나란히 배열한다.

   맨위조 중 b1클릭-b5로 이름 바꿔주고

   b2~b4에도 b6,b7,b8로 이름 바꿔준다.

11)아웃창에서 e5옵션 열고 1번클릭하여 shape패널에서

   그림삽입 아이콘클릭-다른그림으로 바꿔주고

   위의 b5도 클릭하여 e5와 똑같은 그림으로 바꿔준다.

   나머지 e6=b6, e7=b7, e8=b8로 짝을지어

   같은그림으로 바꿔준다.

12)아웃창에서 e1~e8모두 블록설정-

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

13)아웃창에서 image열고 image클릭한 후 다음과 같이

   효과를 준다.

   e8-16프레임(place)                       -

   e7-14프레임(place),              16프레임(Remove)

   e6-12프레임(place)               14프레임(Remove)

   e5-10프레임(place)               12프레임(Remove)

   e4-8프레임(place)                10프레임(Remove)

   e3-6 프레임(place)                8프레임(Remove)

   e2-4 프레임(place)                6프레임(Remove)

   e1-2 프레임(place)                4프레임(Remove)

   image행-1,3,5,7,9,11,13,15,17프레임에 stop을 준다.

14)아웃창에서 b1클릭-script누른다.

   Add script-Events-Button-on(rollover)

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

       아래꺽쇠 눌러 image선택-Frame에 2입력한다.

15)b1의 소스를 복사하여 b2~b8에도 붙여넣기 하되

   Frame수를 2,4,6,8,10,12,14,16으로 고쳐 입력한다.

  *복사-붙여넣기 방법

    b1의 script 상태에서 guided를 Expert로 바꾸고 드래그하여 복사하고 

    b2를 선택상태에서 Expert로 바꿔 붙여넣기(paste) 클릭하면 된다.

16)image 옵션닫고 그림삽입 아이콘클릭하여 배경그림 불러와 위치,    

   크기를 맞추고 shape패널에서 Line(실선), 1, 색상선택-

   아웃창에서 그림을 맨아래로 내려준다.

17)작업완료-PLAY

  *장시간 어렵게 보시면서 작품을 만드시느라 수고가 많았습니다.

   하시다가 이해가 되지 않으시면 질문을 하시구요.

  *그렇게 난해한 작품은 아닙니다만 이번 기회에 Rollover Button

   작품도 한번 해 보시는 것도 좋을듯 싶습니다.

  *그럼 성공을 빌겠습니다.

   엄 주 보 올림

 

RolloverImageGallery[1].swf

0.13MB

RolloverImageGallery[1].swi

0.4MB