키 포인트를 사용하여 간단한 애니메이션을 만드는 방법

1,126

HimikoMiko

HimikoMiko

안녕하세요 여러분, 기존의 프레임별 애니메이션과 달리 클립스튜디오에는 간단한 애니메이션에 매우 유용한 키포인트 애니메이션이 있어 쉽고 빠르게 좋은 결과를 얻을 수 있습니다.

프로젝트를 애니메이션 및 해당 속성으로 엽니다.

File-New로 정상적으로 열리지만 작업 유형에서는 애니메이션을 선택합니다.

 

왼쪽 부분에서 프로젝트의 크기와 필요한 여백을 선택할 수 있습니다. (애니메이션을 내보내면 여백이 보이지 않으므로 안에 중요한 것을 남기지 않도록 주의해야 합니다.)

 

오른쪽에는 타임라인 설정이 있습니다.

가장 중요한 것은 다음과 같습니다.

속도: 애니메이션의 초당 프레임 수입니다.

지속 시간: 애니메이션이 지속되는 프레임 수입니다.

여기서는 24로 설정했으므로 애니메이션은 1초만 지속됩니다.

실수해도 이 설정은 나중에 변경할 수 있으니 걱정하지 마세요.

 

 

 

키포인트 사용법

빈 레이어가 있는 애니메이션 폴더가 자동으로 생성됩니다. (타임라인 메뉴에서 추가 생성 가능)

이 예에서는 색상이 있는 공을 그리고 키 포인트로 애니메이션을 적용하는 방법을 살펴보겠습니다.

 

이미지를 조작하려면 OBJECT 도구를 사용해야 합니다.

그런 다음 우리는 그것을 움직이고, 회전하고, 크기를 조정하고, 불투명도를 가지고 놀 수도 있습니다.

 

여기에서는 이미지에서 볼 수 있듯이 3개의 키 포인트만 사용하여 바운스할 것입니다.

키포인트는 공을 움직일 때 자동으로 생성되므로 여기서 한 작업은 다음과 같습니다.

첫 번째 프레임으로 이동하여 공을 한쪽으로 이동한 다음 중간에 있는 프레임을 선택하여 아래로 이동하고 마지막으로 마지막 프레임을 선택하여 공을 반대편으로 이동합니다.

그리고 PLAY parle에서 우리는 결과를 봅니다.

회전하려면 동일합니다. 회전 중심을 배치하는 위치만 고려해야 합니다. 이렇게 하면 공이 다른 방식으로 회전합니다.

불투명도는 이미지를 이동하지 않으면 키를 직접 만들어야 하기 때문에 약간 다르지만 매우 간단합니다. 예를 들어 공을 사라지게 하려면 첫 번째 프레임에 자신을 넣고 키를 만듭니다. 시간선 메뉴는 INSERT KEY 버튼) 그런 다음 마지막 프레임으로 이동하여 키를 삽입하고 공이 있는 레이어에 불투명도를 0으로 낮춥니다.

우리가 놀이를 할 때 그것이 어떻게 사라지는지를 보게 될 것입니다.

 

참고: 프레임이 원하는 대로 너무 빠르거나 느린 경우 원하는 대로 될 때까지 키 포인트를 드래그하는 것만큼 쉽습니다. 서로 멀어질수록 애니메이션이 느려집니다.

 

무한 애니메이션

이 무한애니메이션도 키포인트 3개로 만들었습니다.

먼저 인형을 머리, 몸통, 발로 3개의 별도 레이어로 그렸습니다.

방금 회전 옵션을 사용하고 첫 번째 프레임에서 머리를 옆으로 기울인 머리에서 시작한 다음 방금 만든 키 포인트를 선택하고 복사하여 마지막 프레임에 붙여넣고 마지막으로 중앙을 선택했습니다. 내 애니메이션의 프레임을 만들고 이전보다 반대 방향으로 머리를 기울였습니다. 그러면 그냥 완료됩니다.

몸도 똑같이 반복)

 

중요한 세부 사항을 놓친 경우를 대비하여 모든 것을 단계별로 설명하는 비디오를 여기에 남깁니다.

 

GIF 내보내기

수출하려면 다음으로 가야합니다.

 

파일 - 애니메이션 내보내기 - 애니메이션 GIF

여기에서 GIF의 크기를 선택할 수 있으며 또 다른 아주 좋은 옵션은 루프입니다.

"무제한"으로 두면 무한 반복되지만 "루프 수"를 선택하면 중지하기 전에 반복할 횟수를 결정할 수 있습니다.

튜토리얼이 유용하기를 바랍니다. 뵙겠습니다!

댓글

신착

공식 신착