맥스3 버튼1

img.zip (435kb) mask.swi (62kb) sound.mp3 (17kb) sm318.swf (454kb) 스위시맥스3_작품18.hwp (36kb)   * 스위시맥스3 작품 18   1. Properties - Movie Properties를 클릭 후 다음과 같이 설정한다. - Background color: 검정색, Width: 700, Height: 500, Frame rate: 25, SWF9 2. Layout - View - Automatically adjust~, 100%(또는 Fit Stage in Window) 3. Guides에서 다음과 같이 설정한다. - Guides: Show, Ruler, Snap - Grids: Show, Snap, H: 350, V: 250, 개체가 위에 위치 - Snap: Tolerance: 6 4. Outline - Insert - Import!! Image - bg - Properties와 Transform에서 다음과 같이 설정한다. - 이름: bg, W/H=700/500, O=X, 정가운데, x/y=350/250 5. Outlien - bg - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place - Properties와 Transform에서 다음과 같이 설정한다. - 이름: cbg, W/H=700/500, Line: None, Fill: Solid, 빨강(A: 15%) O=X, 정가운데, x/y=350, 250 5. Timeline에서 다음과 같이 설정한다. - cbg: 1F: Fade - Fade In, 50F, 51F: Fade - Fade Out, 50F 6. Outline - cbg, bg - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: bg1, O=X, 정가운데 7. Outline - bg1 - 마우스 우클릭 - Copy Object - Scene1 - Paste In Place(5번) - 이름: bg1~6(위에서 아래로) 8. Outline - bg1~6 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: bg, O=X, 정가운데 9. Outline - bg - bg2~6 - 색상을 바꾼다. 10. Outline - bg - Tools - Text Tool - Stage 좌측에 클릭 - Properties: Arial, 20, 흰색, B, Edit: auto, O=X, 정가운데 - Outline - auto - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: auto 11. Outline - bg - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: bg - Timeline: bg: 50F: stop(), bg: 1~50F: Fade In 12. Outline - Insert - Import!! Image - img01~08 - Properties: 이름: img01~08(위에서 아래로), W/H=600/450 13. Outline - img01~08 - Transform: O=X, 정가운데, x/y=350/250 - Outline: 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img - Timeline: img1~8F: stop(), 우측아래 계단형식 적용 14. Outline - bg - bg - auto - 마우스 우클릭 - Copy Object - img - 마우스 우클릭 Paste In Place 15. Outline - img - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place - 이름: imgb - img아래로 위치(안의 위치도 바꾼다) 16. Outline - imgb - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: imgb - Timeline: imgb: 1, 10F: stop(), imgb: 2~9F: Fade In 17. Outline - Insert - Import!! Animation - mask(펼치고 모두선택) - Reshape: O=X, 정가운데, W/H=600/450, 합친 후 x/y=350/250 18. Outline - mask - 마우스 우클릭 - Copy Object - mask - 마우스 우클릭 - Paste In Place(4번) - 이름: mask1~4, 5(위에서 아래로) 19. Outline - mask2: Reshape: Flip Horizontal, mask3: Reshape: Flip Vertical mask4: Reshape: Flip Horizontal, Flip Vertical 20. Outline - mask5 - 모두선택 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: mask5l - 마우스 우클릭 - Copy Object - mask51 - Paste In Place - mask5l 아래로 위치한 후 이름을 mask52로 바꾼다. mask의 모양을 바꾼다. 21. Stage에서 가이드라인을 다음과 같이 위치한다.(위치 후 Lock, Pos: 그리드가 위로) - 수직가이드라인: 50, 200, 500, 650 - 수평가이드라인: 137.5, 362.5 22. Outline - mask5 - 마우스 우클릭 - Copy Object - mask5 - Paste In Place - mask5 아래로 위치한 후 이름을 mask6으로 바꾼다. 펼치고 선택 후 안의 마스크를 mask61, mask62로 바꾸고, 모양을 바꾼다. 23. Outline - mask5 - 마우스 우클릭 - Copy Object - mask5 - Paste In Place - mask6 아래로 위치한 후 이름을 mask7로 바꾼다. 펼치고 선택 후 안의 마스크를 mask71, mask72로 바꾸고, 모양을 바꾼다. 복사하여 mask73, mask74를 추가한다. 24. Outline - mask7 - 마우스 우클릭 - Copy Object - mask7 - Paste In Place - mask6 아래로 위치한 후 이름을 mask8로 바꾼다. 펼치고 선택 후 안의 마스크를 mask81, mask82, mask83, mask84로 바꾸고, 모양을 바꾼다. 복사하여 총16개의 마스크를 만든다. 25. Outline - mask1~8 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: mask, O=X, 정가운데 26. Outline - bg - bg - auto - 마우스 우클릭 - Copy Object - mask - 마우스 우클릭 Paste In Place 27. Outline - mask - img 아래로 이동 - img, mask - Grouping - Group as Movie Clip - 이름: img, O=X, 정가운데, 마스크 체크 28. Outline - img - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img, O=X, 정가운데, img: 1, 10F: stop(), img: 2~10F: Fade In 29. Tools - Rectangle Tool - Stage - Properties: 이름: ol, W/H=600/450, Line: 실선, 흰색, 1, Fill: None - Transform: O=X, 정가운데, x/y=350/250 30. Outline - ol - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: ol, O=X, 정가운데, ol: 1, 10F: stop(), ol: 2~10F: Fade In 31. Guides - Guides - Clear 후 다음과 같이 가이드 라인을 위치한다. (위치 후 Lock) - 수직가이드라인: 60, 164.3, 238.55, 312.85, 387.15, 461.45, 535.7, 610, 640 - 수평가이드라인: 420, 465 32. Tools - Rectangle Tool - Stage - Properties: 이름: btn1, W/H=60/45, Line: 실선, 흰색, 0 Fill: image - Transform: O=X, 정가운데, x/y=90/442.5     33. Outline - btn1 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: btn1, O=X, 정가운데, btn1: 1, 6F: stop(), btn1: 2~6F: Fade In 34. Outline - btn1 - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place - 이름: btn2 - 펼치고 선택 - Timeline: btn1: Fade In을 Move로 바꾼다. 35. Outline - btn2 - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place(6번) - 이름: btn3~8(위에서 아래로) 36. Outline - btn2~8 - Timeline에서 Move를 선택한 후 키프레임에 PF을 적용한 후 수직가이드라인의 위치에 차례대로 이동한다. Open Image 한다. 37. Outline - btn1~8 - Grouping - Group as Movie Clip - 이름: btn, O=X, 정가운데 38. Outline - Scene1 - Insert - Import!! Sound - sound - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: sound - 펼치고 선택 - Timeline - sound: 1F: stop() 39. Outline의 각각의 개체에 Script를 적용한다. - bg - bg - auto(* bg - bg에 stop(), 우측아래 계단형식 적용) onFrame (100) { _root.bg.bg.play(); } - bg onFrame (50) { stop(); _root.btn.btn1.gotoAndPlay(2); } - imgb - imgb - auto onFrame (100) { _root.imgb.imgb.play(); } - img - img - img - auto onFrame (100) { _root.img.img.img.play(); } - img - img - mask - auto(* mask에 stop(), 우측아래 계단형식 적용) onFrame (100) { _root.img.img.mask.play(); } - btn - btn1 onFrame (6) { stop(); _root.btn.btn2.gotoAndPlay(2); } onFrame (1) { stop(); } - btn - btn8 onFrame (6) { stop(); _root.ol.gotoAndPlay(2); _root.img.gotoAndPlay(2); _root.imgb.gotoAndPlay(2); } onFrame (1) { stop(); } - btn - btn1 - btn1 on (press) { _root.img.img.img.gotoAndStop(1); _root.img.img.img.auto.gotoAndPlay(1); _root.img.img.mask.gotoAndStop(1); _root.img.img.mask.auto.gotoAndPlay(1); _root.imgb.imgb.gotoAndStop(1); _root.imgb.imgb.auto.gotoAndPlay(1); _root.sound.gotoAndPlay(2); } on (rollOver) { _root.btn.btn1._visible = 1; _root.btn.btn2._visible = 0; _root.btn.btn3._visible = 0; _root.btn.btn4._visible = 0; _root.btn.btn5._visible = 0; _root.btn.btn6._visible = 0; _root.btn.btn7._visible = 0; _root.btn.btn8._visible = 0; } on (rollOut,releaseOutside) { _root.btn.btn2._visible = 1; _root.btn.btn3._visible = 1; _root.btn.btn4._visible = 1; _root.btn.btn5._visible = 1; _root.btn.btn6._visible = 1; _root.btn.btn7._visible = 1; _root.btn.btn8._visible = 1; }