이 튜토리얼에서는 보행기 애니메이션 없이 보행기를 만드는 방법을 보여 드리겠습니다. 이상하게 들리겠지만 실제로 걷게 하지 않고도 캐릭터가 걷는 것처럼 보이게 할 수 있습니다.

 

이 튜토리얼에서는 CLIP STUDIO PAINT EX를 사용하겠습니다. Clip Studio Paint Pro가 있는 경우 이 튜토리얼을 계속 따라할 수 있지만 해당 버전의 프로그램에서는 최대 24프레임까지만 이동할 수 있습니다.

 

이전에 이 프로그램을 사용한 적이 없거나 애니메이션 측면에 익숙하지 않은 경우 이 단계별로 진행할 것이므로 방법을 배우고 싶다면 자유롭게 따라오세요. 보행주기에 애니메이션 효과를 주기 위해 - 글쎄, 일종의!

 

다음은 이 튜토리얼의 비디오 버전에 대한 링크입니다.

애니메이션용 파일 설정

CLIP STUDIO PAINT를 열고 파일 > 새로 만들기를 선택합니다. 애니메이션 옵션을 선택합니다. 이것은 처음에는 약간 위협적으로 보일 수 있지만 주의해야 할 사항은 너비 x 높이 및 프레임 속도뿐입니다. 대부분의 비디오 공유 사이트에 대한 일반적인 Full HD 미리 보기 설정이므로 1920 x 1080으로 설정했으며 프레임 속도는 초당 24프레임으로 설정했습니다.

 

동영상을 동일한 프레임 속도로 내보내는 한 무엇을/어떻게 애니메이션하는지에 따라 프레임 속도를 원하는 대로 설정할 수 있습니다. 이 예에서는 24fps로 유지하고 있습니다.

 

키프레임을 사용하는 방법

애니메이션 레이어에 있을 때 이 버튼을 눌러 키프레임을 활성화할 수 있습니다. 버튼을 다시 누르면 모든 프레임이 사라지더라도 걱정하지 마십시오. 키프레임을 배치하면 삭제되지 않으며 켜기/끄기 버튼 역할을 합니다. 키프레임이 꺼져 있으면 레이어의 개체를 원하는 대로 편집할 수 있습니다.

 

키프레임 추가 버튼 옆에는 '키프레임 보간'이라는 버튼이 있어 애니메이션 이동 방식을 결정합니다. 세 가지 옵션은 홀드 보간(타임라인에 노란색 다이아몬드로 표시됨), 선형 보간(녹색 다이아몬드) 및 부드러운 보간(보라색 다이아몬드)입니다.

 

• 홀드 보간 - 솔직히 말해서 나는 이것을 거의 사용하지 않지만 한 포즈에서 다른 포즈로 빠르게 스냅하고 싶을 때 유용합니다. 나는 또한 패닝 샷 없이 확대하고 싶을 때 내 애니메이션에서 이것을 사용합니다. (킹 크로우비어드 예시 추가)

 

• Linear interoplation - 캐릭터나 물체가 한 지점에서 다른 지점으로 직선으로 이동하기를 원할 때 주로 이것을 사용합니다. 이 옵션은 스크롤링 배경이나 컨베이어 벨트와 같은 기계적 물체에서 가장 잘 작동합니다.

 

• 부드러운 보간 - 다른 두 키프레임 옵션보다 약간 더 자연스럽게 보이게 하는 탄력 있는 '이징 인' 효과가 있기 때문에 내가 가장 많이 사용하는 보간입니다.

 

 

키프레임 설정에서 개체를 선택하면 중간에 작은 '더하기' 기호가 있음을 알 수 있습니다. 그것이 개체의 앵커 포인트입니다. 이는 기본적으로 이것이 개체가 이동할 위치임을 의미합니다. 따라서 개체가 원을 그리며 회전하려면 개체의 중앙에 있는지 확인하십시오. 별이 특정 지점에서 움직이도록 하려면 별이 옆으로 떨어지도록 하고 더하기 기호를 모서리의 하나로 이동합니다.

 

배경 스크롤

키프레임을 사용하는 방법에 대한 기본 사항을 알았으면 이제 이를 적용할 차례입니다. 애니메이션의 첫 번째 부분에는 배경이 필요합니다. 스크롤되는 배경이나 적어도 높이보다 넓은 배경을 갖는 것이 가장 좋습니다. 예를 들어, 저는 더 길게 만들기 위해 복사+ 붙여넣기를 가로로 뒤집었습니다. 완벽하게 반복되지는 않지만 이것은 단지 연습 예시일 뿐입니다.

 

이제 이 이미지를 png로 저장하고 애니메이션 작업 공간으로 가져옵니다. 배경을 넣을 애니메이션 폴더를 선택하고 파일 > 가져오기 > 이미지를 클릭하고 배경을 선택하면 폴더에 나타납니다. 캔버스에 표시하려면 첫 번째 프레임을 마우스 오른쪽 버튼으로 클릭하고 파일 이름을 선택합니다.

배경을 설정하려면 이미지를 오른쪽으로 드래그하고 이미지가 파란색 사각형 안에 맞는지 확인합니다. 카메라의 뷰파인더라고 생각하시면 됩니다. 사각형 외부의 모든 항목은 내보낼 때 표시되지 않으므로 염두에 두십시오.

 

캐릭터를 추가하려면 새 애니메이션 폴더 버튼을 클릭하고 레이어가 배경 폴더 위에 있는지 확인하십시오. 폴더 이름을 'Character'로 지정하고 'New Animation Cel' 버튼을 누릅니다. 이 효과가 작동하려면 하나의 그림만 만들면 됩니다. 이 예제에서는 매우 간단한 캐릭터를 그리고 있지만 원하는 만큼 간단하게 또는 복잡하게 만들 수 있습니다.

 

 

이제 배경 스크롤을 만듭니다. Character 폴더의 왼쪽에 있는 안구 아이콘을 눌러 캐릭터 레이어를 숨깁니다. 배경 폴더를 선택하고 키프레임 활성화 버튼을 클릭한 다음 선형 보간을 선택합니다. 빨간색 막대를 타임라인의 맨 처음으로 드래그하고 '키프레임 추가' 버튼을 누릅니다. 이제 빨간색 막대를 타임라인의 끝까지 드래그합니다. 도구 선택 창에서 '오브젝트' 버튼을 클릭하여 배경을 선택하고 Shift 키를 누른 상태에서 배경을 왼쪽으로 드래그합니다.

 

배경을 더 많이 끌수록 재생할 때 이미지가 더 빨리 스크롤됩니다. 이것은 또한 이미지의 길이에 따라 달라지므로 애니메이션에 적합한 속도를 얻기 위해 배경이 스크롤되는 거리를 실험해 보십시오. 이 예에서는 배경을 약 절반으로 드래그하여 스크롤 속도가 느려졌습니다.

'Walkcycle' 애니메이션

사기꾼 Hanna-Barbera esque walkcycle을 만들려면 빨간색 막대를 타임라인의 시작 부분으로 드래그하고 안구 아이콘을 확인하여 캐릭터가 보이도록 합니다. 보시다시피 움직이는 착시 현상이 있지만 두 발로 걷는 것보다 힐을 신고 있는 것처럼 보입니다.

 

따라서 캐릭터에 탄력 있는 보행 주기 효과를 부여하려면 캐릭터 레이어에서 키프레임을 활성화하고 부드러운 보간을 선택합니다. 키프레임 추가 버튼을 눌러 수동으로 키프레임을 추가하거나 캔버스에서 이미지를 이동하여 자동으로 추가할 수 있습니다. 캐릭터 폴더에서 타임라인 시작 부분에 키프레임을 추가합니다. 그런 다음 빨간색 막대를 프레임 5로 드래그하고 도구 모음에서 '개체'를 선택한 다음 캐릭터를 약간 위로 드래그합니다. 보시다시피 키프레임 옵션이 활성화되면 자동으로 키프레임이 추가됩니다. 빨간색 막대를 프레임 9로 드래그한 다음 첫 번째 프레임의 위치 바로 아래에서 캐릭터를 아래로 드래그합니다.

이제 이 과정을 수동으로 반복하는 대신 움직임을 더 균일하게 만들기 위해 할 수 있는 쉬운 트릭이 있습니다. 마우스 왼쪽 버튼을 누른 상태에서 키프레임 위로 드래그하여 강조 표시되도록 합니다. 타임라인의 첫 번째 키프레임을 마우스 오른쪽 버튼으로 클릭하고 복사를 선택합니다. 그런 다음 프레임 12로 이동하여 '붙여넣기'를 마우스 오른쪽 버튼으로 클릭합니다. 그러면 정확한 위치에 키프레임이 복사됩니다. 이제 타임라인을 채울 때까지 키프레임을 계속 붙여넣으면 다음과 같이 보일 것입니다.

 

2차 운동

이제 괜찮아 보이지만 애니메이션에 생기를 더하기 위해 취할 수 있는 추가 단계가 있습니다. 약간의 머리카락을 추가하고 별도의 레이어에 애니메이션을 적용합니다. 새 애니메이션 폴더를 클릭하고 새 애니메이션 셀을 클릭합니다. 이 프로세스를 조금 더 쉽게 하기 위해 캐릭터 레이어에서 키프레임을 비활성화해야 합니다. 머리카락을 그리고 새 애니메이션 셀을 추가합니다. 머리카락이 균일하게 흐르도록 하려면 이전 이미지를 쉽게 추적할 수 있도록 Enable Onion Skin 버튼을 클릭합니다. 캐릭터가 위아래로 움직일 때 탱글탱글한 효과를 내고 싶어서 튀는 머리카락을 5개의 개별 드로잉으로 그렸습니다.

 

타이밍을 편집하려면 타임라인에서 시작하는 프레임을 선택하고 새 위치로 끕니다. 같은 움직임을 다시 그리는 대신 마우스 왼쪽 버튼을 누른 상태에서 프레임 위로 커서를 끕니다. 첫 번째 프레임을 마우스 오른쪽 버튼으로 클릭하고 복사를 클릭합니다. 그런 다음 마지막 프레임을 마우스 오른쪽 버튼으로 클릭하고 붙여넣기를 클릭합니다. 타임라인에 맞는 횟수만큼 이 작업을 수행하면 이동이 반복됩니다.

프레임에 색상을 지정할 때 추가 이점은 색상도 복사하여 붙여넣을 수 있으므로 모든 단일 프레임에 색상을 지정할 필요가 없다는 것입니다. 예를 들어 이 루프는 24프레임이지만 5개의 그림만 색칠하면 되므로 많은 시간을 절약할 수 있습니다.

 

복사 + 붙여넣기를 통한 시간 절약에 대해 말하면 캐릭터 레이어에서 키프레임을 다시 돌릴 때 문제가 있음을 눈치채셨을 것입니다. 캐릭터는 튕기지만 머리카락은 같은 위치에 유지됩니다. 다행히 머리카락 레이어에 키프레임을 수동으로 배치할 필요가 없습니다. 헤어 레이어에서 키프레임을 활성화하고 캐릭터 레이어에서 키프레임을 선택하여 다음과 같이 헤어 레이어에 붙여넣기만 하면 됩니다. 그리고 자동으로 캐릭터의 움직임에 맞춰줍니다.

 

비디오 내보내기

이제 남은 일은 애니메이션을 내보내는 것입니다. 파일 > 애니메이션 내보내기로 이동합니다. 다음은 내가 일반적으로 사용하는 두 가지 옵션, 즉 GIF 또는 동영상으로 내보내기입니다.

애니메이션에 소리가 없거나 상대적으로 짧은 경우 GIF를 선택합니다. 애니메이션이 더 길고 소리가 있으면 동영상으로 내보냅니다. GIF로 내보내려면 애니메이션 GIF를 선택하고 저장할 파일을 선택한 다음 원하는 이름을 지정합니다. 그러면 설정 상자가 나타납니다. 루핑 gif의 경우 루프 카운트가 '무제한'으로 설정되어 있는지 확인하십시오. 프레임 속도는 GIF 이미지에 대해 원하는 대로 설정할 수 있습니다. 이 섹션을 사용하여 가장 마음에 드는 것으로 실험해 보십시오. 저는 이 예를 위해 24fps를 고수하고 있습니다.

비디오로 내보내려면 동영상을 클릭하고 저장할 파일을 선택하고 이름을 지정하면 MP4 또는 AVI 파일로 저장할 수 있습니다. MP4로 저장했습니다. 내보내기 설정 상자가 나타납니다. 이 튜토리얼에서는 2D 카메라 효과를 사용하지 않았지만 만일의 경우를 대비하여 해당 옵션을 선택하고 싶습니다. 너비와 높이도 동일하게 유지합니다. 프레임 속도와 관련하여 비디오를 내보낼 때 애니메이션을 적용한 것과 동일한 fps로 유지하는 것이 가장 좋습니다. 예를 들어 초당 12프레임으로 애니메이션을 적용했지만 초당 24프레임으로 비디오를 내보낸 경우 내보내지 않습니다. 당신이 프로그램에서 그것을 볼 수 있고 타이밍은 꺼져있을 것입니다.

그러나 프로그램에서 프레임 속도를 변경하려면 비디오로 내보내기 전에 애니메이션 > 타임라인 > 프레임 속도 변경으로 이동합니다. 프로그램의 프레임 속도와 내보내기 설정이 정확히 동일한지 확인하십시오.

 

결론

그리고 그것은 포장입니다! 이 영상이 Clip Studio의 애니메이션 기능을 이해하는 데 도움이 되었기를 바랍니다. 즐거운 시간 보내세요!