파노라마(가로버튼)

파노라마(가로버튼)

 

 1. 무비 Width=500, Height=400

2. 그림을 보관합니다.
 1) Content 패널→Import! to library→ Image→8개의 그림을 선택
    열기

3. 이미지 작업
  1) 사각 그려주고 라인=실선 색=임의 크기=3 솔리드=이미지로
    Transform 패널에서 O=X 센타 X=250 Y=200 width=500,
    height=400
  2) Shape를 복사/붙이기 하여 총 8개를 만들고
  3) 그림 조합하기 Outline의 가장 아래 shape 선택 Properties패널
    의 첫 번째 그림 클릭 나머지도 바꿔주고
  4) 그림 하나로 묶기 여덟 개의 그림을 모두 선택 우 클릭→
    Grouping→Group as Movie Clip 이름 img로
  5) 이미지 효과주기 img 열고 8개의 전체 그림을 선택 타임라인 1번
    프레임 우 클릭→Place 타임라인 2번 프레임 우 클릭→Remove
    타임라인 3번 프레임 우 클릭→Place 타임라인 4번 프레임 우 클
    릭→Remove 타임라인 5번 프레임 우 클릭→Place 타임라인 6번
    프레임 우 클릭→Remove 타임라인 7번 프레임 우 클릭→Place
    타임라인 8번 프레임 우 클릭→Remove 타임라인 9번 프레임 우
    클릭→Place
6) 8개의 그림을 각각의 개체로 묶기 8개 그림 모두 선택 우 클릭→
    Convert→Convert to MovieClip 예 +로 닫고

4. 여백 늘리기
  1) Scene_1 클릭 Properties패널에서 Movie Properties→
    Width=500, Height=480

5. 버튼 만들기
  1) 사각툴선택 그려주고 Properties패널에서 라인=None 솔리드
    width=1080, height=60 Transform 패널에서O=X 센타 X=250
    H=450 ( Transform 패널에서 W,H를 변경 했을 경우  Shape 속성
    잊기를 해야한다 기본값으로 돌리기 위해 즉 우 클릭→Grouping
    →Group as Shape- 예를 해 줘야한다)
  2) 조각내기 우 클릭→Break→Break in to Pieces Columns=16
    Rows=1
  3) Group 해제하기 Group에 우 클릭→Grouping→Ungroup
  4) 조각의 크기 재설정 (※Modify-Reshape/Transform as Group
    체크 해제 여부 확인) Transform패널의 width=65, height=60
  5) 조각 네모 속성 라인=실선, 선색=맘대로, 선 굵기=2 채우기
    =Image
  6) 조각그림 조합하기 Outline의 가장 아래 shape 선택- Properties
    패널의 첫 번째 그림 클릭 나머지도 쭉 바꿔주고 다시 처음부터
    쭉 바꿔준다
  7) 조각그림 하나로 묶기 열여섯(16)개의 조각그림을 모두 선택 우
    클릭→Grouping→Group as Movie Clip 이름 button으로

6. 투명 버튼 만들기
  1)  사각 그려주고 라인= None, 채우기=Solid  width=500,
    height=60으로 Transform 패널에서 O=X 센타 X=450 Y=250
    width=500, height=60
  2) 조각내기 우 클릭- Break- Break in to Pieces Columns=8
    Rows=1
  3) Group 해제하기 Group에 우 클릭→Grouping→Ungroup
  4) 조각 네모 속성 라인=None 채우기=None
  5) 위쪽 4개의 Shape를 하나로 묶기 위쪽 4개 Shape 를 선택 우 클
    릭→Grouping→Group as Movie Clip 으로 이름 left로
  6) 아래쪽 4개의 Shape를 하나로 묶기 아래쪽 4개 Shape 를 선
    택 우 클릭→Grouping→Group as Movie Clip으로 이름  right로

7. 마스크 만들기
  1) 사각툴 선택 그려주고 라인=None 채우기=Solid width=510,
    height=490으로 설정하고 Transform 패널에서 O=X 센타 X=250
    Y=240 W=510 H=490으로 이름 mask
  2) 전체 묶기 [mask]를 Outline의 가장 아래쪽으로 이동 전체를 한
    꺼번에 선택 우 클릭→Grouping→Group as Movie Clip Use
    Bottom Object as mask 체크 이름 work으로

8. 버튼과 연결하기 위해 그림에 효과 넣기
  1) work열고 img열고 img안의 8개 Movie Clip을 모두 선택 타임라
    인의 1프레임에 우 클릭→Place 3프레임에 우 클릭→Remove해서
    이 두 효과복사해서 1, 3, 5, 7, 9, 11, 13, 15 에 붙여넣고
 2) img라인2,4,6,8,10,12,14,16 프레임에 우 클릭→Movie Control
    →Stop 하고 +로 닫고

9. 버튼과 이미지 연결하기
  1)button열고 button의 가장 아래쪽 그림을 선택 Script로 이동
  2) Add Script→Movie Control→Goto and play→
    gotoAndPlay(FRAME)
  3) Target의 _parent.img선택 Frame 번호=1
  4)명령어 복사하여 나머지 버튼에 붙이면서 Frame번호만 변경하기
    Script의 명령어 블록잡고 우 클릭→Copy 가장 아래서 두 번째 그
    림을 선택 Script 영역 클릭 우 클릭→Paste Frame 번호=3 가장
    아래서 세 번째 그림을 선택 Script 영역 클릭 우 클릭→Paste,
    Frame 번호=5 가장 아래서 네 번째 그림을 선택 Script 영역 클릭
    우 클릭→Paste Frame 번호 7 .............. 가장 아래서 여덟 번째
    그림을 선택 Script 영역 클릭 우 클릭→Paste Frame 번호=15 가
    장 아래서 아홉 번째 그림을 선택 Script 영역 클릭 우 클릭→
    Paste Frame 번호=1 가장 아래서 열 번째 그림을 선택 Script 영
    역 클릭 우 클릭→Paste Frame 번호=3 가장 아래서 열한 번째 그
    림을 선택 Script 영역 클릭 우 클릭→Paste Frame 번호=5 가장
    아래서 열두 번째 그림을 선택 Script 영역 클릭 우 클릭→Paste,
    Frame 번호=7 .............. 가장 아래서 열여섯 번째 그림을 선택
    Script 영역 클릭 우 클릭→Paste Frame 번호=15  button +로

10. button의 위치 바꾸기
  1) [button]을 Outline의 가장 위로 이동 work를 +로닫고

11. 여백 늘리기
  1) Scene_1 클릭→Properties패널→Movie Properties→
    Width(550), Height(530)으로 설정하고
  2) +로된 work클릭 Transform 패널에서O=X 센타 X=275 H=265로

12. Script 넣기
  1) work 클릭 Script로 이동
  2) Add Script→Events→Frame→onSelfEvent(enterFrame)
  3) Add Script→Statements→name = expr선택 Target의 button
    선택 Name의 _x 선택 operate의 +=(add or plus) 선택
    ｅxpression!!에 speed 타자 후 엔터
  4) Add Script→Events→Frame→onSelfEvent(load)
  5)Add Script→Statements→name = expr 선택 Name에 speed 타
    자 후 엔터 operate: =(set value) 선택 ｅxpression!에 -1 타자 후
    엔터
  6) Add Script→Events→Frame→onSelfEvent(enterFrame) Add
    Script→Conditional→If(...)선택 (Condition' 값)Condition에
     button._x<=-570 타자 후 If 명령어 끝 줄에서 클릭
  7) Add Script→Statements→name = expr선택 Name에 speed 타
    자 후 엔터 operate: =(set value) 선택 ｅxpression!에 1 타자 후 엔
    터
  8) Add Script→Events→Frame→onSelfEvent(enterFrame)→ Add
    Script→Conditional→If(...) 'Condition' 값에 button._x>=0 타자
    후 If 명령어 끝 줄에서 클릭
  9) Add Script→Statements→name = expr선택 Name에speed 타
    자 후 엔터 operate: =(set value) 선택 ｅxpression!에 -1 타자 후
    엔터

13. 투명 버튼에 Script 연결하기
  1) work열고 left열고 left 아래 shape의 가장 아래쪽 그림을 선택
  2) Add script→Events→Button→on(rollOver)
  3) Add Script→Statements→name = expr선택 Target의 _parent
    선택 Name에 speed 타자 후 엔터 operate: =(set value) 선택
    ｅxpression!에 -4 타자 후 엔터
  4) 명령어를 복사하여 나머지 버튼에 붙이면서 ｅxpression! 값 수정
    명령어 전체를 블록- 우 클릭→copy 가장 아래서 두 번째 shape
    을 클릭 Script영역에서 우 클릭→Paste, _parent.speed 클릭
    ｅxpression!에 -3 타자 후 엔터
  5) 가장 아래서 세 번째 shape을 클릭 Script영역에서 우 클릭→
    Paste, _parent.speed 클릭  ｅxpression!에 -2 타자 후 엔터
  6) 가장 아래서 네 번째 shape을 클릭 Script영역에서 우 클릭→
    Paste, _parent.speed 클릭 ｅxpression!에 -1 타자 후 엔터 left
    +로 닫고

14. 왼쪽 버튼과 연결하기
  1) right열고 shape의 가장 아래쪽 그림을 선택
  2) Script영역에서 우 클릭→Paste, _parent.speed 클릭
    ｅxpression!!에 1 타자 후 엔터 가장 아래서 두 번째 shape을 클
    릭 Script영역에서 우 클릭→Paste, _parent.speed 클릭
    ｅxpression!!에 2 타자 후 엔터
  3) 가장 아래서 세 번째 shape을 클릭 Script영역에서 우 클릭→
    Paste, _parent.speed 클릭 ｅxpression!에 3 타자 후 엔터
  4) 가장 아래서 네 번째 shape을 클릭 Script영역에서 우 클릭→
    Paste, _parent.speed 클릭 ｅxpression!에 4 타자 후 엔터 right
    +로 닫고

15. 중심점 맞추기
  1) +로된 work클릭 Transform 패널로 O=X  anker point=왼쪽 위
   2) work열고 work안의 모든 개체선택 anker point=왼쪽 위

파노라마(가로버튼).swi

2.02MB

파노라마(가로버튼).swf

0.2MB