키프레임에 대해서는 완전히 이해 하셨나요?

그렇다면 트위닝은 전혀 문제될게 없겠군요.

왜냐구요? 그게 그거니까. 쿠쿠.........키프레임을 이용한 애니메이션이 바로 트위닝 애니메이션이다..이말씀이죠.

자..위에 있는 애니메이션에 키 프레임이 세개 있습니다.

나머지는 그 프레임으로 가는 중간과정이라고 했었죠.

키프레임은 애니메이션의 변화가 있는 포인트에 만들어주시면 되구요, 나머지는 자동으로 생성할 수 있답니다.

이렇게 키프레임을 정해놓고 나머지를 자동으로 생성되게 하는것. 이것이 바로 트위닝이라는 것입니다.

이제 트위닝에 대해서 아셨으니 직접 만들어볼까요?

이번 강의에서는 트위닝중에서 모션 트위닝을 만들어볼까 합니다.

모션트위닝이란 위에서 보셨듯이 움직임이 변화하는 곳에 키프레임을 만들어놓고 중간과정을 생성하는 것이죠.

물론, 도형 자체에는 변화가 없습니다.

1) 타임라인 윈도우를 먼저 확인하세요. 위 그림과 똑같이 되어있는지 확인하시고 작은 원을 하나 그려주세요.
- 기초 드로잉과정은 생략합니다. 필요하시면 Q&A란에 질문해주세요.

2) 원을 선택하고 마우스 오른쪽 버튼을 누르면 다음과 같은 메뉴가 나옵니다. 그림에서와 같이 Convert to Symbol을 선택하세요.

다음과 같은 대화상자가 뜨면 Name에 원하는 이름을 적고 Behavior부분에서 Graphic을 선택하시면 됩니다.

********* 위에서 대화상자를 열어서 한 작업은 방금전에 그려놓은 도형을 심볼로 만드는 것입니다.
처음에는 익숙치 않은 작업이지만 꼭 필요한 작업이니 빼놓지 마시구 일단 그냥 따라해보는것 부터 시작하세요 ^^*

이제 심볼이 완성되었습니다.

심볼이 되기 전에 공을 선택하면 면과 선이 따로 선택됩니다. 하지만 심볼등록 이후에는 함께 선택됩니다.

3) 다시 타임라인으로 돌아가 주세요. 15프레임을 마우스로 클릭한 후 오른쪽 버튼을 누르면 메뉴가 뜹니다. 그 메뉴중에서 Insert Keyframe을 선택하시면 아마 다음 그림과 같이 변할겁니다.

이제 애니메이션을 만들어야하므로 위치를 약간 변경시켜볼까요?

4) 다음 그림과 같이 위치를 변경시켜 주세요.

이제 위와같은 동작을 한번 더 반복하면 됩니다.

5) 타임라인으로 가서 30프레임을 선택하고 Insert Keyframe을 선택하세요. 그리고 30프레임위치 그대로 둔 채 공의 위치를 우측상단으로 이동시킵니다.

▲ 30프레임 선택

▲ 위치 이동

6) 1프레임에서 15프레임 사이에 마우스포인터를 위치하고 오른쪽 버튼을 누릅니다.

나오는 메뉴에서 그림과 같이 Create Motion Tween을 선택하세요.

▲ 모션트위닝의 완성된 모습

7) 마지막으로 15프레임과 30프레임 사이에 마우스를 위치한 뒤 같은 방법으로 Motion Tween을 적용시킵니다.

이제 모션 트위닝이 완성되었습니다.

키보드에서 Enter키를 누르고 실행시켜 보세요 ^^*

다음 강의에서는 Shape Tweening에 대해서 알아보도록 하죠. 그럼 빠이~~~~~~~~