1.이 과정에 대하여

디지털 애니메이션은 최근 상업 환경이나 취미 등 주요 트렌드로 떠 올랐습니다. 이 과정에서는 Clip Studio Paint EX의 애니메이션 도구 및 UI에 대한 일반적인 개요를 수행 한 다음 애니메이션을 만드는 과정을 진행합니다.

2. 새로운 애니메이션 만들기 개요

캔버스 만들기 :

-CLIP STUDIO PAINT EX에서 새 캔버스를 만든 후에는 먼저 "작업 사용"에서 "애니메이션"옵션을 클릭하십시오.

 

• "파일 이름"에서 파일 이름을 지정할 수 있습니다.

• "Preset (사전 설정)"에서 작업 할 미리 결정된 크기 목록을 선택할 수 있습니다.

-드롭 다운 메뉴 옆에있는 저장 아이콘을 눌러 자신의 사전 설정을 저장할 수도 있습니다. 그러면 나중에 저장된 옵션으로 쉽게 돌아올 수 있습니다.

• "단위"아래에서 센티미터, 밀리미터, 인치, 픽셀 및 포인트 중에서 작업하려는 단위를 결정할 수 있습니다.

-나는 주로 픽셀 (px)을 사용 하며이 자습서에서 사용할 것입니다.

참조 프레임 크기를 결정하십시오.

-여기에서 참조 프레임 크기 (파란색 선)를 설정할 수 있습니다. 비디오 공유 플랫폼마다 크기 크기가 다르고 업데이트에 따라 지속적으로 변경되므로 업로드 할 플랫폼의 권장 크기 크기를 조사하는 것이 좋습니다.

 

예를 들어, 현재 날짜 (2019 년 8 월 8 일) :

-YouTube : 16 : 9 비율 (1920x1080, 1280x720 등)

-Instagram : 사각형의 경우 1 : 1 종횡비 (1080x1080) 또는 가로의 경우 1.91 : 1 비율 (1080x608)이 권장되지만 16 : 9까지 진행할 수 있습니다.

-트위터 : 16 : 9 종횡비 (1280x720이 권장)

 

-해상도에 대해서는 나중에 벡터 레이어를 사용하지만 해상도가 최소 150 픽셀 이상인지 확인해야합니다. 그렇지 않으면 벡터 선이 픽셀로 표시됩니다. 지금 해상도를 설정하는 것이 좋습니다.

 

-일반적으로 해상도가 600px로 설정되어 있지만 실제로는 높은 해상도가 필요하지 않습니다.

효과 프레임 및 도면 크기 :

 

효과 프레임 :

-전문가 용 애니메이션 (TV / 기능 애니메이션 용)에 CSP를 사용하지 않는 한이 기능이 필요하지는 않지만 명심해야합니다.

 

-이것은 기본적으로 애니메이션에 확실히 나타날 영역에 대한 지침을 설정합니다. 모든 TV 화면의 크기가 같은 것은 아니기 때문에 특정 화면에는 표시되지 않을 수있는 잘림 영역이 있습니다. 이 가이드 라인을 설정하면 다른 화면에서 잘릴 수있는 방식으로 사진의 구도를 잡을 수 없습니다.

 

도면 크기 :

-이것은 애니메이션에 필요할 수있는 여분의 공백 크기를 나타냅니다. 세로 또는 가로 배경 이동 또는 문자의 매우 특정한 피벗 이동을 수행하는 경우 캔버스가 참조 프레임 선을 넘어 확장 될 수 있습니다. 예를 들어, 보행에 애니메이션을 적용하고 발만 표시하는 경우, 보행이 정확한 피벗 포인트를 갖도록 발을 참조 프레임의 경계에 유지하고 발을 기준 프레임의 경계에 유지하는 것이 가장 좋습니다. 지정된 크기 (예 : 기준 크기의 2 배 또는 3 배) 또는 특정 높이 및 너비 (필자의 경우 픽셀 측정)로 도면 크기를 설정할 수 있습니다.

 

애니메이션에 이러한 옵션 중 하나를 사용하지 않을 것이므로 선택하지 않은 상태로 두겠습니다.

빈 공간:

-참조 프레임 주위의 빈 공간을 나타냅니다.

 

이야기 정보 :

-여러 장면이 포함 된 전체 길이의 프로젝트에서 작업하는 경우 파일을 정리하여 정리하는 것이 좋습니다. 이 섹션에서는 '스토리'정보를 설정할 수 있으며, 처음부터 특정 저장 디렉토리와 이름 지정 규칙을 설정하여 파일 및 프로젝트 구성에 도움이 될 수 있습니다.

타임 라인 설정 :

-여기에서 타임 라인 설정을 지정할 수 있습니다.

-프레임 속도는 1 초당 프레임 재생 속도를 나타냅니다. 이 경우 24로 설정했기 때문에 프레임 속도는 초당 24 프레임이됩니다. 이 기능을 실험 해 볼 수도 있지만 일부 비디오 플랫폼에는 프레임 속도 사양이 있으므로 일반적으로 애니메이션을 업로드하려는 플랫폼을 참조해야합니다 (일반적으로 24fps는 대부분의 플랫폼에서 작동 함).

-재생 시간은 전체 타임 라인의 프레임 수를 나타냅니다. 지금 특정 길이를 염두에 두지 않으면 언제든지이 숫자를 변경할 수 있습니다.

 

드롭 다운 메뉴에는 프레임 번호를 설정하는 옵션이 있습니다. 이것은 시작 프레임을 "1"또는 "0"으로할지 여부를 나타냅니다. "두 번째 + 프레임"은 프레임이 아니라 프레임 및 두 번째 증분으로 재생을 설정합니다. "Time code"는 분과 초 단위로 재생을 설정합니다.

• "프레임 번호 (1부터 시작)"로 설정하겠습니다.

 

-장면과 샷은 대규모 프로젝트를 구성하는 수단입니다. 각각 여러 개로 작업하는 경우 장면 및 촬영에이 레이블을 사용하는 것이 좋습니다. "타임 라인 이름 자동 설정"을 확인한 후에 만 작동합니다.

-제 경우에는 필요하지 않으므로 둘 다 1로 남겨 두겠습니다.

 

-분할 선은 많은 프레임을 처리 할 때 유용합니다. 기본적으로 선택한 증분 사이에 프레임 아래에 선을 그립니다.

-필자의 경우 6으로 설정했기 때문에 6 프레임마다 타임 라인에 더 어두운 표시 줄이 있습니다.

 

-템플릿 옵션 아래에 사전 설정 템플릿을 사용하는 옵션도 있습니다.

 

내 복사를 원하는 경우 내 설정은 다음과 같습니다.

설정을 적절하게 설정 한 후 오른쪽 상단의 "확인"버튼을 눌러 애니메이션 파일을 만듭니다.

3. 타임 라인 / 툴 개요

타임 라인은 다음과 같습니다.

-빨간색 막대는 현재보고있는 프레임을 나타냅니다.

-파란색 플래그는 프레임 범위를 나타냅니다. 타임 라인을 24 프레임으로 설정했습니다. 재생할 프레임 수를 늘리려면 가장 오른쪽의 파란색 플래그를 드래그하여 재생 시간을 연장 할 수 있습니다. 드래그하여 재생 시간을 단축 할 수도 있습니다.

-가장 왼쪽에있는 타임 라인을 보여주는 드롭 다운이 있습니다. 그 아래에는 애니메이션 폴더가 있습니다.

-상단에는 타임 라인 도구의 막대가 있습니다.

 

타임 라인 도구 :

-왼쪽부터 시작하여 숫자 1/1/24는 현재 프레임 / 시작 프레임 / 종료 프레임을 나타냅니다.

-옆에있는 두 개의 타임 라인 버튼은 "타임 라인 편집"및 "새 타임 라인"입니다.

 

• "타임 라인 편집"버튼을 클릭하면 사이드 툴바의 "작업"도구 탭이 열립니다.

 

-오브젝트 (O) : 레이어에있는 오브젝트를 이동시킵니다

-레이어 선택 (D) : 프레임의 특정 객체에 대한 레이어를 선택합니다

-라이트 테이블 (L) : 캔버스를 움직입니다.

-타임 라인 편집 (L) : 프레임을 누른 상태에서 왼쪽 또는 오른쪽으로 드래그 할 때 프레임을 스크롤합니다.

 

효율성을 위해 단축키를 배우는 것이 좋습니다. 파일> 바로 가기 설정> 작업에서 핫키 설정을 변경할 수도 있습니다.

 

• "새 타임 라인"버튼을 클릭하면 새 타임 라인을 만들 수있는 대화 상자가 열립니다. 타임 라인 이름이 표시된 드롭 다운 메뉴를 선택하여 다른 타임 라인을 넘길 수 있습니다.

-타임 라인을 제거하려면 상단 메뉴 표시 줄> 애니메이션> 타임 라인> 타임 라인 관리로 이동하십시오. 대화 상자가 열리면 삭제할 타임 라인을 선택하고 "삭제"를 클릭하십시오.

-화살표는 재생 컨트롤입니다. 애니메이션의 시작 또는 마지막 프레임으로 이동하고, 각 프레임을 하나씩 통과하고, 애니메이션을 재생하고, 루프 재생을 토글 할 수도 있습니다.

-새 애니메이션 폴더 : 애니메이션 프레임을 담을 새 폴더를 만듭니다.

-새로운 애니메이션 셀 : 타임 라인에 새로운 '셀'을 만듭니다. 셀은 애니메이션 폴더 내에서 그릴 수있는 레이어입니다.

-셀 지정 : 타임 라인에서 선택한 영역에 이미 생성 된 셀을 할당합니다.

-지정된 셀 삭제 : 선택한 프레임을 삭제합니다.

-어니언 스킨 :보고있는 셀 전후에 셀을 볼 수 있습니다.

 

이제이 도구의 기본 사항을 알았으므로 이제 애니메이션을 시작할 차례입니다.

 

4. 애니메이션 과정

스토리 보드 :

이야기의 주요 부분을 차단하는 것으로 시작하십시오. 거칠고 만화 같은 스틸 프레임으로 애니메이션의 움직임과 진행에 대한 일반적인 아이디어를 제공합니다. 이 단계 동안 일반 타이밍도 설정합니다. 요점은 거칠고 빠르므로 브러시를 사용할 수 있습니다.

 

방법 1

방법 2

-하나의 셀에 일련의 작은 상자를 만들어 애니메이션을 빠르게 축소판으로 표시하거나 (방법 1) 타임 라인에서 각 스틸 프레임에 대해 별도의 셀을 만들어 (방법 2) 수행 할 수 있습니다. 이 두 기술 모두 잘 작동하므로 가장 적합한 것을 선택하십시오.

 

-방법 1을 사용하는 경우에도 여전히 타임 라인에서 조각을 정확하게 시간 지정하려면 별도의 셀을 만들어야합니다. 그러나 여러 장면을 관리 할 때 샷 프레이밍에서 일관성을 유지할 수 있다는 이점이 있지만, 이와 같은 소규모 애니메이션에서는 별도의 셀을 만드는 것으로 시작할 수 있습니다.

 

-프로젝트를 만들면 기본적으로 첫 번째 프레임에 대해 이미 레이어가 만들어집니다.

 

-애니메이션의 첫 번째 프레임을 비우려면 다른 프레임에 새 셀을 만듭니다.

-새로운 셀을 만들려면 타임 라인에서 프레임을 클릭하십시오. 프레임이 빨간색으로 강조 표시되어 선택되었음을 나타냅니다. 그런 다음 타임 라인에서 "새 애니메이션 셀"버튼을 누릅니다.

 

-레이어 탭 아래에 새로운 애니메이션 레이어가 생성됩니다. 3 번 프레임에서이 셀을 만들었더라도 선택한 프레임 번호의 이름을 따서 명명되지 않았습니다. 기본적으로이 레이어의 이름은 "2"입니다. 그러면 레이어 이름이 타임 라인에 나타납니다.

-레이어 이름을 바꾸려면 레이어 이름을 두 번 클릭하거나 레이어를 마우스 오른쪽 버튼으로 클릭하고 레이어 설정으로 이동 한 다음 "레이어 이름 변경"을 누르십시오.

-스토리 보드의 첫 번째 프레임을 그리기 시작합니다. 브러시, 연필 또는 펜 도구로 만든 각 셀 레이어에 직접 그릴 수 있습니다.

 

-스토리 보드를 이미 뽑았다면 그림을 각 셀에 붙여 넣기 만하면됩니다.

 

-붙여 넣기 기능을 사용할 때는 생성 한 셀 (레이어)에 직접 붙여 넣지 않습니다. 대신 회색으로 된 다른 레이어 (제 경우에는“1a”)가 만들어집니다.

-이것은 "1a"레이어가 프레임에 할당되지 않아 타임 라인에 나타나지 않음을 나타냅니다. 실제로 레이어“1a”가 레이어“2”대신에 있기를 원하므로이 문제를 해결하려면“2”라는 레이어를 선택하고 삭제 한 다음 레이어“1a”의 이름을“2”로 변경하십시오.

 

-타임 라인에서 새 레이어 "2"가 등록되고 캔버스에 표시됩니다.

-그런 다음 스토리 보드의 나머지 부분에서이 작업을 계속할 수 있습니다. 새 그림이있는 각 프레임에 대해 새 셀을 만들고 직접 그리거나 이미 만든 스토리 보드를 붙여 넣습니다.

-이제 모든 그림이 완성되었으므로 타임 라인 내에서 각 셀을 이동하여 스토리 보드의 일반적인 타이밍을 조정할 수 있습니다. 이를 위해 먼저 액세스 할 수있는 프레임 수를 확장합니다.

 

-타임 라인의 오른쪽에있는 파란색 깃발을 클릭하고 오른쪽으로 더 끕니다.

 

-이제 각 셀을 길게 누른 다음 원하는 프레임으로 드래그하여 동일한 방법으로 개별 셀을 조정할 수 있습니다. 등록하기가 쉽기 때문에 셀 이름을 숫자로 유지했지만 원하는대로 이름을 지정할 수 있습니다.

-프레임을 마우스 오른쪽 버튼으로 클릭하고 프레임을 반복하려는 경우 셀 번호를 지정할 수도 있습니다. 애니메이션이 끝나면 셀 "1"을 반복하고 싶습니다. 따라서 "1"이라는 셀을 마지막 프레임에 할당합니다.

-스토리 보드 단계에서는 스토리를 알려주는 주요 포즈 만 그려야합니다. 샷에 급격한 변화가있을 경우 몇 프레임 만 변경할 수 있습니다. 애니메이션이 얼마나 복잡한 지에 따라 움직임이 명확하도록 돌아가서 프레임 사이에 프레임을 더 추가해야 할 수도 있습니다. 프로덕션 환경에서는 스토리 보드를 매우 명확하게하여 장면을 애니메이션 처리하는 방법에 대해 혼란스러워하지 않은 애니메이터가 필요합니다. 그러나이 작업을 직접 수행하는 경우 어쨌든 거친 애니메이션을 수행하므로 상세하게 만들 수 있습니다.

 

-스토리 보드에 중간 프레임을 추가했습니다. 내 중간 프레임은 기본 프레임을 보완하는 추가 문자로 표시됩니다 (예 : "1a", "1b"등).

 

이것은 내 애니메이션의 마지막 스토리 보드입니다.

거친 / 레이아웃 애니메이션 :

-여기는 실제로 키를 추가하고 그 사이에 기본 키를 추가하는 부분입니다. 여기에서 애니메이션의 움직임을 더욱 다듬을 수 있으므로 여전히 거칠습니다.

 

-이 단계의 요점은 기본 원리와 움직임이 원하는 방식으로 흐르는 지 확인하는 것입니다. 스테이징 및 기타 오류가 너무 자세 해지기 전에 큰 실수를 잡는 것이 가장 좋습니다.

-기본적으로 프레임 사이에 더 많은 프레임을 추가하고 타이밍을 가장 정확하게 조정합니다. 이 단계 후에는 애니메이션을 크게 변경하지 않아야합니다.

 

이것이 내 타임 라인의 모습입니다.

 

그리고 여기 내 거친 애니메이션이 있습니다 :

벡터 / 정리 :

 

애니메이션을 정리하기 위해 벡터 라인을 만들 것입니다.

 

-Clip Studio Paint에서 애니메이션을 만들면 래스터 (일반적으로 비트 맵이라고도 함) 레이어가 자동으로 만들어집니다. 따라서이 레이어에 그리는 것은 래스터 형식으로 렌더링됩니다.

 

-래스터 이미지는 픽셀로 알려진 작은 정사각형 수를 사용하여 표시됩니다. 충분히 확대하면 그림을 구성하는 모든 작은 사각형을 볼 수 있습니다. 이 그리기 방법은 그림을 칠하거나 색상을 혼합하거나 사진을 편집 할 때 자주 사용됩니다.

반면에 벡터는 선과 다각형으로 이미지를 정의하는 수학 계산을 기반으로합니다. 벡터는 이미지의 크기를 늘리거나 줄일 때 선을 매끄럽게 유지하고 수정을 방지합니다. 경로를 따라 벡터가 만들어 지므로 선 경로를 따라 기준점을 이동하여 선을 쉽게 편집 할 수 있습니다.

 

-벡터 레이어 만들기를 시작하기 전에 먼저 해상도가 올바르게 설정되어 있는지 확인해야합니다. 150px 이상의 해상도로 캔버스를 만든 경우 문제가 없습니다. 그렇지 않은 경우 해상도를 변경해야합니다.

 

-편집> 이미지 해상도 변경으로 이동하십시오.

-“프레임이 삭제됩니다”라는 대화 상자가 나타납니다. 계속 하시겠습니까?”

-이것을 피하기 위해 처음부터 올바른 해상도와 프레임 설정을하는 것이 좋습니다.

-프레임을 삭제하면 캔버스 주위의 파란색 안내선이 제거되고 캔버스 속성 탭에서 효과 프레임과 드로잉 크기가 변경되지 않습니다.

-제 경우에는 이러한 옵션을 사용하지 않아도 문제가되지 않지만 처음부터 해상도를 올바르게 선택하는 것이 좋습니다.

 

-개인 설정으로 해상도를 600px로 설정했습니다. 150px 이상이면됩니다.

 

-해상도를 변경 했으므로 벡터 레이어를 만들 수 있습니다

-먼저 타임 라인에서 "New animation folder"버튼을 눌러 새 애니메이션 폴더를 만듭니다.

 

-그런 다음 레이어 옵션에서 생성 한 새 애니메이션 폴더 아래에 "새 벡터 레이어"를 추가하십시오.

-이제 거친 애니메이션을 조심스럽게 추적하고 '정리'할 수 있습니다. 문체를 결정하지 않는 한 색상을 쉽게 추가 할 수 있도록 선과의 간격을 모두 닫아야합니다.

 

-선명하고 깨끗한 선을 원하기 때문에 펜 도구를 사용할 것입니다.

 

-벡터 라인을 사용할 때 툴바에서 올바른 라인 도구 (키보드 단축키 : Y)를 사용하여 벡터 라인을 변경할 수 있습니다. 이렇게하면 선이 거친 도면에 깨끗하고 정확해야합니다.

그러면 다음과 같은 것이 있습니다.

색상 추가 :

 

-애니메이션에 색상을 추가하려면 타임 라인에서 다른 "새 애니메이션 폴더"를 만들어야합니다. 그런 다음 레이어 옵션에서 "새 래스터 레이어"를 추가하십시오.

-사이드 툴바에서 페인트 통 도구를 선택하고“다른 레이어 참조”를 클릭하십시오.

-벡터 레이어를 참조하면서 선을 채울 수 있습니다. 각 색상에 대해 새로운 애니메이션 레이어를 계속 만들거나 모든 색상을 한 레이어에 넣는 옵션이 있지만 내 경우에는 한 레이어에 모두 넣습니다.

 

-모든 프레임에 대해이 작업을 반복해야합니다.

 

-문체 적 이유로 인해 라인 작업에 차이가있는 경우 펜 도구와 같이 수동으로 채움으로써 색상을 추가해야합니다.

 

그런 다음 완성 된 애니메이션이 있습니다.

 

5. 내보내기 옵션

-여러 가지 방법으로 프로젝트를 내보낼 수 있습니다. 먼저 파일> 애니메이션 내보내기로 이동하십시오.

시퀀스 :

-이미지 시퀀스를 내보내려면 파일> 애니메이션 내보내기> 이미지 시퀀스…로 이동하십시오.

-이미지 시퀀스는 보유한 프레임 수에 해당하는 일련의 jpg / png / bmp / Targa / Tiff 파일로 내 보냅니다. 기본적으로 비디오 대신 프레임 당 하나의 이미지를 내 보냅니다.

 

-이미지 시퀀스에 투명도 (알파)를 적용하려면 종이 레이어 (또는 배경 레이어)를 끄고 png 시퀀스로 내보내십시오.

-컴 포지 팅 소프트웨어를 사용하기 전에 실제 비디오 파일만큼 무겁지 않기 때문에 시퀀스를 내보내는 사람들이 종종 있습니다.

 

GIF :

-GIF를 내보내려면 파일> 애니메이션 내보내기> 애니메이션 GIF로 이동하십시오.

-먼저 저장 위치를 선택하라는 메시지가 표시됩니다.

-gif로 내보낼 때는 내보내기 전에 너비 x 높이 비율과 프레임 속도를 수정해야합니다.

 

비디오:

-비디오 파일을 내보내려면 파일> 애니메이션 내보내기> 영화로 이동하십시오.

-gif 내보내기와 마찬가지로 먼저 저장 위치를 선택하라는 메시지가 표시됩니다.

-내보내기 설정에서 내보낼 크기 / 프레임 속도에 대한 설정이 올바르게 설정되어 있는지 확인하십시오.

 

6. 축하합니다

이제 CLIP STUDIO PAINT EX에서 애니메이션을 만드는 기본 사항을 알게되었습니다!