버튼파노라마(scale)

 

1. 작업창의 크기를 정합니다. ①Properties 패널- Movie Properties- Width(500), Height(500) ②Frame rate: 25 ③Background color(마음대로) ④돋보기 클릭 2. 그림을 보관합니다. ①Content 패널- Import!! to library- Image- 10개의 그림을 선택- 열기 3. 버튼 만들기 ①네모를 하나 그립니다. 크기결정- Transform 패널- _width: 1000, _height: 90 네모 속성- 선 종류: None 채우기: Solid Shape 속성 잊기: 우 클릭- Grouping- Group as Shape- 예 정렬- Align to: stage, 가로 가운데 정렬, 세로 위쪽 정렬 ②조각내기 우 클릭- Break- Break in to Pieces Columns: 10 Rows: 1 ③Group 해제하기 Group 우 클릭- Grouping- Ungroup ④조각의 크기 재설정 (※Modify-Reshape/Transform as Group 체크 해제 여부 확인) Transform패널: _width: 95, _height: 90 ⑤조각 네모 속성- 선 종류- 한줄, 선색: 맘대로, 선 굵기: 2 채우기: Image ⑥조각그림 조합하기 Outline의 가장 아래 shape 선택- Properties패널의 첫 번째 그림 클릭 Outline의 아래서 두 번째 shape 선택- Properties패널의 두 번째 그림 클릭 Outline의 아래서 세 번째 shape 선택- Properties패널의 세 번째 그림 클릭 ............... Outline의 아래서 열 번째 shape 선택- Properties패널의 열 번째 그림 클릭 ⑦각각의 그림을 Button으로 묶기 열개의 조각그림을 모두 선택- 우 클릭- Convert- Convert to button Has Separate Over State 체크 ⑧이름 바꾸기: Outline 의 아래서부터 [b1],[b2],[b3],.......,[b10] ⑨조각그림 전체를 하나로 묶기 열개의 조각그림을 모두 선택- 우 클릭- Grouping- Group as Movie Clip ⑩이름 바꾸기: [button] 4. 이미지 만들기 ①네모를 하나 그립니다. 크기결정- Transform 패널- _width: 500, _height: 400 네모 속성- 선 종류: None 채우기: Img Shape 속성 잊기: 우 클릭- Grouping- Group as Shape- 예 정렬- Align to: stage, 가로 가운데 정렬, 세로 아래쪽 정렬 크기 재결정- Transform 패널- _width: 0.1, _height: 0.1 ②그림을 복사/붙이기 하여 모두 10개를 만듭니다. 그림을 선택- 우 클릭- Copy Object, Scene_1 우 클릭- Paste in place Scene_1 우 클릭- Paste in place ............. ③조각그림 조합하기 Outline의 가장 아래 그림 선택- Properties패널의 첫 번째 그림 클릭 Outline의 아래서 두 번째 그림 선택- Properties패널의 두 번째 그림 클릭 Outline의 아래서 세 번째 그림 선택- Properties패널의 세 번째 그림 클릭 ............... Outline의 아래서 열 번째 shape 선택- Properties패널의 열 번째 그림 클릭 ④각각의 그림을 Movie Clip으로 묶기 열개의 그림을 모두 선택- 우 클릭- Convert- Convert to Movie Clip ⑤이름 바꾸기: Outline 의 아래서부터 [i1],[i2],[i3],.......,[i10] ⑥조각그림 전체를 하나로 묶기 열개의 조각그림을 모두 선택- 우 클릭- Grouping- Group as Movie Clip ⑦이름 바꾸기: [img] 5. 중심점 맞추기 ①[button]클릭- Transform 패널로 이동- O=X 클릭- anker point: 왼쪽 위 ②[button] 왼쪽의 +를 클릭하여 -로 바꿉니다. [button] 아래의 모든 개체선택 anker point: 왼쪽 위 6. Script 넣기 ①[Scene_1] 클릭- Script로 이동 ②Add Script- Events- Frame- onSelfEvent(enterFrame) ③Add Script- Statements- name = expr Target: button 선택 Name: _x 선택 operate: =(set value) 선택 ｅxpression!!: (0-_xmouse) 타자 후 엔터 7. 버튼과 연결하는 Script 넣기 ①[button] 왼쪽의 +를 클릭하여 -로 바꿉니다. [b1]클릭- Script로 이동 ②Add Script- Events- button- on(rollOver) ③Add Script- Statements- name = expr Target: _parent.img.i1 선택 Name: _xsclae 선택 operate: =(set value) 선택 ｅxpression!!: 500000 타자 후 엔터 ④Add Script- Statements- name = expr Target: _parent.img.i1 선택 Name: _ysclae 선택 operate: =(set value) 선택 ｅxpression!!: 400000 타자 후 엔터 ⑤Add Script- Events- button- on(rollOut) ⑥Add Script- Statements- name = expr Target: _parent.img.i1 선택 Name: _xsclae 선택 operate: =(set value) 선택 ｅxpression!!: 100 타자 후 엔터 ⑦Add Script- Statements- name = expr Target: _parent.img.i1 선택 Name: _ysclae 선택 operate: =(set value) 선택 ｅxpression!!: 100 타자 후 엔터 8. 명령어 복사하여/ 다른 버튼에 붙이기 ①전체 명령어를 블록설정- 우 클릭- Copy ②[b2] 클릭- Script영역에서 우 클릭- paste ③_parent.img.i1._xscale = 500000; 자리에서 클릭 Target: _parent.img.i2 로 선택 ④_parent.img.i1._yscale = 400000; Target: _parent.img.i2 로 선택 ⑤_parent.img.i1._xscale = 10; Target: _parent.img.i2 로 선택 ⑥_parent.img.i1._yscale = 10; Target: _parent.img.i2 로 선택 ⑦[b3] 클릭- Script영역에서 우 클릭- paste ⑧_parent.img.i1._xscale = 500000; 자리에서 클릭 Target: _parent.img.i3 로 선택 ⑨_parent.img.i1._yscale = 400000; Target: _parent.img.i3 로 선택 ⑩_parent.img.i1._xscale = 10; Target: _parent.img.i3 로 선택 ⑩_parent.img.i1._yscale = 10; Target: _parent.img.i3 로 선택 .................... 9. 반짝이 버튼 만들기 ①[b1] 왼쪽의 +를 클릭하여 -로 바꿉니다. ②Over State 아래 그림을 묶습니다. 그림 선택- 우 클릭- Grouping- Group as Movie Clip ③[Movie Clip] 왼쪽의 +를 클릭하여 -로 바꿉니다. ④효과 넣기 타임라인 1번 프레임 우 클릭: Place 타임라인 2번 프레임 우 클릭: Place 타임라인 3번 프레임 우 클릭: Remove 타임라인 4번 프레임 우 클릭: Remove ⑤[b1] 왼쪽의 -를 클릭하여 +로 바꿉니다. ⑥[b2] 왼쪽의 +를 클릭하여 -로 바꿉니다. ⑦Over State 아래 그림을 묶습니다. 그림 선택- 우 클릭- Grouping- Group as Movie Clip ⑧[Movie Clip] 왼쪽의 +를 클릭하여 -로 바꿉니다. ⑨효과 넣기 타임라인 1번 프레임 우 클릭: Place 타임라인 2번 프레임 우 클릭: Place 타임라인 3번 프레임 우 클릭: Remove 타임라인 4번 프레임 우 클릭: Remove ⑩[b2] 왼쪽의 -를 클릭하여 +로 바꿉니다. ...................

버튼파노라마(scale).swf

버튼파노라마(scale).swf

1.39MB