1. 작업창의 크기를 정합니다.
①Properties 패널- Movie Properties- Width(650), Height(480)
②Background color(마음대로)
③돋보기 클릭
2. 그림을 보관합니다.
①Content 패널- Import!! to library- Image-
15개의 그림을 선택- 열기
3. 이미지 작업
①네모를 하나 그립니다.
네모 속성- 선 종류: None
채우기: Solid
크기결정- Transform 패널- _width: 4350, _height: 480
정렬- Align to: stage, 가로 가운데 정렬, 세로 가운데 정렬
Shape 속성 잊기: 우 클릭- Grouping- Group as Shape- 예
②조각내기
우 클릭- Break- Break in to Pieces
Columns: 15
Rows: 1
③Group 해제하기
Group 우 클릭- Grouping- Ungroup
④조각의 크기 재설정
(※Modify-Reshape/as Group
체크 해제 여부 확인)
Transform패널:
_width: 280, _height: 480
⑤ 조각 네모 속성-
선 종류- 한줄, 선색: 맘대로, 선 굵기: 3
채우기: Image
⑥그림 조합하기
Outline의 가장 아래 shape 선택- Properties패널의 첫 번째 그림 클릭
Outline의 아래서 두 번째 shape 선택- Properties패널의 두 번째 그림 클릭
Outline의 아래서 세 번째 shape 선택- Properties패널의 세 번째 그림 클릭
..............
Outline의 가장 위 shape 선택- Properties패널의 열다섯 번째 그림 클릭
⑦그림 하나로 묶기
열다섯 개의 그림을 모두 선택- 우 클릭-
Grouping- Group as Movie Clip
⑧이름 바꾸기: [img]
4. 투명 버튼 만들기
①네모를 하나 그립니다.
네모 속성- 선 종류: None
채우기: Solid
크기결정- Transform 패널- _width: 650, _height: 480
가로 가운데 정렬, 세로 가운데 정렬
②조각내기
우 클릭- Break- Break in to Pieces
Columns: 8
Rows: 1
③Group 해제하기
Group 우 클릭- Grouping- Ungroup
④조각 네모 속성-
선: None
채우기: None
⑤위쪽 4개의 Shape를 하나로 묶기
위쪽 4개 Shape 를 선택- 우 클릭-
Grouping- Group as Movie Clip
⑥이름 바꾸기: [left]
⑦아래쪽 4개의 Shape를 하나로 묶기
아래쪽 4개 Shape 를 선택- 우 클릭-
Grouping- Group as Movie Clip
⑧이름 바꾸기: [right]
5. 마스크 만들기
①네모를 하나 그립니다.
네모 속성- 선 종류: None
채우기: Solid
크기결정- Transform 패널- _width: 650, _height: 480
정렬- 가로 가운데 정렬, 세로 가운데 정렬
②이름 바꾸기: [mask]
③전체 묶기
[mask]를 Outline의 가장 아래쪽으로 이동
전체를 한꺼번에 선택-우 클릭- Grouping- Group as Movie Clip
Use Bottom Object as mask 체크
④이름 바꾸기: [work]
6. 여백 늘리기
①Scene_1 클릭- Properties패널-
Movie Properties- Width(700), Height(530)
②[work]클릭: 가로 가운데 정렬, 세로 가운데 정렬
7. Script 넣기
①[work] 클릭- Script로 이동
②Add Script- Events- Frame- onSelfEvent(enterFrame)
③Add Script- Statements- name = expr
Target: img 선택
Name: _x 선택
operate: +=(add or plus) 선택
expression!!: speed 타자 후 엔터
④Add Script- Events- Frame- onSelfEvent(load)
⑤Add Script- Statements- name = expr
Name: speed 타자 후 엔터
operate: =(set value) 선택
expression!!: 1 타자 후 엔터
⑥Add Script- Events- Frame- onSelfEvent(enterFrame)
Add Script- Conditional- If(...)
'Condition' 값: img._x>=0 타자 후 엔터
⑦Add Script- Statements- name = expr
Name: speed 타자 후 엔터
operate: =(set value) 선택
expression!!: -1 타자 후 엔터
⑧Add Script- Events- Frame- onSelfEvent(enterFrame)
Add Script- Conditional- If(...)
'Condition' 값: img._x<=-3650 타자 후 엔터
⑨Add Script- Statements- name = expr
Name: speed 타자 후 엔터
operate: =(set value) 선택
expression!!: 1 타자 후 엔터
8. 오른쪽 버튼과 연결하기
①[work]왼쪽의 +를 클릭하여 -로 바꿉니다.
②[right]왼쪽의 +를 클릭하여 -로 바꿉니다.
③shape의 가장 아래쪽 그림을 선택
④Add script-Events-Button-on(rollOver)
⑤Add Script- Statements- name = expr
Target: _parent 선택
Name: speed 타자 후 엔터
operate: =(set value) 선택
expression!!: 15 타자 후 엔터
⑥명령어를 복사하여 나머지 버튼에 붙이면서 expression!! 값 수정
명령어 전체를 블록- 우 클릭- copy
가장 아래서 두 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: 10 타자 후 엔터
⑦가장 아래서 세 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: 5 타자 후 엔터
⑧가장 아래서 네 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: 1 타자 후 엔
[right]왼쪽의 -를 클릭하여 +로 바꿉니다.
9. 왼쪽 버튼과 연결하기
①[left]왼쪽의 +를 클릭하여 -로 바꿉니다.
②shape의 가장 아래쪽 그림을 선택
③Add script-Events-Button-on(rollOver)
④Add Script- Statements- name = expr
Target: _parent 선택
Name: speed 타자 후 엔터
operate: =(set value) 선택
expression!!: -1 타자 후 엔터
⑤명령어를 복사하여 나머지 버튼에 붙이면서 expression!! 값 수정
명령어 전체를 블록- 우 클릭- copy
가장 아래서 두 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: -5 타자 후 엔터
⑥가장 아래서 세 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: -10 타자 후 엔터
⑦가장 아래서 네 번째 shape을 클릭-
Script영역에서 우 클릭- Paste
_parent.speed 클릭- expression!!: -15 타자 후 엔터
⑧[left]왼쪽의 -를 클릭하여 +로 바꿉니다.
10. 중심점 맞추기
①[work]클릭- Transform 패널로 이동-
O=X 클릭- anker point: 왼쪽 위
②[work] 왼쪽의 +를 클릭하여 -로 바꿉니다.
[work] 아래의 모든 개체선택
anker point: 왼쪽 위
③[img]왼쪽의 +를 클릭하여 -로 바꿉니다.
[img]아래 15개의 그림을 한꺼번에 선택-
Transform 패널로 이동- anker point: 왼쪽 위
④[img]왼쪽의 -를 클릭하여 +로 바꿉니다.
⑤[work]왼쪽의 -를 클릭하여 +로 바꿉니다.
파노라마4.swf
1.29MB
'스위시세상 > 스위시 고급' 카테고리의 다른 글
마우스 따라다니는 꽃잎버튼 (0) | 2010.08.12 |
---|---|
맥스3 버튼1 (0) | 2010.08.12 |
마우스 따라다닌는 버튼3... (0) | 2010.08.12 |
대각 scroll이미지 (0) | 2010.08.12 |
4중마스크겔러리 (0) | 2010.08.12 |