키프레임을 사용하는 CSP 초보자를 위한 애니메이션
소개
여러분, 안녕하세요! 저는 쿠라모리즈입니다. 이 튜토리얼에서는 키프레임을 사용하여 CLIP STUDIO PAINT에서 간단한 애니메이션을 만드는 방법을 보여줍니다.
이 튜토리얼이 여러분만의 애니메이션을 만드는 데 도움이 되기를 바랍니다!
비디오 튜토리얼
여기에서 영어로 된 비디오 자습서를 볼 수 있습니다.
영상에는 편의를 위해 영어 자막이 있습니다. 자막을 귀하의 언어로 자동 번역할 수도 있습니다.
우리가 결국 만들 애니메이션
애니메이션을 만드는 두 가지 방법
일반적으로 2D 애니메이션에서 아티스트는 프레임별로 수동으로 그려야 합니다. 애니메이션을 시도한 적이 없는 초보자에게는 어려울 수 있습니다. 상상해보세요: 1초의 애니메이션을 얻기 위해 24개의 프레임을 수동으로 그리세요!
모든 프레임을 그릴 필요가 없는 간단한 애니메이션을 만드는 방법을 보여 드리겠습니다. CLIP STUDIO PAINT가 일부 작업을 수행합니다! 이를 위해 키프레임을 사용하여 애니메이션을 만듭니다.
키프레임 애니메이션이란
키프레임 애니메이션은 객체가 프레임 중 하나에 어떻게 배치되어야 하고 다음 프레임 중 하나에서 객체가 어떻게 배치되어야 하는지(또는 일반적으로 어떻게 변환되어야 하는지) CLIP STUDIO PAINT에 알려주고 그 사이의 모든 것이 프로그램에 의해 자동으로 생성됩니다.
키프레임 애니메이션의 변형 유형
다음과 같은 다양한 유형의 변환을 수행할 수 있습니다.
1. 위치 변경:
2. 크기 변경:
3. 회전 중심점 회전 및 변경:
4. 투명도 변경:
물론 다음과 같이 모두 결합할 수 있습니다.
키프레임 모드의 변형은 전체 레이어에 적용되므로 여러 개체에 애니메이션을 적용하려면 다른 레이어에 배치해야 합니다.
단계별 프로세스
CLIP STUDIO PAINT에서 키프레임을 사용하여 애니메이션을 만드는 방법을 보여드리겠습니다.
먼저 이미지를 그려서 약간 준비해야합니다.
위의 스크린샷에서 볼 수 있듯이 나는 소년을 위한 별도의 폴더와 소녀를 위한 별도의 폴더가 있습니다. 다른 레이어에 이동할 각 개체를 배치해야 합니다. 예를 들어, 나는 그녀의 손, 드레스, 다리, 눈, 머리 및 날개가 별도의 레이어에 있습니다. 손 뒤와 같이 일반적으로 정적 이미지에서 볼 수 없는 이미지 부분도 그려야 합니다.
더 나아가는 두 가지 방법이 있습니다. 첫 번째 방법은 파일-> 새로 만들기 메뉴를 사용하여 새 애니메이션을 만든 다음 애니메이션을 선택하고 모든 개체를 새 파일에 복사하는 것입니다.
하지만 원본 파일 내에서 바로 애니메이션을 만들 것입니다. 이렇게 하려면 Windows -> 타임라인 메뉴에서 타임라인을 켜기만 하면 됩니다. 그런 다음 "새 타임라인" 버튼을 클릭합니다. 아래 이미지를 참조하십시오.
팝업 창에서 프레임 속도를 초당 24프레임으로, 재생 시간을 24프레임으로 설정했습니다. 저는 CLIP STUDIO PAINT PRO를 사용하고 있어 24프레임으로 제한되어 있지만 간단한 gif를 만들기에는 충분합니다. 제한을 두지 않으려면 CLIP STUDIO PAINT EX를 사용해야 합니다.
소녀에게 애니메이션을 적용해 보겠습니다. 가장 먼저 할 일은 폴더를 선택하고 "이 레이어에서 키프레임 활성화"를 클릭하는 것입니다.
이제 이 폴더 안의 어떤 레이어에도 그릴 수 없습니다. 이제 "오브젝트" 도구만 사용할 수 있기 때문입니다.
첫 번째 프레임에서 "키프레임 추가" 버튼을 클릭합니다.
그런 다음 다른 프레임을 선택하고 "개체" 도구를 사용하여 이 폴더의 모든 레이어를 조금 더 위로 이동합니다. 새 키프레임이 자동으로 추가됩니다.
나는 소녀가 첫 번째 프레임과 마지막 프레임의 동일한 위치에 있기를 원합니다. 첫 번째 키프레임을 마우스 오른쪽 버튼으로 클릭하고 복사를 선택하고 마지막 프레임을 마우스 오른쪽 버튼으로 클릭하고 붙여넣기를 선택합니다.
프레임을 클릭하면 CLIP STUDIO PAINT에 중간 프레임이 추가되어 소녀가 부드럽게 움직이는 것을 볼 수 있습니다. "재생"을 클릭하고 봅시다!
이제 날개를 애니메이션으로 만들어 보겠습니다. 날개가 있는 레이어를 선택한 다음(타임라인이나 레이어가 있는 창에서 수행할 수 있음) 첫 번째 프레임으로 이동하여 키프레임을 추가합니다. 다음 프레임에서 날개를 회전시키므로 첫 번째 프레임에서 회전점을 설정하는 것이 중요합니다. 이 작은 십자가를 그녀의 날개가 회전할 지점으로 이동하기만 하면 됩니다.
그런 다음 다른 프레임으로 이동하여 날개를 약간 회전시킵니다.
이것을 반복하십시오: 다른 프레임으로 이동하여 날개를 회전하십시오.
키프레임을 하나씩 또는 여러 번에 복사할 수 있다는 것을 잊지 마십시오. 마우스로 선택하고, 마우스 오른쪽 버튼으로 복사하고, 마우스 오른쪽 버튼으로 클릭하고, 붙여넣습니다. 이제 소녀는 날개를 흔들고 있습니다. 결과를 보려면 애니메이션을 재생하십시오! 아주 쉽죠? :)
마찬가지로 이미지의 다른 부분에 애니메이션을 추가합니다. 그녀의 팔은 약간 위아래로 움직이게 하고 다리는 약간 움직이게 합니다.
결과가 마음에 들지 않으면 타임라인에서 키프레임을 선택하고 현재 레이어에서 이미지의 위치를 편집할 수 있습니다.
키프레임 자체를 이동할 수도 있습니다. 키프레임을 잡고 드래그하기만 하면 됩니다.
키프레임 중 하나를 마우스 오른쪽 버튼으로 클릭하고(또는 한 번에 여러 개를 선택할 수 있음) "삭제"를 선택하여 키프레임을 삭제할 수 있습니다.
레이어를 마우스 오른쪽 버튼으로 클릭하고 "모든 키프레임 삭제"를 선택하여 레이어의 모든 키프레임을 삭제할 수 있습니다.
이제 소녀가 눈을 깜박이도록 합시다.
나는 눈을 뜨고 감은 눈을 위해 두 개의 별도 레이어가 있습니다.
먼저 눈을 감고 레이어를 선택하고 첫 번째 프레임으로 이동해야 합니다. "더하기" 버튼을 클릭하면 불투명도 속성에 대한 키프레임을 볼 수 있습니다.
불투명도에 대한 키프레임은 레이어에 적용할 수 있는 다른 변형과 다릅니다. 도구 속성 팔레트 또는 레이어 팔레트에서 불투명도 값을 설정할 수 있습니다. 감은 눈 레이어의 불투명도를 0으로 설정했습니다.
열린 눈 레이어의 경우 첫 번째 프레임으로 이동합니다. 불투명도는 이미 100으로 설정되어 있어야 하므로 "키프레임 추가" 버튼을 클릭해야 합니다.
이제 프레임 8로 이동한다고 가정해 보겠습니다. 여기서 그녀가 눈을 감았으면 합니다. 이를 위해 눈을 뜬 레이어의 불투명도를 0으로, 눈을 감은 레이어의 불투명도를 100으로 변경해야 합니다. 이 프레임에서 그녀의 눈이 감겨 있는 것을 볼 수 있습니다.
그런 다음 몇 프레임 후에 그녀가 다시 눈을 뜨도록 해야 하므로 프레임 10에 눈을 뜨고 감은 레이어에 대해 새 키프레임을 만듭니다. 이 애니메이션을 재생하면 소녀는 눈을 깜박이지만 불투명도 속성이 부드럽게 변경되기 때문에 보기에 좋지 않습니다.
한 레이어의 투명도가 다른 레이어로 어떻게 흐르는지 보려면 더 자세히(그리고 더 느리게) 살펴봐야 할 수도 있습니다.
이를 해결하기 위해 키프레임 보간 유형을 변경해 보겠습니다. 레이어의 모든 키프레임을 선택하고 마우스 오른쪽 버튼을 클릭한 다음 "보간을 유지하도록 키프레임 전환"을 선택합니다.
대부분의 경우 기본 부드러운 보간이 더 예쁘고 자연스럽게 보이지만 이 눈 애니메이션의 경우 홀드 보간이 더 적합합니다.
이제 불투명도가 즉시 변경됩니다.
그 후 나는 그 소년을 위해 비슷한 애니메이션을 만듭니다.
애니메이션 내보내기
애니메이션을 저장하려면 파일 -> 애니메이션 내보내기를 클릭합니다. 일반적으로 GIF 파일이나 비디오 파일로 내보내려고 합니다.
GIF로 내보내겠습니다.
이것은 내가 결국 얻은 애니메이션입니다.
별도의 레이어에 배경을 추가하여 gif를 더욱 흥미롭게 만들 수도 있습니다.
이 튜토리얼이 여러분만의 애니메이션을 만드는 데 도움이 되기를 바랍니다. 읽어 주셔서 감사합니다!
댓글