1. 프로퍼티스 패널-무비 프로퍼티스 버튼을 클릭해 다음과 같이 설정한다.
- 배경색:검정, 가로/세로:560/420 프레임 레이트:15
2. 레이아웃 패널-뷰옵션에서 100% 보기 아이콘과 자동조절기능 아이콘을 클릭한다. 파일-세이브 애즈를 클릭한 후 본인 폴더에 저장한다.
3. 아웃라인 패널-인써트-임포트 이미지를 클릭하여 8장의 이미지를 가져온다.
4. 얼라인 패널-스테이지-리사이징-세임사이즈-가로/세로 중심 클릭
5. 트랜스폼 패널에서 O=X, 앵커포인트 센터, 아래 아이콘중 맨 우측아이콘 클릭
6. 아웃라인 패널에서 이미지의 순서를 위에서부터 작은 숫자가 오도록 정렬한다.
7. 아웃라인 패널에서 1번 이미지를 복사하여 맨 아래로 위치한다. 전체 이미지를 선택하여 이미지 퀄리티를 50으로 한다. 저장한다.
8. 아웃라인 패널에서 사각형 툴을 선택한 후 가로/세로를 560/70으로 그린다. 라인:없슴, 면:솔리드, 색상:검정, 투명도:50으로 설정한다. 얼라인 패널에서 가로 중심/위 정렬 한다. 아웃라인 패널의 개체이름을 위배경으로 한다.
9. 아웃라인 패널에서 위배경을 복사하여 씬1에 붙여 넣기한다. 위치상 아래로 내리고, 이름을 아래배경으로 한다. 얼라인 패널에서 가로중심/아래 정렬한다. 저장한다. 선택툴을 클릭한다.
10. 레이아웃 패널의 스테이지에서 가이드 라인을 꺼내어 상하좌우 10픽셀씩 띄워서 위치한다. 가이드패널에서 가이드-스냅을 클릭한다. (상:10, 하:410, 좌:10, 우:550)
11. 아웃라인 패널에서 이미지1~8까지 모두 선택해 복사한다. 씬1에 붙여넣기 한다.
12. 트랜스폼 패널에서 가로/세로를 60/45로 바꾼다. 위배경 쪽으로 가이드라인이 교차되는 좌측부터 교차되는 우측까지 8장을 나란히 배치한다.
13. 아웃라인 패널에서 작은 이미지1~8번까지 모두 선택한다. 얼라인 패널에서 올셀렉티드를 선택한 후 수평간격버튼을 클릭한다. (Distribute Horizontal Center) 저장한다.
14. 레이아웃 패널에서 뷰옵션을 50%로 하고, 작은 이미지가 모두 선택된 상태에서 Alt키를 누르고, 우측으로 드래그한다. 8개의 작은 이미지가 복사가 된다. 뷰메뉴-스냅 투 오브젝트 핸들과 사각형 툴을 이용하여 간격을 정확히 맞춘다.
15. 아웃라인 패널에서 사각형 쉐입을 지우고, 작은 이미지 전부를(1~8, 1~8) 선택한다. 마우스 우클릭 후 그루핑-그룹 애즈 무비 클립을 클릭한다. 이름을 위샘플이미지로 입력한다. 저장한다.
16. 아웃라인 패널에서 위작은 이미지 무비클립에서 다시 마우스 우클릭을 한다. 그루핑-그룹 애즈 무비 클립을 클릭한다. 이름을 다시 한 번 위샘플이미지로 한다.
17. 아웃라인 패널에서 위샘플 이미지를 모두 닫은 후 복사한다. 씬1에 붙여 넣기한다. 복사된 것을 아래로 내리고, 이름을 아래 샘플이미지로 한다.
18. 리쉐입 패널에서 아이콘중 맨왠측에 있는 플립 호리즌탈을 클릭한다. 스테이지에서 아래샘플이미지를 위샘플이미지와 반대로 위치한다.(우측 부분이 우측 가이드라인 교차지점에 위치하도록 한다)
19. 타임라인 패널의 이동막대를 좌측(수평이동막대)과 아래쪽(수직이동막대)으로 이동한다.
20. 타임라인 패널의 맨아래 이미지1의 2프레임에서 플레이스 효과를 적용한다.
21. 타임라인 패널에서 맨아래에서 2번째 이미지8의 2프레임에서 마우스 우클릭-블러 효과를 적용한다. 나머지 이미지를 다음과 같이 마우스 우클릭-블러 효과를 적용한다.
-이미지7 : 23프레임, 이미지6 : 44프레임, 이미지5 : 65프레임, 이미지4 : 86프레임
이미지3 : 107프레임, 이미지2 : 128프레임, 이미지1 : 149 프레임을 적용한다. 저장한다.
22. 타임라인 패널을 다시 1프레임 쪽으로 이동한다. 맨위 씬1라인에서 다음 프레임에 stop() 스크립트를 적용한다.(마우스 우클릭-무비 컨트롤-스탑) 복사/붙여넣기를 이용한다.
-1, 22, 43, 64, 85, 106, 127, 148, 169 프레임
23. 아웃라인 패널의 위샘플이미지 무비클립을 펼쳐서 그 안의 위샘플이미지 무비클립을 선택한다. 타임라인 패널의 아래쪽 위샘플이미지의 1프레임에서 마우스 우클릭-무브효과를 적용한다. 듀레이션을 100으로 한다. 프레임 넘버 100에서 프리뷰 프레임을 적용하고, 스테이지에서 선택된 위샘플이미지 무비클립을 좌측으로 드래그 한다. 시작지점의 이미지와 같은 위치로 이동한다.
24. 프리뷰 프레임을 해지하고, 아웃라인의 위샘플이미지 무비클립을 닫는다.
25. 아웃라인 패널에서 아래샘플이미지 무비클립을 선택하여, 위의 과정 23, 24번과 같이 적용한다. 단 방향이 반대로 된다. 저장한다.
26. 아웃라인 패널에서 위샘플이미지 무비클립을 펼친다. 그 안의 위샘플이미지 무비클립을 다시 펼친다. 맨위에 있는 이미지1을 선택하고, 스크립트 패널을 클릭한다.
27. 이미지1에 다음과 같은 스크립트를 적용한다.
-이벤트 : on(press), 무비컨트롤 : gotoAndPlay(Frame), 타겟 : _root, 프레임 : 149
이벤트 : on(rollOver), 무비컨트롤 : stop(), 타겟 : _parent
이벤트 : on(rollOut), 무비컨트롤 : play(), 타겟 : _parent
28. 위의 과정 27번의 완성된 스크립트를 복사하여 위샘플이미지 무비클립 내의 나머지 이미지에 각각 붙여 넣는다. 단 프레임은 다음과 같이 적용한다.
-이미지2 : 128, 이미지3 : 107, 이미지4 : 86, 이미지5 : 65
이미지6 : 44, 이미지7 : 23, 이미지8 : 2 (나머지 이미지 1~8번도 같다) 저장한다.
29. 아웃라인 패널에서 아래샘플이미지 무비클립을 펼치고, 그 안의 아래샘플이미지 무비클립을 펼쳐서 그 안에 있는 샘플이미지에도 위의 과정 27, 28번을 반복해서 적용한다.
30. 아웃라인 패널의 무비클립이 열려 있다면 닫는다. 위배경을 선택한다. 스크립트 패널에서 다음과 같이 설정한다.
- 이벤트 : on(rollOver), 무비컨트롤 : stop(), 타겟 : 위샘플이미지
이벤트 : on(rollOut), 무비컨트롤 : play(), 타겟 : 위샘플이미지
31. 아웃라인 패널에서 아래배경을 선택한다. 스크립트창을 클릭한다. 위의 과정 30번의 스크립트을 모두 복사한 후 붙여넣기 하되 타겟만 아래샘플이미지로 바꾼다. 저장한다.
32. 아웃라인 패널의 맨 위의 이미지1을 선택한다. 스크립트 패널을 클릭한다.
- 이벤트 : on(press), 무비컨트롤 : gotoAndStop(Frame), 프레임 : 21
33. 아웃라인 패널의 나머지 이미지들에 위의 과정 32번과 같이 적용하되 프레임을 다음과 같이 바꾼다.
- 이미지2 : 168, 이미지3 : 147, 이미지4 : 126, 이미지5 : 105
이미지6 : 84, 이미지7 : 63, 이미지8 : 42 이미지1 : 21 저장한다.
34. 전체적으로 테스트를 해 본다. 버튼 기능이 잘 적용되었는지 확인한다.
저장하고, swf로도 저장한다.
'스위시세상 > 스위시 맥스' 카테고리의 다른 글
| [스크랩] 사진그리기 (0) | 2009.09.10 |
|---|---|
| [스크랩] Ellipse-mask 앨범 만들기 (0) | 2009.09.10 |
| [스크랩] 포토샵에서 만든 움직이는 gif 파일을 스위시에서 불러오기 (0) | 2009.09.10 |
| [스크랩] Sqirlz Water로 공부하기 (0) | 2009.09.10 |
| [스크랩] 스위시 동영상 강좌 - 글쓰기 (0) | 2009.09.10 |