애니메이션 기능의 기본 지식

739,621

ClipStudioOfficial

ClipStudioOfficial

이 글에서는 CLIP STUDIO PAINT에서 애니메이션을 만들기 위한 기본 기능과 용어를 설명합니다.

만들려는 애니메이션의 종류에 상관없이 필요한 지식입니다. 꼭 한 번 확인해 보세요.

 

다음의 페이지에서 애니메이션 기능을 사용한 간단한 연습용 튜토리얼을 소개하고 있습니다.

애니메이션에 대한 지식이 없어도 순서대로 만들기만 하면 CLIP STUDIO PAINT 애니메이션 기능의 사용법이나 애니메이션의 구조를 알 수 있습니다.

· 애니메이션 연습

 

신규 다이얼로그

CLIP STUDIO PAINT에서 애니메이션을 만들려면 먼저 작품의 캔버스를 만들고 애니메이션의 프레임 속도(매끄러움)와 애니메이션의 프레임 수(재생 시간)를 정합니다.

※ 나중에 변경할 수도 있습니다.

 

[파일] 메뉴 → [신규]를 선택하여 설정 화면을 표시합니다.

 

표시된 [신규] 다이얼로그 중 [작품 용도]에서 [애니메이션]을 선택하면 애니메이션을 만들기 위한 설정 항목이 표시됩니다.

 

애니메이션을 만들기 위해 필요한 설정 항목에 대해서 설명합니다.

 

애니메이션의 크기를 정하는 항목

그림을 그릴 때 [캔버스]로 크기를 설정하는데 애니메이션은 [기준 사이즈]와 [작화 사이즈] 등의 설정 항목을 입력하면 캔버스의 크기가 정해집니다.

각 설정 항목에 대해서 설명합니다.

 

 

 

■ 기준 사이즈

 

[기준 사이즈]는 실제로 애니메이션이 완성되었을 때의 크기입니다.

설정한 크기에서 [기준 프레임]이 만들어지고 [기준 프레임] 안이 출력 범위가 됩니다.

 

공개하려는 매체(트위터, 인스타그램, 유튜브 등의 웹 서비스)에 따라 기준 사이즈를 설정합니다.

 

[프리셋]에는 미리 다음의 세 종류의 기준 사이즈가 등록되어 있습니다.

[720x540 (144dpi) 여백 있음]

[1280x720 (144dpi) 여백 있음]

[1920x1080 (192dpi) 여백 있음]

 

 

 

■ 작화 사이즈

 

[작화 사이즈]란 카메라 워크 설정 시 사용하는 설정 항목입니다. 카메라 워크 설정을 사용하지 않는 경우 설정할 필요는 없습니다.

[기준 사이즈]보다 세로나 가로를 길게 설정한 캔버스를 작성하면 실제 애니메이션보다 크게 그림을 그릴 수 있습니다.

 

그린 그림에 대해 2D 카메라 편집하여 [기준 프레임]에 반영하는 범위를 설정할 수 있습니다.

 

 

 

■ 여백

 

작화 프레임의 여백을 설정합니다.

[작화 프레임]을 OFF로 한 경우 기준 프레임에 여백이 생깁니다.

 

【POINT】연출 프레임

[연출 프레임]이란 어떤 재생 환경에서도 프레임이 잘리지 않고 표시되는 범위를 설정하려는 경우에 지정합니다. 텔레비전 애니메이션 제작 현장에서는 재생 환경에 의해 가장자리가 잘리게 되어 이를 방지하기 위해 설정되었습니다.

웹상에 발표하는 작품에서는 지정할 필요가 없습니다.

 

애니메이션의 매끄러움과 길이를 정하는 설정 항목

설정 항목인 [타임라인]에서 지금부터 만들 애니메이션의 '움직임의 매끄러움'과 '재생 시간의 길이'를 설정합니다.

각 설정 항목에 대해서 설명합니다.

 

※ DEBUT 버전 및 PRO 버전에서는 사용 가능한 프레임 수에 상한이 있습니다.

자세한 내용은 다음의 'DEBUT 버전 및 PRO 버전의 프레임 수 제한'에서 설명하고 있습니다.

 

 

 

■ 프레임 레이트(fps: Frames Per Second)

 

[프레임 레이트]란 초당 표시되는 프레임(정지 화상) 수입니다.

초기 설정의 '30fps'라면 초당 30장의 프레임을 표시할 수 있는 설정입니다.

 

프레임 레이트의 수치가 클수록 초당 표시하는 프레임 수가 증가하고 애니메이션의 움직임이 매끄러워집니다.

예: 프레임 레이트 차이에 의한 매끄러움 비교

(5fps/10fps/30fps)

 

 

 

■ 재생 시간

 

[재생 시간]에서 만들 애니메이션의 길이를 설정할 수 있습니다.

초기 설정에서는 프레임 수에 표시되어 [프레임 레이트] 설정에 따라 실제 재생 시간이 정해집니다.

 

[재생 시간]에 [프레임 레이트]와 같은 수치를 입력하면 1초간의 애니메이션이 만들어집니다.

 

 

 

■ [재생 시간] 표시 방법

 

[재생 시간]에는 다음의 네 가지 표시 방법이 있습니다.

 

· [프레임 수(1시작)]

· [프레임 수(0시작)]

재생 시간을 프레임 수로 표시합니다.

위 두 표시 방법은 프레임의 시작이 '1' 프레임으로 표시되는지 '0' 프레임으로 표시되는지의 차이만 있을 뿐입니다.

 

0초'에 해당하므로 타임라인을 조작하는 비디오 편집 소프트웨어 등에서는 '0' 프레임으로 표시됩니다. 하지만 일본의 상업 애니메이션 제작 시 '1' 프레임(컷)으로 관리되므로 관리 방법에 따라 선택할 수 있습니다.

CLIP STUDIO PAINT 사용법 강좌에서는 기본적으로 초기 설정의 [프레임 수(1시작)]으로 설명하고 있습니다.

 

· [초+프레임]

재생 시간을 초 단위로 표시합니다. 지정한 초 단위 후에 프레임(컷)을 추가하려면 해당 프레임 수를 설정합니다.

 

· [타임 코드]

재생 시간을 분 단위 및 초 단위로 표시합니다. '분: 초: 추가 프레임 수'로 설정할 수 있습니다.

 

이상이 [신규] 다이얼로그에서 설정하는 기본적인 항목입니다.

 

※ 다른 항목에 대한 자세한 내용은 다음의 기능 상세 설명서(영어)에 해설되어 있습니다.

 

DEBUT 버전 및 PRO 버전의 프레임 수 제한

CLIP STUDIO PAINT EX에는 사용 가능한 프레임 수에 제한이 없지만 CLIP STUDIO PAINT DEBUT, PRO에는 '24 프레임까지'라는 상한이 있습니다.

 

24 프레임만으로 애니메이션을 만들 경우 다음과 같이 제한됩니다.

· 초당 8 프레임(8fps)의 셀을 사용하면 재생 시간이 3초인 애니메이션을 만들 수 있지만 움직임이 매끄럽지 않습니다.

· 초당 24 프레임(24fps)의 셀을 사용하면 재생 시간은 1초여도 애니메이션의 움직임은 매끄러워집니다.

 

[타임라인] 팔레트의 기본 조작

[신규] 다이얼로그에 설정한 후 [OK]를 클릭하면 애니메이션의 캔버스가 작성됩니다.

 

애니메이션을 만들려면 [타임라인] 팔레트를 조작해야 합니다.

※ 표시되지 않은 경우 [창] 메뉴에서 [타임라인]을 선택하여 표시합니다.

 

【POINT】스마트폰 버전

스마트폰 버전의 CLIP STUDIO PAINT는 애니메이션을 만들기 위해서 팔레트 바를 커스터마이즈해야 합니다.

다음의 순서에 따라 [타임라인] 팔레트를 추가합니다.

 

[타임라인] 팔레트와 [레이어] 팔레트는 연동되지만 각각 표시되는 내용이 다릅니다.

 

 

 

■ [타임라인] 팔레트의 구성

 

· 상하 관계: [트랙]

[레이어] 팔레트의 레이어와 레이어 폴더가 계층순으로 정렬되어 [트랙]으로 표시됩니다.

 

· 좌우 관계: [프레임]

재생 시간의 [프레임]이 표시됩니다.

애니메이션이 재생될 때 맨 위 왼쪽의 [시작 프레임]부터 재생되어 맨 오른쪽의 [종료 프레임]에서 종료됩니다.

 

[시작 프레임]과 [종료 프레임]은 파란색 사각형 부분을 드래그하면 변경할 수 있습니다.

 

각 프레임을 선택하려면 [프레임 수]가 표시된 부분을 클릭합니다.

 

【POINT】타임라인의 줌 인/줌 아웃

[타임라인] 팔레트의 [줌 인] 또는 [줌 아웃]을 클릭하면 [타임라인] 팔레트에 표시된 프레임 폭을 확대하거나 축소할 수 있습니다.

실제 재생 시간은 변하지 않습니다.

 

· [클립]

애니메이션의 편집 단위입니다. [표시 시작 프레임]과 [표시 종료 프레임]을 편집하여 재생 시간 중에 재생할 프레임을 설정할 수 있습니다.

 

윗부분의 바를 클릭하면 클립을 선택할 수 있고 선택한 클립은 파랗게 됩니다.

잡아서 드래그하면 클립을 좌우로 이동할 수 있습니다.

 

[시작 프레임]과 [종료 프레임] 가장자리의 사각형을 드래그하여 클립 길이를 바꿀 수 있습니다.

 

 

 

■ [애니메이션 폴더]와 [애니메이션 셀]

 

[신규] 다이얼로그에서 작성한 애니메이션 파일에는 [애니메이션 폴더]가 1개, 그 안에 저장된 [애니메이션 셀]이 1장 작성되어 있습니다.

 

· [애니메이션 폴더]

애니메이션 폴더는 [타임라인] 팔레트에서 하나의 트랙으로 표시됩니다.

[애니메이션 폴더] 안에 저장된 레이어는 [애니메이션 셀]로 [타임라인] 팔레트에서 지정할 수 있습니다.

 

· [애니메이션 셀]

[셀 지정]하면 클립에 셀이 표시됩니다.

[신규] 다이얼로그에서 작성한 애니메이션 파일에는 '1' 셀만이 지정되어 있으므로 클립 시작부터 종료까지 '1' 셀만이 표시됩니다.

 

[타임라인] 팔레트의 [신규 애니메이션 셀]을 클릭하면 애니메이션 셀이 작성됨과 동시에 선택한 프레임에 지정됩니다.

 

애니메이션 셀을 작성하면 [레이어] 팔레트에도 레이어로 표시됩니다.

 

[타임라인] 팔레트에서 애니메이션 셀이 지정된 맨 왼쪽 프레임을 클릭하면 애니메이션 셀이 선택됩니다.

선택한 셀을 좌우로 드래그하여 셀이 지정된 프레임을 이동할 수 있습니다.

 

이상이 [타임라인] 팔레트의 기본적인 조작 방법입니다.

 

분기점: 만들려는 애니메이션의 장르는?

여기서부터가 분기점입니다. 애니메이션 기능을 사용하여 어떤 것을 해 보고 싶나요?

각 애니메이션 작성 방법에 대해 다음의 링크 페이지에서 설명하고 있습니다.

 

· 애니메이션 연습

 

· 손그림 프레임 애니메이션

사용 기능:

2D 카메라 폴더

셀 일괄 지정

레이어의 키 프레임 추가

 

동화 분할의 기본

댓글

신착

공식 신착