| 『 MX : 쉐이프 트위닝 애니메이션(Shape Tweening Animation) 』 |
쉐이프 트위닝 애니메이션을 배워봅니다.
------------------------------------------------------------------------
쉐이프 트위닝 효과는 모션 트위닝 효과와 다르게 오브젝트의 모양을 변화시킵니다.
이 효과를 어디선가 봤는데, 몰핑효과라고 하는군요.
하나의 오브젝트가 다른 오브젝트로
변화하는 것이지요.
예를 들면, 터미네이터2에서 T1000 이라는 악당은 자신의 모습을 자유자재로 바꾸게 되죠.
멀쑥한 멋쟁이(이름 생각안남)로 변신을 했다가 다시 통통한 경찰관의 모습으로도
또한 주인공 꼬마녀석의 어머니의 모습으로도 바꾸게 됩니다.
이런 효과를 말합니다.
플래시 상에서 쉐이프 트위닝 애니메이션을 할 경우, 오브젝트들이 벡터화 되어 있어야 합니다.
즉, Break Apart 상태가 되어 있어야 한다는 뜻입니다.
스테이지 상에 그냥 Oval Tool로 동그라미를 그리면, 그 자체가 이미 분해된 상태이기에
상관없지만, 외부에서 임포트한 이미지같은 경우 쉐이프 트위닝 효과를 적용하기 위해서는
반드시 Break Apart를 적용해야 합니다.
또한 어떠한 오브젝트가 그룹화 되어 있거나, 심볼화가 되어 있어도 안되겠죠.
이 정도는 기본적으로 알아두셔야 할 사항입니다. ^^
쉐이프 트위닝 효과를 사용해서 모션 트위닝 효과처럼 나타낼 수도 있습니다.
하지만, 모션 트위닝 효과보다 더 많은 용량을 차지하게 되는 단점으로 몰핑효과같은
애니메이션의 경우 쉐이프 트위닝 애니메이션으로 만드시는 게 좋겠죠.
예제를 통해서 쉐이프 트위닝 애니메이션 효과를 구현하는 방법을 알아보죠.
먼저, 스테이지에 oval tool로 동그라미를 하나 그립니다. 물론 1프레임에 그립니다.
다음으로 40프레임 쯤에 빈 키프레임을 삽입합니다. (Insert > Blank Keyframe)
위의 그림처럼 빈키프레임을 삽입하며, 그 프레임에는 아무런 오브젝트가 들어가 있지 않게 되죠.
그리고, 40프레임에 사각형 툴로 다시 사각형을 하나 그립니다.
마지막으로 중간의 아무프레임이나 선택한 후, 아래의 Properties 패널의 Tweening부분에서
Shape를 선택합니다.
그러면, 타임라인의 모습은 아래와 같이 될 겁니다.
모션 트위닝 효과와 다르게, 프레임의 배경이 연두색으로 변하게 되죠.
위의 그림과 같은 모습이 나오면, 제대로 쉐이프 트위닝 효과가 적용된 겁니다.
여러분들도 위처럼 제대로 나오나요? 한번씩 연습을 꼭 해보세요.
다음 시간에는 쉐이프 트위닝 애니메이션을 업그레드해서...
쉐이프 힌트를 사용한 쉐이트 트위닝 애니메이션이 대해서 알아보도록 하겠습니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
본 게시물은 //xen.new21.org, //cafe.daum.net/macromedia, //www.bcpark.net
외의 이동/불펌을 금지합니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//xen.new21.org
