심플 모드에서 간단한 애니메이션을 만들자

10,408

ClipStudioOfficial

ClipStudioOfficial

4.2 이후 버전의 심플 모드에서 애니메이션을 만들 수 있습니다.

플립북 애니메이션처럼 쉽게 애니메이션을 만들 수 있어 초보자도 쉽게 따라 할 수 있습니다.

 

CLIP STUDIO PAINT DEBUT/PRO에서는 24컷까지 애니메이션을 만들 수 있습니다.

 

바로 사용법을 알아봅시다.

 

애니메이션용 캔버스 작성

일러스트에 애니메이션 추가

완성된 일러스트에 애니메이션을 추가하려면 일러스트용 캔버스를 애니메이션용 캔버스로 변경합니다.

 

화면 오른쪽 위의 […] 메뉴를 탭하여 [애니메이션 만들기]를 선택합니다.

작품이 복제되어 애니메이션용 파일이 별도로 작성됩니다.

 

[신규 캔버스]에서 애니메이션용 캔버스 작성

CLIP STUDIO START에서 [그리기]를 탭한 후 [신규 캔버스] → [애니메이션]에서 원하는 크기의 캔버스를 선택합니다.

※ Debut에서는 애니메이션을 선택할 수 없습니다. 일러스트에 애니메이션을 추가하는 순서대로 애니메이션용 캔버스를 만들어 주세요.

캔버스와 화면 하단에 타임라인이 표시되어 애니메이션을 만들 준비가 되었습니다.

 

타임라인 팔레트 정보

애니메이션을 만들기 위해 필요한 [타임라인] 팔레트의 기능에 대해 설명합니다.

 

① 재생 버튼: 애니메이션을 재생/정지합니다.

② 프레임: 프레임에는 그린 일러스트가 표시됩니다. 1프레임당 1레이어 팔레트의 정보가 표시됩니다.

③ 프레임 추가 버튼: 프레임을 추가합니다.

④ 메뉴 버튼: [어니언 스킨](※)의 ON/OFF를 선택하고 1초당 프레임 수(프레임 레이트)를 확인할 수 있습니다. 심플 모드에서는 12로 고정되어 있습니다.

※ [어니언 스킨]은 ② 프레임 추가에서 설명합니다.

 

【POINT】프레임 순서 바꾸기

프레임의 순서를 바꾸려면 프레임을 길게 눌러 드래그합니다.

움직임의 순서를 바꾸거나 추가한 프레임을 이동할 때 편리합니다.

애니메이션을 그려보자

그럼 실제로 애니메이션을 그려봅시다.

마법 소녀가 플라스크에 마법을 걸어 실험하는 이야기로 애니메이션을 만들어 보겠습니다.

 

① 첫 번째 프레임 그리기

먼저 첫 번째 프레임을 선택한 상태에서 캔버스에 첫 번째 일러스트를 그립니다.

이번에는 [브러시] → [스케치] → [연필]을 사용하여 수작업 느낌으로 그립니다.

 

애니메이션 제작 시 레이어 표시

레이어 팔레트에는 선택 중인 프레임에서 사용하고 있는 레이어가 표시됩니다.

일러스트를 그릴 때와 마찬가지로 선화와 채색 레이어를 나누거나 레이어 폴더로 관리할 수 있습니다.

 

② 프레임 추가

첫 번째 일러스트를 그린 후 계속해서 선화를 그립니다.

색칠하고 첫 번째 프레임을 완성할 수도 있지만 선화부터 그려 나가는 것이 애니메이션의 움직임을 확인하기 쉬우므로 먼저 선화를 그리는 것이 좋습니다.

 

새로운 그림을 그릴 때는 타임라인 팔레트의 [+]를 탭하고 프레임을 추가합니다.

첫 번째 프레임을 복사하여 두 번째 프레임에 활용하려면 프레임을 탭하고 [복제]를 선택합니다.

일부를 변형하여 움직임을 넣거나 같은 프레임을 여러 번 사용하면 움직임에 완급을 표현할 수 있습니다.

프레임을 삭제하려면 프레임을 탭하고 [삭제]를 선택합니다.

 

【POINT】

프레임 간 레이어 이동, 복사, 붙여넣기 등은 할 수 없습니다.

같은 일러스트를 사용하려면 매번 그리거나 프레임을 복제해야 합니다.

 

새로운 프레임을 추가하면 첫 번째 일러스트가 보라색으로 투명하게 표시됩니다. 이는 [어니언 스킨]이라는 기능입니다.

이전 프레임의 그림을 참고하여 다음 컷의 그림을 그릴 수 있습니다.

움직임을 넣고 싶은 부분의 선화를 첫 번째 일러스트와 조금 다르게 그립니다. 반대로 안 움직이게 할 부분은 첫 번째 그림을 따라 그립니다.

 

[어니언 스킨]을 숨기려면 타임라인 팔레트 오른쪽의 […]에서 [어니언 스킨]을 끕니다.

 

두 번째 그림을 그린 후 다시 프레임을 추가하고 계속해서 그려 갑니다.

 

세 번째 그림이 그려진 단계에서 두 번째 프레임을 선택하면 [어니언 스킨]에서 이전 프레임이 보라색, 다음 프레임이 초록색으로 표시된 것을 알 수 있습니다.

앞뒤 프레임을 확인하여 움직임이 어색하면 조정합니다. 이 작업을 반복하여 애니메이션을 만들어 갑니다.

 

캐릭터를 간단히 움직이기

복제한 일러스트를 [퍼펫 변형]으로 형태를 바꾸어 애니메이션을 만들 수도 있습니다.

선화와 채색이 통합된 1장의 일러스트에서 사용하는 것을 추천하지만 선화만 그린 상태에서도 사용할 수 있습니다.

 

 

선이 끊어져 있으면 변형하기 어려우므로 선화에서 [퍼펫 변형]을 사용할 때는 선을 연결합니다.

심플 모드에서 [퍼펫 변형]을 사용하는 자세한 내용은 다음 TIPS를 참조하세요.

 

이 외에도 [이동/변형] 도구로 크기나 위치를 바꾸고 회전시켜 변화를 줄 수 있으며 [픽셀 유동화] 도구로도 캐릭터를 움직일 수 있습니다.

 

③ 애니메이션을 재생하여 확인

몇 장 그린 후 타임라인 팔레트의 [▶]를 탭하여 애니메이션을 재생하고 움직임을 확인해 봅시다.

정지 버튼을 누르면 편집으로 돌아갈 수 있습니다. 수정할 부분이 있으면 일러스트를 조정합시다.

 

④ 애니메이션 조정

일부 움직임을 느리게 하기

애니메이션을 재생했을 때 움직임이 너무 빠르다고 느낀다면 느리게 하고 싶은 부분에 프레임을 추가합시다.

어니언 스킨을 확인하여 앞뒤 프레임에 그려진 선 사이에 선을 그리면 움직임의 중간 단계를 추가할 수 있습니다. 이 작업을 '동화'라고 합니다.

 

반복되는 애니메이션 만들기

눈 깜박임 등 일정한 움직임을 그린 몇 장의 프레임을 복제하면 반복 표현을 할 수 있습니다.

움직임에 완급 표현

같은 프레임을 복제하여 표시하면 애니메이션의 흐름에 완급을 표현할 수 있습니다.

⑤ 선화 애니메이션 완성

선화 애니메이션이 완성되었습니다!

이번 애니메이션은 프레임을 24장 사용하였습니다.

1초당 프레임 수(프레임 레이트)가 12로 고정된 설정이므로 2초짜리 애니메이션입니다.

애니메이션에 색칠

선화가 완성되면 캐릭터를 색칠하고 배경을 넣습니다.

 

캐릭터 색칠

이번에는 수채화처럼 옅은 색으로 칠합니다.

선화 레이어 아래에 채색용 신규 레이어를 만듭니다.

 

이번에는 G펜과 채우기 도구로 색을 나누어 칠했습니다.

이제 수채풍으로 칠하기 위해 색칠한 레이어를 선택한 상태에서 레이어를 추가합니다.

 

레이어 섬네일을 탭하여 [아래 레이어에서 클리핑]을 선택하고 합성 모드를 [곱하기]로 설정합니다.

단색으로 칠한 레이어에 그려진 범위에만 그릴 수 있게 됩니다.

 

[브러시] → [붓]에서 [거친 수채]를 선택하여 추가한 레이어에 수채풍으로 덧칠합니다.

 

배경에 화상 가져오기

레이어 팔레트의 […]를 탭하여 [화상에서 추가]를 선택하면 기기 등에 저장된 화상을 가져올 수 있습니다.

모든 프레임에서 같은 배경을 사용하려면 프레임별로 화상을 가져와야 합니다.

다른 23장의 프레임도 마찬가지로 색칠과 배경을 추가하여 애니메이션이 완성되었습니다!

애니메이션 내보내기

완성된 애니메이션을 기기나 클라우드에 저장합시다.

화면 오른쪽 위의 […] 메뉴에서 [애니메이션 내보내기]를 선택합니다.

 

표시된 다이얼로그에서 애니메이션의 재생 상태를 확인할 수 있습니다.

[공유]를 선택하면 기기나 파일 앱 등의 저장위치를 지정할 수 있습니다.

내보낸 애니메이션은 mp4로 저장됩니다. SNS나 동영상 사이트에 올려 공유해 보세요.

TV 애니메이션이나 애니메이션 MV와 같은 본격적인 애니메이션을 만들고 싶다면 스튜디오 모드를 사용하는 것을 추천합니다!

스튜디오 모드에서 애니메이션을 만드는 법에 대한 자세한 내용은 다음 TIPS를 참조하세요.

댓글

신착

공식 신착