안녕하세요, 이 새로운 튜토리얼에서는 CSP에서 얼굴 표정 애니메이션을 만드는 방법을 알려드리겠습니다. 애니메이션 도구의 기본 사항에 대해서도 간략하게 설명하겠지만, 도구를 더 잘 배우고 이해하려면 공식 CSP 팁을 참고해 보세요.

이제 시작해 보겠습니다.

파일 생성

먼저 애니메이션 파일을 만들려면 상단의 "애니메이션"을 클릭하고, 하단에서 프레임 속도를 선택할 수 있습니다. 프레임 속도가 높을수록 프레임 수가 늘어납니다.

지속 시간도 있는데, 여기서는 24fps를 선택했습니다.

또한, 원하는 작업에 따라 애니메이션의 크기를 선택할 수 있습니다.

기본 도구

애니메이션 도구의 작동 방식을 조금 더 이해하기 위해 간략하게 설명하겠습니다.

세포

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

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

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

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

각 셀의 지속 시간은 한 셀과 다른 셀 사이의 거리에 따라 달라집니다.

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

셀이 표시되는 시간을 늘리려면 셀을 선택한 채로 늘리고 싶은 위치로 드래그해야 합니다.

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

양파 종이

양파 종이는 셀을 추가하기 전이나 후의 그림을 관찰하는 데 도움이 되며, 그림을 그릴 때 참고 자료로 사용할 수 있습니다.

시간을 연장하다

타임라인을 확장하려면 프레임이 나타나는 위치를 드래그하세요.

예

(24fps 속도)

표현

기본 사항을 이해하면 시작할 수 있습니다.

 

 

표정의 변화를 애니메이션으로 표현하기 위해서는 단계가 있다는 점을 고려해야 합니다. 아래 예에서 시작은 (1)이고, 그림 (2)와 같이 표현하고 싶으므로 그에 도달하기 위해서는 표정의 전개인 (1a)를 그려야 합니다.

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

그것이 어떻게 보이는지에 대한 예

눈

더 잘 이해하기 위해 여러 부분으로 나누어 살펴보겠습니다.

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

마지막은 그의 눈에 변화가 생겼다는 것입니다.

눈을 감아서 눈의 변화를 확인해 보세요.

그래서 저는 셀 1과 2 사이를 그리기 시작합니다.

다음과 같이 보일 수 있습니다.

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

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

여기서는 1과 1a 사이의 셀을 더 작게 만들었기 때문에 속도가 조금 더 빨라진 것을 볼 수 있습니다.

보카

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

중요한 세포를 정의하고 입의 움직임을 그립니다.

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

제가 어떻게 배열했는지 보실 수 있습니다.

결과

방법

이 경우 캐릭터가 웃고 있는 모습을 표현하고 싶어서 원하는 모습대로 부분별로 그렸습니다.

타임라인에서 그림이 두 개의 폴더로 나뉘어 있는 것을 볼 수 있습니다. 아래 폴더에서는 머리카락을 그대로 두었고, 위 폴더에서는 눈과 입에 애니메이션을 적용했습니다.

결과

프레임 속도를 바꾸면 미묘하게 바뀔 수 있습니다.

팁

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

예

정리를 더 쉽게 하기 위해 너무 많이 변하지 않는 애니메이션을 만들 수 있습니다.

(그냥 복사해서 회전시켜서 세부 사항을 조정하세요)

예

이 경우 그녀가 화가 나면서도 동시에 슬퍼하는 모습을 표현하고 싶어서 3개의 주요 프레임을 넣었습니다.

1

2

3

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

제가 좋아하는 멈춤과 속도를 적용한 타임라인은 다음과 같습니다.

결과

유지하다

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

• 이미지 시퀀스

• GIF

• 애니메이션 스티커

• 동영상(비디오)

결정적인

재밌게 읽으셨길 바라며, 이해하기 쉬우셨으면 좋겠습니다. 그림을 그릴 때 가장 중요한 건 감정을 어떻게 드러내고 표현하는지 참고하는 거라고 생각해요. 그래야 더 쉽게 배우고 연습할 수 있을 거예요. 끝까지 읽어주셔서 정말 감사합니다.