마우스 따라다니는 꽃잎버튼

스위시맥스3 작품 13번 입니다.|

flower.swi (1249kb)
img.zip (911kb)
sound.mp3 (17kb)
flower.png (63kb)
스위시맥스3 작품13.hwp (33kb)

 

* 스위시맥스3 작품 13

 

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: 12

4. Stage에서 가이드라인을 다음과 같이 위치한다.(위치 후 Lock)

- 수직가이드라인: 45, 100, 600, 655

- 수평가이드라인: 62.5, 82.5, 417.5, 437.5

5. Outline - Insert - Import! Image - bg

- Properties: 이름: bg, W/H=700/500

- Transform: O=X, 정가운데, x: 350, y: 250

6. Outline - Scene1 - Components - Effects - Filters - DropShadowFilter - Stage

7. Outline - DropShadowFilter의 이름을 ibg로 바꾼다.

8. Outline - ibg - Text를 삭제한다.

9. Outline - Scene1 - ibg - Layout - Tools - Rectangle Tool - Stage

- Properties: 이름: ibg, W/H=520/395, Line: None, Fill: Solid(6189E1), O=X, 정가운데

10. Outline - ibg - Parameters에서 다음과 같이 설정한다.

- 검정색, 45, 5, false, false, false, 4, 4, medium, 1

11. Outline - ibg - Transform: O=X, 정가운데, x: 350, y: 250

12. Outline - ibg - Timeline

- ibg: 10F: stop(), 1~10F: 우클릭 드래그 - Fade - Fade In

13. Outline - Scene1 - Insert - Import! Image - img - img01

- Properties: 이름: img01, W/H=500/375

- Transform: O=X, 정가운데, x/y=350/250

14. Outline - img01 - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place(1번) - 상위 img01에서 마우스 우클릭 - Break - Break into Pieces

- Regular Grid, 10, 10, Allow non-triangular pieces, random order, 0

15. Outline - img01 - Timeline

- img01: 1F: 마우스 우클릭 - Core Effects - Transform

- Effect: Duration: 100, Scale: 0

16. Outline - img01 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img01ef1 - Copy Object - Scene1 - Paste In Place(1번) - 이름: img01ef2

17. Outline - img01ef2 - Timeline - Transform에서 마우스 우클릭 - Effect - Core Effects - 3D Wave - 예 - Effect - Amplitude: 1, 1 - Constraints: Fix 주위에 체크

18. Outline - Scene1 - Layout - Tools - Rectangle Tool - Stage

- Properties: 이름: btn, W/H=500/375, Line: None, Fill: Solid(A: 0%)

19. Outline - btn - Transform: O=X, 정가운데, x: 350, y: 250,

20. Outline - btn ~ img01 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img01 - 펼치고 선택 - Timeline - img01: 1~2F: stop(),

- img01ef1: 1F: Place, 2F: Remove, img01ef2: 2F: Place

21. Outline - Scene1 - Insert - Import! Image - img02~10

- Properties: 이름: img02~10(위에서 아래로), W/H=500/375

- Transform: O=X, 정가운데, x/y=350/250

22. Outline - Scene1 - img02~10 - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place

23. Outline - Scene1 - img02~10 - 마우스 우클릭 - Break - Break into Pieces

- Regular Grid, 10, 10, Allow non-triangular pieces, random order, 0

24. Outline - Scene1 - 그룹 img02~10 - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place

25. Outline - Scene1 - img02, img02, img02 ~ img10, img10, img10

26. Outline - Scene1 - img01 - btn - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place(10번) - Transform: O=X, 정가운데, x/y=350/250

27. Outline - Scene1 - 각각의 번호 맨위에 btn을 위치시킨다.

28. Outline - Scene1 - img01 - img01ef1 - Timeline - Transform Effect를 복사 - Outline - 각각의 번호 상위 그룹을 모두 선택 - Timeline - img02 상위 그룹의 1F에 붙여넣기 한다.

28. Outline - Scene1 - img01 - img01ef2 - Timeline - 3D Wave Effect를 복사 - Outline - 각각의 번호 하위 그룹을 모두 선택 - Timeline - img02 하위 그룹의 1F에 붙여넣기 한다.

29. Outline - Scene1 - 각각의 번호 모든 그룹을 선택 - 마우스 우클릭 - Convert - Convert to Movie Clip - 예 - Properties: Stop playing at end 체크해제

30. Outline - Scene1 - btn~img02 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img02 - 펼치고 선택한 후 Timeline에서 다음과 같이 설정한다.

- img02: 1~2F: stop(),

- img02: 1F: Place, 2F: Remove, img02: 2F: Place

31. Outline - Scene1 - 나머지 btn~img03~10까지 30번 과정을 반복한다.

32. Outline - img01~10 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img: O=X, 정가운데 - 펼치고 선택 - Timeline - img: 1~10F: stop()

- img01: 1F: Place, 2F: Remove, - img02: 2F: Place, 3F: Remove

- img03: 3F: Place, 4F: Remove, - img04: 4F: Place, 5F: Remove

- img05: 5F: Place, 6F: Remove, - img06: 6F: Place, 7F: Remove

- img07: 7F: Place, 8F: Remove, - img08: 8F: Place, 9F: Remove

- img09: 9F: Place, 10F: Remove, - img10: 10F: Place

33. Outline - img - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img: O=X, 정가운데 - 펼치고 선택 - Timeline - img: 1, 10F: stop()

- img: 2~9: Fade - Fade In

34. Outline - ibg - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place - 이름: btn1 - btn1을 펼쳐서 안의 개체를 지운다.

35. Layout - Tools - Rectangle Tool - Stage

- Properties: 이름: btn1, W/H=60/45, Line: None, Fill: Image, O=X, 정가운데

36. Outline - btn1 - Timeline - btn1: 1, 5F: stop(), btn1: 2~5F: Fade - Fade In - - btn1을 합친 후 - O=X, 정가운데 - Parameters: distance: 3

37. Outline - btn1 - Copy Object - Scene1에 Paste(9번) - 위에서 아래로 btn1~10 - Stage에서는 메인이미지 좌측: btn1~5(위에서 아래로), 우측: btn6~10(위에서 아래로)

38. Outline - btn1~5 - Align: All Selected, Distribute Vertical Center

39. Outline - btn6~10 - Align: All Selected, Distribute Vertical Center

40. Outline - btn1~10: Open Image - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: btn

41. Outline - Scene1 - Insert - Import! Sound - sound - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: sound

42. Outline - sound를 펼치고 선택 후 Timeline - sound - 1F: stop()

43. Outline에서 각각의 개체에 스크립트를 적용한다.

- ibg

onFrame (10) {

stop();

_root.btn.btn1.gotoAndPlay(2);

}

- btn - btn1~10

onFrame (1) {

stop();

}

onFrame (5) {

stop();

_root.btn.btn2.gotoAndPlay(2);

}

on(press){

_root.sound.gotoAndPlay(2);

_root.img.img.gotoAndStop(1);

}

- img - img - img01 - btn

on(press){

if(_root.img.img.img01._currentFrame == 1){

_root.img.img.img01.gotoAndStop(2);

}else{

_root.img.img.img01.gotoAndStop(1);

}

}

 

 

44. Outline - Scene1 - Layout - Tools - Rectangle Tool - Stage

- Properties: W/H=700/500, Line: none, Fill: Solid

- Transform: O=X, 정가운데, x/y=350/250

45. Outline - Scene1 - Layout - Tools - Rectangle Tool - Stage

- Properties: W/H=520/395, Line: none, Fill: Solid

- Transform: O=X, 정가운데, x/y=350/250

46. Outline - 2개의 사각형 쉐입 선택 - 마우스 우클릭 - Grouping - Group as Shape - 예 - 이름: mbg, A: 0% - O=X, 정가운데, x/y=350/250

47. Outline - Scene1 - Insert - Import! Animation - flower - Import!

- Transform: O=X, 정가운데, x/y=-17/0

48. Outline - flower, mbg - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: f1, 마스크 체크, O=X, 정가운데 - 마우스 우클릭 - Copy Object - 마우스 우클릭 - Paste In Place(3번) - 위에서 아래로 f1, f2, f3, f4 로 이름을 바꾼다.

49. Outline - f1~f4 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: flower - O=X, 정가운데

50. Outline - flower - Timeline

- flower: 1~4F: stop()

- f1: 1F: Place, 2F: Remove, - f2: 2F: Place, 3F: Remove

- f3: 3F: Place, 4F: Remove, - f4: 4F: Place

51. Outline - ibg - 마우스 우클릭 - Copy Objcet - Scene1 - 마우스 우클릭 - Paste - 이름: fbtn - fbtn을 펼쳐서 그 안의 개체를 지운다. - Insert - Import! Image - flower

- Reshape: O=X, 정가운데, xscale/yscale=25/25

52. Outline - fbtn - O=X, 정가운데, x/y=655/461.5

53. Outline - fbtn - Timeline

- fbtn: 10F: stop()

- flower: 1~10F: 우클릭 드래그 - Fade - Fade In

54. Outline - fbtn - Script

on(press){

if(_root.flower._currentFrame == 4){

_root.flower.gotoAndStop(1);

}else{

_root.flower.nextFrame();

}

}

 

 

 

 

 

 

 

55. Outline - btn - btn1 - Insert - Import! Image - flower

- Properties: 이름: flower, W/H=90/94.5, O=X, 정가운데

- Timeline: 50F: 더블클릭, rotation: 360, PF해제

56. Outline - btn - btn1 - flower - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: flower, O=X, 정가운데 - flower, btn1 - Align: Last Selected, Align Horizontal Center, Align Vertical Center

57. Outline - btn - btn1 - flower - 마우스 우클릭 - Copy Object - btn2 - 마우스 우클릭 - Paste In Place - 나머지 btn3~10까지도 제자리 붙이기를 한다.

58. Outline에서 각각의 개체에 스크립트를 적용한다.

- Outline - btn - btn1

on (rollOver) {

_root.btn.btn1.flower._visible = 1;

}

on (rollOut,releaseOutside) {

_root.btn.btn1.flower._visible = 0;

}

- Outline - btn - btn1 - flower

onSelfEvent (load) {

this._visible = 0;

}

- Outline - img - img - img01 - btn

on (rollOver) {

_root.btn.btn1.flower._visible = 1;

}

on (rollOut,releaseOutside) {

_root.btn.btn1.flower._visible = 0;

}