안녕하세요! 오늘 우리는 작은 chibis를 그리는 방법을 살펴본 다음 Clip Studio Paint에서 모두 간단하고 귀여운 방식으로 애니메이션을 적용합니다! 트윈 애니메이션을 사용하지만 나중에 일부 프레임 별 애니메이션과 결합합니다. 마지막으로 Streamlabs와 같은 소프트웨어에 애니메이션을 통합하는 방법을 보여 드리겠습니다.

 

여기에서이 튜토리얼의 비디오 버전을 볼 수 있습니다.

치비 그리기

실제로 chibi를 그리는 것으로 시작하겠습니다. 이 예에서는 선없는 아트 워크로 작업하기로 결정했습니다. 캐릭터를 렌더링하는이 간단한 방법은 우리가 원하는 똑같이 단순하고 귀여운 꼬마 모양에 맞습니다. 또 다른 큰 이점도 있습니다.

 

생각할 선화가 없으면 애니메이션을 만드는 것이 훨씬 쉽고 선이 완벽하게 일치하는 것에 대해 걱정할 필요가 없습니다.

 

우리가 만들고 싶은 애니메이션 종류에 대한 일러스트레이션을 만들 때 다음 몇 가지 사항에 유의해야합니다.

1. 벡터 레이어 작업 :

 

이렇게하면 아트웍을 변형 할 때 더 나은 이미지 품질을 유지하는 데 도움이됩니다 (비트 맵 / 래스터 레이어 사용과 비교). 벡터 레이어에 대한 자세한 내용은 다른 튜토리얼을 확인하십시오.

도면의 일부를 다시 칠하기 위해 레이어의 투명도를 잠글 수 없습니다. 그러나 유사한 효과를 얻기 위해 여전히 레이어를 아래 레이어에 클리핑 할 수 있습니다.

2. 그림의 각 요소에 대한 레이어를 만듭니다.

 

트윈 애니메이션이 유동적이고 생생하게 보이려면 일러스트레이션의 충분한 양의 요소를 제어 할 수 있어야합니다. 각 레이어는 자체적으로 애니메이션 할 수 있으므로 캐릭터를 여러 부분으로 분할하는 것이 좋습니다.

3. 중복 요소 :

 

다른 요소가 겹치는 경우에도 세부 사항이 계속 유지되도록 요소를 설정해야합니다. 이렇게하면 요소를 이동할 때 연결된 것처럼 보입니다.

4. 그림의 그룹화 된 요소에 대한 폴더를 만듭니다.

 

즉, 함께 속한 요소를 함께 그룹화합니다. 예를 들어 "left arm"폴더에는 "upper left arm", "lower left arm"및 "hand"가 포함되어 있습니다. 이렇게하면 항상 각 개별 부분을 애니메이션 할 필요없이 전체 팔을 한 번에 애니메이션 할 수 있습니다. 엄청난 시간 절약입니다!

애니메이션 설정

그리기가 끝나면 애니메이션 준비를 시작하겠습니다. 애니메이션 중심의 작업 공간으로 전환하십시오. Clip Studio Paint의 작업 영역에 대해 자세히 알아 보려면 다른 튜토리얼을 확인하십시오.

또는 "창"으로 이동하여 "타임 라인"을 선택하기 만하면됩니다. 이제 "새 타임 라인"버튼을 누르십시오.

프레임 속도를 12로, 재생 시간을 24로 선택하겠습니다. 즉, 초당 12 프레임을 사용하여 24 프레임의 재생으로 2 초 애니메이션을 제공합니다. 더 많은 프레임이있는 애니메이션을 원한다면 CLIP STUDIO PAINT EX 버전을 구입해야합니다. 그러나 만들고 싶은 간단한 애니메이션 루프의 경우 Clip Studio Paint Pro에서 사용할 수있는 24 개의 프레임이면 충분합니다.

 

레이어가 많기 때문에 썸네일을 비활성화하여 애니메이션 타임 라인을 단순화 할 수 있습니다. 메뉴를 열고 "썸네일 크기"를 클릭 한 다음 "없음"을 선택하면됩니다.

이제 애니메이션 프로세스를위한 일러스트레이션 요소를 준비하겠습니다.

 

1 단계 : 모든 레이어 (및 폴더)를 선택하고 "이 레이어에서 키 프레임 활성화"버튼을 클릭합니다.

2 단계 : 개체 도구로 각 레이어 (및 폴더)를 선택하고 회전 중심을 조정합니다. 이것은 캔버스 중간에 나타나는 작은 십자가입니다. 한 요소가 다른 요소와 겹치는 그림의 각 관절로 이동합니다. 예를 들어 손 레이어의 경우 손목으로 이동합니다. 아래쪽 팔 레이어의 경우 팔꿈치로 이동합니다. 상완 레이어의 경우 어깨로 이동합니다.

이것이 애니메이션을 시작하기 위해 취해야 할 첫 번째 단계입니다. 완료되면 항상 파일을 저장하는 것이 좋습니다!

12 개의 캐릭터 애니메이션

실제로 애니메이션을 시작하기 전에 애니메이션이 어떻게 보이길 원하는지 간략하게 생각해 보겠습니다. 여기에 두 가지 다른 애니메이션을 스케치했습니다. 간단한 유휴 애니메이션과 스트림이 일시 중지 될 때 사용할 "BRB"애니메이션입니다.

두 개의 애니메이션을 만들려고한다는 것을 이미 알고 있으므로 이미 회전 중심을 설정 한 현재 타임 라인을 복제 해 보겠습니다. 메뉴로 이동하여 타임 라인을 선택한 다음 "타임 라인 관리"를 선택합니다. 여기에서 현재 타임 라인을 복제 할 수 있습니다.

하지만 이제 실제로 애니메이션을 적용 해 보겠습니다.

 

각 레이어의 회전 중심을 조정할 때 타임 라인에 작은 다이아몬드 모양이 만들어지는 것을 눈치 챘을 것입니다. 즉, 키 프레임을 만들었습니다.

애니메이션을 만들려면 더 많은 키 프레임을 만들어야합니다. 타임 라인의 중앙 인 프레임 12로 이동하겠습니다. 이제 스케치처럼 보이도록 캐릭터의 개별 부분을 재정렬하겠습니다. 이동, 회전 및 크기 조정을 통해이를 수행 할 수 있습니다.

나란히 배치하면 차이가 미묘하게 보일 수 있지만 유휴 애니메이션의 경우 실제로 화려하고 미친 것을 원하지 않으므로 미묘한 변경을 두려워하지 마십시오. 움직이는 동안 여전히 눈에 띄게 될 것입니다!

 

도구 속성 창에서 "가로 세로 비율 유지"를 선택 취소하고 이제 요소를 스쿼시하거나 늘릴 수도 있습니다. 그러나 이것을 회전 요소와 결합하지 않는 것이 좋습니다. 내 경험상, 이것은 항상 요소가 자체적으로 재배치되는 버그로 이어졌습니다. 이것이 세계적인 문제인지 내 컴퓨터에만 존재하는지 말할 수 없습니다.

이미 애니메이션을 테스트 할 수 있으며 Clip Studio Paint가 이러한 키 프레임 사이에 모든 프레임을 자동으로 생성하는 것을 볼 수 있습니다. 특히 "BRB"애니메이션의 경우 애니메이션에서 더 많은 단계를 만들기 위해 추가 키 프레임을 만들 수 있습니다.

 

마지막으로 애니메이션이 반복되기를 원하므로 애니메이션이 시작된 방식으로 종료되도록합니다. 첫 번째 키 프레임의 다이아몬드를 마우스 오른쪽 버튼으로 클릭하면 복사 할 수 있습니다. 이제 마지막 프레임을 마우스 오른쪽 버튼으로 클릭하고 붙여 넣을 수 있습니다. 이렇게하면 첫 번째 프레임에서와 동일한 변형이 적용됩니다.

애니메이션은 시행 착오 과정입니다. 애니메이션을 계속 테스트하고, 요소의 위치를 계속 조정하고, 모션 타이밍을 계속 조정하고, 새로운 것을 시도하십시오. 애니메이션이 마음에 드는 곳에 도착하는 데 시간이 걸릴 수 있습니다!

프레임 별 텍스트 프레임 애니메이션

"BRB"애니메이션으로 전환 해 보겠습니다. 캐릭터의 애니메이션을 이미 설정했습니다. 캐릭터 위에 "BRB"문자를 추가하려면 새 애니메이션 폴더 (A)를 만들어 보겠습니다. 다음으로 문자가 표시되어야하는 첫 번째 프레임 (B)을 선택하고 "새 애니메이션 셀"(C)을 클릭합니다.

간단히 편지를 그립니다. 그런 다음 다음 프레임을 선택하고 문자를 다시 그립니다. "어니언 스킨 활성화"(D)를 눌러 강조 표시된 이전 프레임을 볼 수 있습니다. 이렇게하면 편지를 추적 할 수 있습니다. 같은 글자를 몇 번이고 다시 그리면 귀여운 흔들림 효과가 생깁니다. 애니메이션 전체를 완료 할 때까지 계속 진행하십시오. 결국 나는 글자를 줄인 다음 "팝"을 사라지게하기로 결정했습니다. 이렇게하면 특별한 효과없이 글자가 사라지는 것보다 루프가 더 자연스럽게 느껴집니다.

애니메이션 내보내기

이제 끝났으므로 애니메이션을 내보내려고합니다. 소셜 미디어 또는 다른 곳에서 사용하려는 경우 GIF로 내보낼 수 있습니다. 그러나 스트림 오버레이의 일부로 chibis를 사용하기를 원하기 때문에“Export animation> Movie”옵션을 선택해야합니다.

그러나 그렇게하기 전에 "Paper"배경 레이어를 비활성화해야합니다. 이렇게하면 애니메이션을 투명 파일로 내보내 Streamlabs의 요소 위에 오버레이 할 수 있습니다.

다음은 내보내기에 사용하는 설정입니다.

애니메이션에 다른 프레임 속도를 사용한 경우 여기에 입력해야합니다! 타임 라인을 설정할 때 사용한 것이 기본값이 아닙니다.

스트림 랩에 애니메이션 통합

이제 애니메이션이 완료되었으므로이를 Streamlabs에 통합 해 보겠습니다. "소스"메뉴에서 "+"아이콘을 선택하고 "미디어 소스"를 선택합니다. 이제 파일로 이동하십시오. "루프"옵션을 선택해야합니다.

애니메이션의 두 상태간에 전환하려면 현재 장면을 복제하는 것이 좋습니다. 새 장면에서 이제 새 "미디어 소스"를 추가합니다. "대신 새 소스 추가"를 토글해야합니다. 이제 "BRB"파일을 배치하십시오. 두 애니메이션의 크기를 조정하고 동일한 위치에 배치해야합니다. 이 작업을 마치면 이전 애니메이션을 선택하고 "-"아이콘을 눌러 삭제할 수 있습니다. 이제 각 장면을 클릭하여 두 애니메이션 상태간에 전환 할 수 있습니다.

감사합니다

이 튜토리얼이 도움이 되었기를 바랍니다. 질문이 있거나이 지침을 따를 때 작성한 내용을 공유하고 싶다면 언제든지 의견을 남겨주세요! :)

 

또한 Twitch에서 제 아내 cassiejwl에서 크로 셰 뜨개질 및 게임 스트림을 확인하십시오.