안녕하세요! 이번 새 튜토리얼에서는 CSP에서 얼굴 표정을 애니메이션화하는 방법에 대해 이야기하겠습니다. 애니메이션 도구의 기본 사항을 조금 설명해 드릴 예정이지만, 도구를 더 잘 배우고 이해하고 싶다면 공식 CPS 팁을 참고하세요.

그럼 시작하겠습니다.

파일 생성

먼저 애니메이션 파일을 만들려면 상단의 [애니메이션]을 클릭하고 하단에서 FPS 속도를 선택할 수 있습니다. FPS가 높을수록 더 많은 이미지가 생성됩니다.

또한 지속 시간도 있습니다. 이 경우 24fps를 선택했습니다.

만들고자 하는 애니메이션의 크기도 선택할 수 있습니다.

기본 도구

애니메이션 도구가 어떻게 작동하는지 이해하기 위한 간략한 설명을 드리겠습니다.

셀

애니메이션 셀은 그림을 그릴 수 있는 곳으로, 그림의 레이어와 비슷하게 작동하지만 레이어는 셀에 연결되어 있지 않습니다.

셀을 만들거나 추가하려면 [애니메이션 셀 만들기] 버튼을 클릭하세요.

보시다시피 애니메이션을 정리하는 데 사용되는 [타임라인]이 형성되며, 그 안에 우리가 지정한 24fps가 있습니다. 빨간색 선으로 프레임을 선택하고 셀을 추가할 수 있으며, 파란색 선은 애니메이션의 길이를 제한하는 데 사용됩니다.

타임라인 내에서 (애니메이션 셀 추가) 옆에 있는 [애니메이션 폴더 만들기] 옵션을 사용하여 셀을 더 잘 정리할 수 있도록 애니메이션 폴더를 만들 수 있습니다. (동영상에서 셀을 추가하는 동안 애니메이션 폴더가 선택되어 있는 것을 볼 수 있습니다)

각 셀 간의 거리에 따라 각 셀의 지속 시간이 달라집니다.

애니메이션 셀을 추가하면 폴더에 자동으로 레이어가 생성됩니다.

셀이 나타나는 시간을 늘리고 싶다면 해당 셀을 선택한 상태로 늘리고 싶은 방향으로 드래그해야 합니다.

프레임 속도를 편집하려면 [애니메이션] 창, [타임라인] 및 [프레임 속도 변경]으로 이동할 수 있습니다.

어니언 스킨

어니언 스킨은 셀을 추가한 위치 이전 또는 이후의 그림을 볼 수 있도록 도와주며, 그 위에 그릴 때 참고 자료로 사용됩니다.

시간 늘리기

타임라인의 시간을 늘리려면 프레임이 나타나는 곳을 드래그하세요.

예시

(24fps 속도)

표정

기본 개념을 이해했으니 시작할 수 있습니다.

 

 

표정 변화를 애니메이션화하려면 단계가 있다는 것을 염두에 두어야 합니다. 아래 예시에서는 시작이 (1)이고 (2)와 같은 그림으로 만들고 싶습니다. 따라서 그렇게 하려면 표정의 전개인 (1a)를 그려야 합니다.

그림을 그릴 때 캐릭터가 어떻게 보이기를 원하는지 생각해야 합니다. 눈, 입, 코 등의 움직임에 대한 참고 자료를 찾아보는 것이 좋습니다.

표정 예시

눈

더 잘 이해하기 위해 부분별로 나누어 설명하겠습니다.

첫 번째 애니메이션 셀은 이것입니다.

마지막은 눈에 변화가 있는 이것입니다.

눈의 변화를 보여주기 위해 눈을 감게 하고 싶습니다.

그래서 셀 1과 2 사이에 그림을 그리기 시작합니다.

이런 식으로 보일 수 있습니다.

(1b와 1c)는 반쯤 감은 눈을 가지고 있습니다.

속도를 조절하고 원하는 대로 보이도록 셀을 조정할 수 있습니다.

여기서는 1과 1a 사이의 셀을 더 작게 만들었기 때문에 조금 더 빠르게 보입니다.

입

입에 대한 과정은 눈과 동일합니다.

주요 셀을 정의하고 입 움직임을 그립니다.

움직임이 자연스러워 보이도록 표정을 그릴 때 참고 자료를 갖는 것이 중요합니다.

제가 어떻게 배치했는지 알 수 있습니다.

결과

얼굴

이 경우 캐릭터가 미소 짓는 모습을 원했기 때문에 원하는 모습을 부분별로 그렸습니다.

타임라인에서 그림이 두 개의 폴더로 나뉘어 있는 것을 볼 수 있습니다. 아래 폴더에는 움직이지 않는 머리카락만 남겨두고 위 폴더에는 눈과 입을 애니메이션화했습니다.

결과

프레임 속도를 변경하면 미묘하게 달라질 수 있습니다.

팁

캐릭터 전체를 처음부터 그리지 않으려면 캐릭터를 선택하고 [복사 및 붙여넣기]를 클릭하여 동일한 그림으로 새 레이어를 만들 수 있습니다. 단, 이 레이어는 어떤 애니메이션 셀에도 연결되어 있지 않으므로 타임라인에 표시되지 않습니다. 따라서 추가하려는 프레임을 선택하고 마우스 오른쪽 버튼을 클릭하면 해당 프레임에 넣을 수 있는 레이어가 나타납니다. 복사한 레이어를 선택하면 해당 프레임에 표시되어 애니메이션 셀이 생성됩니다.

예시

너무 많이 변하지 않는 애니메이션을 만들면 깨끗하게 정리하기가 더 쉬워집니다.

(그림을 복사하여 세부 사항을 조정한 다음 회전했습니다.)

예시

이 경우 화가 났지만 동시에 슬픈 표정을 원했기 때문에 3개의 주요 프레임을 설정했습니다.

1

2

3

그리고 보여주고 싶은 움직임 부분을 그렸습니다.

제가 마음에 드는 일시 정지와 속도로 타임라인이 이렇게 보일 것입니다.

결과

저장

저장하려면 다음 중에서 선택할 수 있습니다.

• 이미지 시퀀스

• GIF

• 애니메이션 스티커

• 동영상(비디오)

마무리

이 튜토리얼이 마음에 드셨고 이해하기 쉬웠기를 바랍니다. 그림을 그릴 때 가장 중요한 것은 우리가 감정을 어떻게 표현하고 드러내는지에 대한 참고 자료를 보는 것이라고 생각합니다. 그러면 더 쉽고 연습할 수 있을 것입니다. 끝까지 읽어주셔서 대단히 감사합니다.