제 이름은 Sarrah입니다. 이 튜토리얼에서는 Clip Studio Paint에서 정말 유용한 세 가지 캐릭터 애니메이션 팁을 다룹니다. 애니메이션 셀의 복사본 만들기, 립싱크, 프레임별 애니메이션과 키프레임 애니메이션 결합에 대해 다루겠습니다.

 

결국 다음과 같은 애니메이션을 만들게 됩니다.

각 섹션에는 원하는 버전의 비디오와 텍스트 버전이 모두 있습니다. 시작하자!

팁 #1: 프레임 복사하기

첫 번째는 애니메이션에서 프레임을 복제하는 방법입니다.

타임라인과 애니메이션 기본 사항은 다른 영상에서 다루었습니다. 필요한 경우 내 CSP의 애니메이션에 대한 YouTube 재생 목록 또는 아래 링크를 통해 Clip Studio Tips에 게시한 애니메이션 팁을 확인하세요. 입문서.

셀 레이어 복사

타임라인에 새 애니메이션 셀을 추가하면 비어 있습니다.

물론 어니언 스킨을 켜서 이전 프레임의 희미한 보기를 볼 수 있지만 여전히 이 새 셀을 다시 그려야 합니다.

대신, 레이어 팔레트로 이동하여 복사할 레이어를 마우스 오른쪽 버튼으로 클릭하고 레이어 복제를 선택하세요.

CSP 설정에 따라 이 메시지가 나타날 수 있습니다. 동일한 이름을 공유하는 애니메이션 폴더에는 여러 레이어가 있을 수 없습니다.

 

이 메시지가 표시되면 확인을 클릭하세요.

그런 다음 새 레이어(맨 위에 있는 레이어)의 이름을 고유한 이름으로 바꾸십시오.

타임라인에 새 셀 추가

이 새 복사본을 타임라인에 셀로 추가하려면 마우스 오른쪽 버튼을 클릭하고 왼쪽 목록에서 레이어 이름을 선택하세요.

 

이제 첫 번째 셀에 영향을 주지 않고 두 번째 셀에 그릴 수 있습니다.

선택한 레이어에 붙여넣기(CSP Ver 2.2.0)

CLIP STUDIO PAINT 버전 2.2.0 이상을 사용하는 경우 붙여넣을 때 새 레이어를 만드는 대신 선택한 레이어에 붙여넣는 기능이 추가되었습니다.

 

참고: CSP 버전 3.0부터 이 설정은 현재 애니메이션 셀에만 사용할 수 있습니다. 일반 레이어에서는 작동하지 않습니다.

파일로 이동하여 기본 설정을 선택하세요.

애니메이션 섹션으로 이동합니다. "셀에 붙여넣는 방법"이라는 드롭다운을 "선택한 레이어에 붙여넣기"로 변경합니다. 확인을 클릭하세요.

복제하려는 셀로 이동하여 Ctrl-C를 사용하여 복사합니다.

타임라인을 마우스 오른쪽 버튼으로 클릭하고 새 BLANK 셀을 만듭니다.

Ctrl-V를 사용하여 붙여넣으면 이제 중복된 이미지가 생성됩니다.

 

이러한 방법 중 하나를 사용하면 이제 원본에 영향을 주지 않고 그릴 수 있는 중복 셀을 만들 수 있습니다.

이 눈 깜박임과 같은 애니메이션을 완성하기 위해 원하는 만큼 이 작업을 반복할 수 있습니다.

 

그것은 그렇게 간단합니다!

팁 #2: 립싱크

오디오, 특히 음성을 캐릭터 애니메이션과 동기화하는 데 도움이 되도록 오디오 파일을 Clip Studio Paint로 가져올 수 있습니다.

오디오 클립 가져오기

먼저 오디오 클립이 필요합니다. .wav, .mp3 또는 .ogg 형식일 수 있습니다.

파일 메뉴로 이동하여 가져오기 위에 마우스를 놓고 오디오를 선택합니다.

파일을 선택하고 열기를 클릭합니다.

타임라인에 새 레이어로 나타납니다.

 

저는 프레임 1에 있었기 때문에 오디오를 가져오는 곳이지만 클립을 클릭하고 드래그하여 이동할 수도 있습니다. 이 경우 프레임 3에서 시작하고 싶습니다.

 

이제 파일의 파형을 볼 수 있고 재생을 누르면 들을 수 있습니다. CSP 버전 3.0 이상이 있는 경우 이제 재생 헤드를 스크러빙하여 각 프레임의 오디오 사운드를 들어볼 수 있습니다.

음소 및 비짐

말하는 캐릭터를 애니메이션하려면 각 소리를 낼 때 입이 어떻게 보이는지 알아야 합니다.

캐릭터에 대한 가이드로 이와 같은 차트를 만들어 이를 수행할 수 있습니다. (제 차트를 다운로드하여 가이드로 사용하세요!)

 

개별적인 말소리를 음소라고 합니다. 이러한 시각적 표현을 비짐이라고 합니다. 보시다시피 A, E, I와 같은 여러 음소에 동일한 viseme을 사용할 수 있습니다.

 

 

입을 그 위치로 움직일 때 소리가 어떻게 나타나는지 한 눈에 볼 수 있도록 거울을 가까이에 두는 것도 정말 도움이 됩니다.

립싱크

가장 단순한 립싱크는 올바른 비짐을 오디오 클립에 일치시키는 문제입니다.

예를 들어, 내 캐릭터가 "안녕하세요!"라는 문구를 말하도록 하겠습니다. 단어의 글자 하나하나를 생각하기보다는 소리를 자세히 듣는 것이 중요합니다.

이 문구에 필요한 비짐만 그렸습니다. 각각은 애니메이션 폴더의 서로 다른 레이어에 있으므로 타임라인에서 원하는 위치에 추가할 수 있습니다.

프레임 1은 중립적인 입 위치에서 시작합니다. "Hi"의 "H"에는 실제로 자체 비짐이 없으며 대신 긴 "I" 소리로 바로 들어갑니다. "TH" 사운드에 대한 매우 구체적인 비짐이 있습니다. 그런 다음 "E" 사운드에 대한 "I"와 동일한 비짐으로 돌아가서 "R" 사운드로 마무리합니다. 마지막으로 몇 프레임 후에 중립 입 위치로 돌아갑니다.

 

애니메이션의 모습은 다음과 같습니다.

다음은 제가 사용한 개별 비짐을 볼 수 있는 속도가 느려진 버전입니다.

턱 운동

지금까지는 입만 바꿨는데, 말할 때 턱도 꽤 많이 움직인답니다!

물론 일부 애니메이션에서는 스타일상의 이유로 턱 움직임을 생략하지만 사실성을 추구한다면 턱도 움직여야 합니다.

오디오 스크러빙 및 Viseme 배치

이전에 언급했듯이, 생성되는 소리만 듣는 것이 중요합니다. 왜냐하면 악센트와 누군가가 말하는 속도가 모두 사용할 비짐에 영향을 미치기 때문입니다.

 

CSP 버전 3.0에 도입된 새로운 오디오 스크러빙 기능은 어떤 프레임에서 어떤 사운드가 발생하는지 정확히 찾아내는 데 유용합니다.

주목해야 할 중요한 점은 소리를 내기 전에 입이 소리의 모양을 형성하기 시작한다는 것입니다. 따라서 실제 소리보다 한두 프레임 정도 먼저 비짐을 배치하는 것이 좋습니다.

감정, 볼륨, 눈과 눈썹

볼륨과 감정은 입을 크게 벌리게 만듭니다. 반면에, 중얼거림으로 말하면 입 움직임이 거의 발생하지 않을 수 있습니다.

 

눈과 눈썹도 감정적인 말을 하는 데 많이 사용됩니다!

팁 #3: 프레임별 애니메이션과 키프레임 애니메이션 결합

Clip Studio Paint에는 프레임별 애니메이션과 키프레임이라는 두 가지 유형의 애니메이션이 있습니다. 두 가지를 결합하여 캐릭터 애니메이션에 생기를 불어넣을 수도 있습니다!

여기서는 애니메이션 프로세스를 단계별로 설명하지 않겠습니다. Clip Studio Paint에서 애니메이션을 적용하는 방법을 잘 모르는 경우 먼저 애니메이션 개요 튜토리얼을 확인하세요!

빠른 개요

프레임별 애니메이션은 애니메이션 폴더에 여러 셀이 있고 각 셀이 타임라인에서 하나 이상의 프레임에 배치되는 경우입니다.

반면에 키프레임 애니메이션에는 애니메이션 폴더가 필요하지 않습니다. 위치, 회전, 크기 조정 및 불투명도에 애니메이션을 적용하는 데 사용됩니다. 키라고 불리는 시작 프레임과 끝 프레임만 설정하면 프로그램이 그 사이의 모든 것을 자동으로 보간합니다.

단일 레이어에만 키프레임을 추가하거나 전체 폴더 및 그 안에 있는 레이어에 추가할 수 있으므로 여러 모션을 함께 연결할 수 있습니다.

키프레임과 프레임별 애니메이션 결합

그러나 여러분이 모르실 수도 있는 사실은 애니메이션 폴더에도 키프레임을 추가할 수 있다는 것입니다!

캐릭터에 색을 입혀봤습니다! 이 예에서 작업을 단순화하기 위해 머리는 모든 립싱크 및 깜박이는 애니메이션과 함께 이제 Head라는 단일 애니메이션 폴더에 있습니다.

 

또한 목과 어깨를 Body라는 별도의 고정 레이어로 이동했습니다.

지금 재생하면 내 캐릭터의 머리가 재생되는 프레임별 애니메이션을 볼 수 있습니다.

키프레임 추가

Head 애니메이션 폴더를 선택하고 Enable Keyframes on This Layer를 클릭하겠습니다.

키프레임이 활성화된 레이어나 폴더를 제어하려면 작업 도구로 이동하여 개체 하위 도구를 선택하세요.

프레임 1에 있는지 확인하고 머리의 회전 중심을 목이 연결되는 위치로 아래로 이동하겠습니다.

개체를 변경하는 작업(예: 회전 중심 이동)으로 인해 키프레임이 이 폴더에 나타납니다.

다음으로 재생 헤드를 프레임 9로 이동한 다음 머리 개체를 기울여 다른 키프레임이 나타나도록 하겠습니다.

이제 애니메이션을 재생하면 프레임별 애니메이션과 키프레임의 머리 기울기가 모두 표시됩니다.

프레임을 편집할 수 없는 이유는 무엇입니까?

키프레임이 켜진 상태에서는 레이어를 편집할 수 없다는 것을 눈치채셨을 것입니다.

활성 키프레임이 포함된 레이어 편집을 클릭하기만 하면 조정할 수 있도록 키프레임이 일시적으로 비활성화됩니다. 완료되면 다시 클릭하세요.

 

참고: 실제로 키프레임을 완전히 끄고 편집할 수 있습니다. 이 레이어에서 키프레임 활성화를 다시 클릭하면 다시 나타납니다.

여러 키프레임 애니메이션 연결

제가 체인 애니메이션에 대해 언급했던 것을 기억하시나요? 프레임별 애니메이션 폴더도 체인에 포함될 수 있습니다.

예를 들어, 손을 흔들 때 손가락이 조금씩 퍼지는 미묘한 애니메이션을 추가했습니다.

손은 손가락이 움직이는 애니메이션이 포함된 애니메이션 폴더이고 아래 팔은 별도의 레이어입니다.

 

두 번째 이미지에서는 이 두 가지를 모두 Arm이라는 단일 상위 폴더에 추가한 것을 볼 수 있습니다.

상위 폴더인 Arm을 선택한 상태에서 이 레이어에 키프레임 활성화를 클릭합니다.

개체 하위 도구를 사용하여 회전 중심을 전체 팔이 회전할 위치로 화면 외부 아래로 이동합니다.

 

힌트: 타임라인에 나타나는 키프레임을 꼭 확인하세요!

먼저 프레임 1의 시작 위치로 팔을 이동하고 회전하겠습니다.

그런 다음 플레이헤드를 프레임 7에 배치하고 팔을 최종 위치를 조금 지나 이동합니다.

 

이를 통해 움직임을 강조하기 위해 애니메이션에 약간의 오버슈트를 추가합니다. 이에 대해서는 애니메이션 감정 표현 튜토리얼에서 자세히 설명합니다.

마지막으로 프레임 9에서 몇 프레임 후에 최종 정지 위치로 조금 뒤로 이동하겠습니다.

꽤 좋아 보이지만 손목이 뻣뻣하므로 손에도 애니메이션을 적용해 보겠습니다.

손으로 애니메이션 폴더를 선택하면 이 레이어에서 키프레임 활성화 버튼이 회색으로 표시됩니다.

 

중요: 상위 폴더에는 이미 키프레임이 활성화되어 있으므로 하위 폴더에 대해서도 자동으로 활성화됩니다.

프레임 1에서는 손의 회전 중심을 베이스로 이동하겠습니다.

 

다시 한 번 자동으로 나타나는 키프레임을 확인하세요.

팔과 마찬가지로 손도 프레임 1의 시작 위치로 회전하겠습니다.

그런 다음 애니메이션 끝으로 이동하여 프레임 9에서 원하는 위치로 회전합니다.

마지막으로 프레임 7에도 이 모션에 약간의 오버슈트를 포함하겠습니다.

 

힌트: 애니메이션을 설정하는 순서가 실제로 중요하지 않다는 것을 보여주기 위해 지난번에 중간 오버슈트 프레임을 수행했습니다!

이제 세 개의 애니메이션 모션이 함께 연결되었습니다.

 

1 - 팔을 움직이는 키프레임

2 - 손목을 움직이는 키프레임(팔과 함께 움직입니다)

3 - 손의 프레임별 모션

마지막으로 동일한 기술을 사용하여 몇 가지 모션을 더 추가했습니다. 이제 몸에 머리도 움직이는 작은 동작이 생기고 마지막에 손을 아래로 내립니다.

 

캐릭터 애니메이션에 많은 움직임과 생동감을 더할 수 있는 쉬운 방법은 다음과 같습니다!

결론

이는 매우 간단한 예이지만 Clip Studio Paint의 훌륭한 애니메이션 도구를 사용하여 얼마나 많은 작업을 수행할 수 있는지 확인하는 데 도움이 되기를 바랍니다.

 

Twitter, Instagram, Bluesky 또는 Mastodon을 통해 새로운 튜토리얼을 발표할 때 확인하세요. 여기 Clip Studio 팁에서 저를 팔로우하거나 제 YouTube 채널.

 

재미있게 애니메이션을 즐겨보세요!