모션트위닝을 다 이해하신분은 별다른 마음의 준비가 필요 없을 듯 합니다만.

프레임을 이해하신 분이라면 뭐..모션 트위닝도 어렵지 않으셨을 듯..

혹시 몰핑을 아시나요?

지난 강의에선 심볼 등록해서 움직임을 주었었는데요, shape은 심볼에 적용이 되질 않는답니다.

참..스테이지 크기를 바꾸는 방법에 대해 말씀 드렸던가요?

스테이지(플래시에선 document이던가요??) 위에 마우스 포인터를 갖다대고 오른쪽 키를 눌러서 Properties를 누르세요.

만약 프로퍼티가 나타난 상태인데 다시 누르시면 없어집니다. 확인하시고 누르세요.

거기 보시면 size가 있죠? 옆에 버튼을 누르시면 다음과 같은 대화상자가 뜬답니다.

Dimensions 에 가셔서 Width와 Height를 원하는 대로 고치시면 됩니다.

자..이제까지는 참고사항이었구요.............

1) 다음과 같이 원 하나를 그려주세요. 뭐 원이 맘에 안드신다면 별이라도;;;

원을 그리셨나요? 다음엔 키프레임을 만들어야 하는데요. 비어있는 키프레임을 만드셔야 합니다.

2) 30프레임에 가서 마우스 오른쪽 버튼을 누르신 뒤 Insert Blank KeyFrame을 선택하세요.

아무것도 그려있지 않은 빈 도화지가 나온 상태여야 합니다. 새로 그림을 그려야 하니까.

3) 새로 만들어진 빈 키프레임에 다음과 같이 사각형을 그려주세요. 만약 이전에 사각형을 그리셨다면 다른 모양을...

자..이제 TimeLine에서 마우스를 움직여보세요. 첫 프레임부터 원이 그려지다가 마지막 한 프레임만 사각형 모양입니다.

4) 그림과 같이 만들어진 프레임들 사이를 클릭한 뒤 Properties에 가서 Tween속성을 Shape로 맞추면 끝~~~

이제 재생시켜 보세요.. 멋지지 않나요???

5) 새로운 무비를 열고 크기가 가로 5픽셀 세로 25픽셀인 사각형을 한쪽에 그려줍니다.

6) 15프레임에 키프레임을 삽입하고 가로 크기를 250으로 늘려줍니다.

7) 30프레임에 키프레임을 삽입하고 세로 크기를 160으로 늘려줍니다.

9) 이제 레이어를 전체 선택하고 Tween속성을 Shape에 맞춰 주세요. 애니메이션이 완성되었나요?

아직 이르긴 하지만 서비스 하나 ^.~

정지된 비트맵 하나를 불러옵니다. 참..그 전에 레이어를 하나 추가하세요.. 꼬옥!!!!!!!!!!!

10) 다음 그림과 같이 아이콘을 눌러서 레이어를 하나 추가하세요. 이때 주의하실 점은 레이어를 추가하시고 난 뒤 다음 그림처럼 새로운 레이어가 가장 상단에 생기면 위치를 바꿔 주어야 한다는 것입니다. 레이어 위치는 드래그 해서 옮겨줄 수 있습니다.

11) 다음 그림과 같이 레이어가 위치하도록 옮겨놓은 다음 비트맵 이미지 하나를 불러 옵니다.

다음 그림과 같이 위치해 있는지 확인하고 다시 타임라인으로 오세요.

비트맵 이미지가 아까 만들어 놓은 애니메이션 레이어 아래에 위치해야 합니다.

12) 타임라인에서 처음 애니메이션을 만들었던 레이어를 선택하시고 마우스 오른쪽을 클릭하시면 Mask라는 것이 나옵니다. 꾸욱~ 눌러주세요.

자..이제 애니메이션을 다시한번 실행시켜 보세요. Ctrl + Enter를 누르시면 전체화면으로 보실수 있습니다.

다음 그림은 마스크를 적용한 뒤 나타나는 애니메이션입니다.

비트맵 이미지가 Shape애니메이션이 되는 부분만 보여지면서 직접 애니메이션을 만든 듯한 효과가 나죠?

마스크에 대한 자세한 설명은 차후에 관련 강의에 가서 자세히 설명해 드릴께요 ^^*

뭐 급하시다면야..질문하시구요.

자..그럼 전 시간이 늦은 관계루다가...잠자리로 쓔웅~~~

다음 강의에서 뵈용.