큐브버튼(슬라이드)

큐브버튼(슬라이드)

Movie (520 * 360), 배경색 정하기(아무색이나)

버튼 만들기

1. AutoShape의 3Dcube클릭 그려주고 W=100 H=50으로하고 우
   클릭→Grouping→ungroup, 위의 두 개 삭제하고 세 개선택
   solid=image로

2. Content패널에서 그림을 15개 불러와 3개모두 첫 번째 이미지로
   바꿔주고

3. Shape 3개선택 복사하여 제자리 붙여넣고 붙여넣은 Shape 세 개
   선택된상태에 라인=None  솔리드=None

4. 위의 insert Button클릭 cube 중앙에놓고 아웃라이에서 위의 복사
   한 Shape 세 개 아래로 내려주고 Button과 위의 Shape세 개 선택
   우클릭→Grouping→Group as Movie clip 이름을 button으로 트랜
   스폼에서 W=100 H=80으로 함

cube 1 만들기

5. 아래 이미지 세 개선택 라인=실선 크기=1 색=흰색 솔리드=이미지
   로 3개를 선택 우 클릭→Grouping→Group as Movie clip
   이름[cube_1]로함

반짝이는효과 넣기

6. cube 1열고 가장 아래 있는 하나의 이미지만 선택 7프레임 우 클
   릭→Core Effect→Transform, 프레임수=6으로 줄이고 효과 수정
   하기 위해 Effect패널로 이동 Scale=100%, Color=100%, 흰색

7. 효과를 복사하여 나머지 이미지에 붙이기 아래 이미지는 7프레임
   과, 16프레임에붙여넣고 가운데는 5,14,23에 위 이미지는 2프레임
   과, 13과, 24프레임에 붙여넌다 이미지 세 개 다 1프레임에 place
   해줌

큐브 이동효과 주기

8. [button]+[cube_1]선택 O=X 센타 X=440 Y=330에 놓고, 큐브의
   타임라인 2프레임에우클릭→Move 프레임수=10, Shift키를 누르고
   100Pixel(즉 큐브반 Y=306)정도 위로 이동 큐브의 타임라인 13프
   레임에 우클릭→Move 프레임수=10, Shift키를 누르고 원래 위치로
   이동 (즉 Y=330)으로 함

9. 움직임을 멈추게 하기 위해 묶고 효과 주기 [button]+[cube_1]을
   선택 우 클릭→Grouping→Group as Movie clip이름을[cube]로함
   [cube]+를 클릭해 -로 열고

10. cube 열고 cube라인 1프레임 우 클릭→Movie Control→stop 주
   고 12프레임 우 클릭→Movie Control→stop 주고. 1 프레임에
   place ([button]+[cube_1]에 모두주고 .) 버튼은 2프레임에도
   place 주고 button을 cube_1아래로 내려준다

반짝이 효과 멈추기

11· [cube_1]+를 클릭해 -로 바꿉니다. 1프레임 우 클릭→Movie
   Contro→stop, 30프레임 우 클릭→Movie Control →Goto and
   play→gotoAndPlay(FRAME) , frame= 2

button에 Script연결하기

12. +로된 [button]을 선택하고 Script로 이동 Add script→Events→
   Button→on(rollOver) 다시 Add script→Movie Control→Goto
   and play→gotoAndPlay(FRAME) frame수= 2, 다시 Add script→
   Movie Control→Goto and play→gotoAndPlay(FRAME) target의
   cube_1선택 frame수=2 다시 Add script→Events→Button→
   on(rollOut) 다시 Add script→Movie Control→Goto and play→
   gotoAndPlay(FRAME) frame수=13  다시Add script→
   Movie Control→Goto and play→gotoAndPlay(FRAME) target의
   cube_1 선택 frame수=1

13. [cube]를 복사/붙이기 하여 총 7개를 만듭니다. 이름 1~7로함

배열하기

14. 맨 위7는 O=X센타 X=440 Y=335, 맨 아래1은  X=50 Y=150으로
   놓고 7개의 큐브를 한꺼번에 선택 Window→Align→space evenly
   의 space Both 클릭 (작업창의 위치와 번호와 맞는지 확인)

15. 7개 큐브 선택 우클릭→Grouping→Group as Movie clip, 이름 1
   로함,  [1]을 복사/ 붙이기) 이름을 [2]로 바꾸기 O=X 센타 X=279
   Y=193으로(적당히) 함 아웃라인의 2를 1 아래로 내려주고

16. 1,2선택 우클릭→Grouping→ungroup해서 14개 모두선택 우클
    릭→Grouping→Group as Movie clip, 이름 cubebutton으로함

Content의 그림과 [cube]의 그림 조합하기

 17. cubebutton열고 1열고 [cube_1] 안에 img를 세 개를 한꺼번에
   선택하고 content그림의 첫 번째 그림 클릭 모두14개를 바꾼다

18. scene-을 클릭 하고 화면크기를 700/550 으로하고 cubebutton
   선택 O=X 센타 X=350 Y=275 ,

19. 신1선택 사각선택  shape그려주고 라인=실선, 크기=1, 색=흰색,
   솔르드=이미지로 W=640, H=490, O=X 센타 X=350 Y=275, 로 복
   사/붙이기 14개를 만들고 이름을 아래서부터 1~7,다시 1~7로 그
   림 맞추기(1번부터 차례로 찍어 넣는다)

20. 그림 1~7,1~7,14개를 선택  우클릭→ Grouping→group as
   movie clip, 하고 이름을"img"

셋트메뉴넣기

21. img라인 1.3.5....29 스톱주고 맨 아래 1라인 2프레임에 place
   4프레임에 Remove 이 두효과 복사하요 위로 2,4,6,8....28 프레임
   에 붙여넣고

22.cubebutton열고 1열고 아래 button에효과넣기 +로된 button선택
   Add script→Event→button→on(press) 다시 Add script에서
   MovieControl→GotoandPlay→gotoAndPlay(Frame) Target의
   parent.parent.img삽입하고  frame=2 이것을 복사 위에 cube 안에
   +로된 button에 붙여넣고 frame=4로고친다 위것 모두에 붙이고
   frame6.8.10....28 까지 고쳐준다

23.이미지중 제일 아래것선택 script열고 Add script→MovieControl
   →GotoandPlay→gotoAndPlay(Frame) 이것을 복사 위에 이미지
   모두에 붙여준다

24. X 표시 만들기 

  ①Text 툴선택 X 쓰고 글꼴=preciosa 크기=72 색=흰색
  ②X글씨를 그룹으로 묶기, 우 클릭→Grouping→Group as Movie
     clip, 이름 [X]로함 O=X 센타 X=630 Y=50으로놓고
  ③글씨에 효과 넣기 [X] 열고 안의 X 선택 2프레임에 place 4프레
   임에 Remove,  위 X라인 1,3 우 클릭→Movie Control→Stop 

25.글씨에 명령어 넣기(그룹이 아닌 글씨를 선택하세요)
  ①Add script→Movie Control→Goto and play
     →gotoAndPlay(FRAME), target의_parent.img
  ②Add script→Movie Control→Goto and play→
     gotoAndPlay(FRAME), frame수=4 

22. 버튼과 이미지 연결하기
    [cube_button]열고[1] 열고 +로된 [button]을 선택 스크립트클
   릭 }안의 스크립트끝에 커서놓고 엔터치고 
  ·Add script→Movie Control→Goto and play→
   gotoAndPlay(FRAME), target의 _parent._parent.x, frame수=2
   방금 만든 스크립트 한줄 복사하여 나머지 버튼에 붙이기한다

전체 여백 만들기
24. 전체 선택→우 클릭→Grouping-Group as Movie clip, 이름
   [work] 가운데 정열 ,가운데정열

25. 바닥 배경 만들고 실행해보세요

 

큐브버튼(슬라이드).swf

 

큐브버튼(슬라이드).swf

0.39MB