roll over, release Button galley

 

 

 

 

 

 

<roll over, release Button galley>

1) Mobie 설정 : 700*450

2) 사각선택 그리고 라인=논 Gradient 색=좌,우= 검은색 가운데 = 파

    랑색 Transform에서 O=X 앵커포인트 하중 X=300 Y=200 w=500

    h=150

3) 타임라인 1프레임에 우클릭 무브 활성화 X=300 Y=190

    W=500 H=141

4) 11프레임에 우클릭 무브  활성화 X=300 Y=200 W=500 H=140

5) 21프레임에 우클릭 무브  활성화 X=300 Y=45 W=500 H=0

6) 아웃라인의 셰이프에 우클릭 Copy object  paste In place해서

7) 타임라인 맨앞의 삼각에 타임막대 놓고  Transform에서 O=X 앵커

   포인트 상중 X=300 Y=351 w=500 h=1 

8) 1프레임의 무브 활성화 X=300 Y=204.5 W=500 H=144

9) 11프레임의 무브 활성화 X=300 Y=198.5 W=500 H=150

10) 21프레임의 무브 활성화 X=300 Y=351.5 W=500 H=0

     세이프 2개 모두선택  우클릭→ grouping→ grouping as movie

     clip→이름 mask 마이너스로 열고 mask 라인 30프레임에 우클릭

     movie control →stop +로 닫고 ransform에서 O=X 앵커포인트 센타  

     X=400 Y=250  

11) (그림 500*300 감안) 그림삽입 아이콘 선택→그림 4장을 불러와

     삽입한다.

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

    Transform에서O=X 센타 x,y좌표값 기억한다.(center상태)

    X=400 Y=250, W=500, H=300

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

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

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

15)아웃창-모두 블록설 우클릭 →정grouping→grouping as movie

   clip →이름(image) 붙인다.

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

   mask-      --          --    

   맨위그림-7F=place       --

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

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

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

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

17)아웃창-image 옵션닫고

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

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

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

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

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

   크기로 그려준다.

20)아웃창-위의 그림중 맨밑그림 우클릭→ grouping -grouping as

    movie clip-이름(1) 붙인다. 나머지 3개 그림도 이름 2, 3, 4로

   붙인다.

21)아웃창-1번 옵션열고 그림 클릭한 후 타임창-1F=place, 10F=더

    블클릭한 후 무비창 오른쪽 아래 그림을 옮겨준다. 타임창-1행에

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

22)아웃창-옵션닫고 맨위 shape와 1,2,3,4(모두 5개) 블록설정우클

    릭 →grouping→ grouping as movie clip→이름(Menu 1) 붙인다.

23)아웃창-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  옵션 닫는다.

24)아웃창-Menu1 우클릭→grouping→grouping as movie clip→이

   름(Menu) 붙인다.

25)Ellipse(원)선택-왼쪽 여백에 그려주고 50X50 라인= 논 그라디언

  트 색 선택-왼쪽(짙은 녹색),오른쪽(배추색 즉 여튼 녹색) 설정한다.

26)아웃창-shape 우클릭grouping→grouping as Button 클릭한다.

   Button 옵션열고 up/Hit state 클릭한 후 T선택-Text 패널에서 글

   씨체, 크기, 색상선택-1 입력하여 동그라미 위에 위치 잡아준다.

27)아웃창-Button 3개 더 복사하고(총4개) 무비창에 세로로 나란히

    배열한다.(Align 이용)  <정열하는 방법>

     Align(4번째),  Distribute(6번째)  All selected(선택된 상태)

28)아웃창-Button 4개 모두 블록설정 grouping→ grouping as movie

     clip이름 (ball) 붙인다.

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

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

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

   Target의 우측 꺽쇠 눌러 parent.menu.menu1 클릭-

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

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

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

   Target의 우측 꺽쇠 눌러-parent.image 클릭-Frame(1)로 쓴다.

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

   Target의 우측 꺽쇠 눌러-parent.image.mask 클릭-Frame(1)로

   쓴다.

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

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

  *맨 밑 Button 소스를 복사하여

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

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

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

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

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

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

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

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

   Looping continuously →Rocking 클릭 아웃라인의T선택 된 상태

   우클릭→grouping→grouping as movie clip

34)마무리 작업

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

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

35)작업완료-PLAY

 

 

 

roll over, release Button galley.swf

0.16MB

roll over, release Button galley.swi

0.36MB