▣宇山 스위시,플래시/스위시 공부방

스위시 영상 따라하기 4장 - 책장넘기기 (온장 넘기기)

woosanje 2009. 12. 14. 15:54

★스위시 공부(14) - 책장 넘기기( 2 - 온장넘기기) 위 영상에서 보면 책장이 우에서 좌로 넘어가는데 스위시공부 10에서 와는 달리 화면 전체가 한장입니다. 그래서 온장넘기기라고 하며 오히려 반장넘기기 보다 더 어려운 것 같습니다만 원리만 알고 공부해보면 의외로 간단합니다 ★본 작업에 들어갑니다 스위시 프로그램을 로딩시켜 작업을 시작합니다 (저는 스위시 맥스)
1. 먼저 Movie 패널의 기본값 설정 ㅇMovie 페널의 크기; 600x420픽셀로 지정 - 크기는 달리해도 상관없음. * 본 책장넘기기 작업은 스위시 작업창 오른쪽 패널의 TRANSFORM을 활용합니다. 2. 인서트-이미지를 클릭해서 적당한 이미지를 불러옵니다 3. 불러온 이미지를 트랜스폼에서 가로600, 세로420으로 변경시킨후 화면 정중앙에 오도록 합니다. **온장 넘기기의 핵심은 이미지를 반으로 잘라서 사용한다는 것입니다** 4. 스위시 작업창 맨 위 툴바에서 모디파이-브레이크-브레이크 인투 피시를 선택합니다 5. 보이는 화면에서 칼럼을 2로 부여하고, 로즈는 0으로 한후 ok를 클릭합니다 6. 왼편 아웃라인에서 보면 이미지가 그룹화 되어있는 것이 보입니다 7. 모디파이-그룹핑에서 언구룹을 클릭해서 두장으로 분리합니다 8. 왼편 아웃라인을 다시보면 그룹이미지가 두개로 분할되어 있을겁니다 **왼쪽이미지를 위에다 놓고, 오른쪽 이미지를 아래에다 위치시킵니다. 9. 타임라인에서 두 이미지를 1번프레임에 위치(플레이스) 시킵니다 10.앞장 좌 이미지는 그대로 두고, 11.앞장 우 이미지는 오른족 트랜스폼 패널에서 앵커 포인트를 역삼감형 을 클릭해서 나오는 메뉴중에서 센터 레프트로 해줍니다 - 아래 그림처럼 트렌스에서 CENTER LEFT를 클릭하고 12. 다음, 타임라인 30프레임에서 45프레임까지 무브를 줍니다 이때 트랜스폼 맨 아래왼쪽의 값을(위 그림에서 0으로 되어있음 90 도로 변경해줍니다. 즉 0도에 있던 것을 무브를 주면서 왼쪽으로 90도 넘거가게 하는 효과임 그런다음 플레이시키면 오른쪽 책장이 왼쪽으로 반쯤 넘어갑니다. 13. 다음은 뒷장으로 쓸 이미지를 불러와서 역시 위에서 했던 방식으로 반으로 잘라서, 뒷장우 이미지는 맨 하단으로 이동하여 플레이스만 시킵니다 14. 뒷장좌 이미지는 맨 위쪽으로 이동하여 플레이스 시키되 중요한 것은 트랜스폼의 앵커 포인트를 클릭해서 센터 라이트로 해줍니다 이때 맨아래왼쪽의 값을 -90으로 해줍니다 **아래 그림 참조** 15.다음에는 타임라인 45프레임에서 60프레임까지 무브를 줍니다 이때 트랜스폼 맨 아래왼쪽의 값을 0도로 바궈줍니다 (위 그림에서 -90으로 되어있는 값을 0으로 변경해 줌) 자 다되었습니다. 플레이 시키면 앞장의 오른쪽 장이 왼쪽으로 넘어가면서 90도 되었을 때, 뒷장의 왼쪽장이 나오면서 넘어갈 겁니다 자 여기서부터는 각자의 응용부분입니다 한번 해보았으니까 연구해 보시기 바랍니다.