우선 어떠한 움직이는 일러스트를 만들 것인지 이미지를 생각하여 새 캔버스를 만들고 밑그림을 그려갑니다.

 

구상

어떤 움직이는 일러스트를 그릴 것인지 이미지를 생각합니다.

여기에서는 다음과 같은 4장의 일러스트를 움직여서 인물이 점프해서 움직이는 일러스트를 그려가겠습니다.

 

신규 캔버스 작성

CLIP STUDIO PAINT를 기동하여 움직이는 일러스트용의 캔버스를 새로 만듭니다.

 

1 먼저 새로운 캔버스를 만듭니다.

[파일]메뉴 → [신규]를 선택하여 [신규] 다이얼로그를 엽니다.

 

2 [신규] 다이얼로그를 설정합니다.

PRO/EX를 사용하는 경우 먼저 [작품 용도]에서 [일러스트]를 선택합니다.

 

①[단위]를 [px]로 설정합니다.

②[폭] "595", [높이] "842"로 입력하고 [해상도]를 [72]로 합니다.

③[움직이는 일러스트를 만들기]를 ON으로 합니다.

④[셀 매수]에서 "4"라고 입력하고 [프레임 레이트]에서 [8fps]를 선택합니다.

 

【POINT】

· DEBUT/PRO를 사용하는 경우 [셀 매수]는 최대 24장까지 설정할 수 있습니다. 그 이상은 설정할 수 없습니다.

· WEB 서비스에 따라 공개할 수 있는 화상의 크기와 파일 크기에 제한이 있습니다. 사전에 [폭]과 [높이] 등을 조사해 두는 것을 추천합니다.

· WEB에 공개하는 일러스트는 "px(픽셀)"로 지정하는 것이 일반적입니다.

· SNS 등의 각종 WEB 서비스에 움직이는 일러스트를 공개하는 경우 해상도를 72dpi~144dpi로 설정하는 것을 추천합니다.

 

타임라인 팔레트를 표시하기

[타임라인]팔레트란 그림을 움직이기 위한 화면입니다. [창]메뉴 → [타임라인]을 선택하면 [타임라인]팔레트가 표시됩니다.

 

화면 확인하기

이제 움직이는 일러스트를 만들기 위한 준비가 되었습니다. 화면이 다음과 같이 되어 있는지 확인합니다.

· [레이어]팔레트에 애니메이션 폴더가 작성되어 [신규] 다이얼로그의 [셀 매수]로 지정된 수만큼 셀(레이어)이 작성되어 있는가?

· [타임라인]팔레트에 애니메이션 폴더 안의 셀이 지정되어 있는가?

 

【POINT】

· "애니메이션 폴더"란 애니메이션의 셀을 관리하는 폴더입니다. 애니메이션 폴더에 들어간 레이어는 애니메이션에 움직임을 넣는 "셀"로 다루어집니다.

· [타임라인]팔레트에 셀을 지정하면 애니메이션을 움직일 수 있습니다.

 

【POINT】태블릿 버전 및 스마트폰 버전 특유의 조작

태블릿/스마트폰 버전에서는 일부 조작이 다를 수 있습니다. 태블릿/스마트폰 버전 특유의 조작 내용은 다음 강좌를 참조하십시오.

 

태블릿 버전

· 화면 구성에 대해

· 수식 키를 편리하게 사용하는 방법

· 그리기 도구를 사용하는 방법

· [레이어] 팔레트를 표시하는 방법

 

스마트폰 버전

· 화면 구성에 대해

· [레이어] 팔레트 조작 방법

 

밑그림 그리기

셀마다 밑그림을 그려갑니다.

 

<첫 번째 셀을 그리기>

첫 번째 셀에 밑그림을 그립니다.

 

1 [레이어]팔레트에서 셀 "1"을 선택합니다.

 

 

2 [연필]도구와 [지우개]도구를 사용하여 밑그림을 그립니다.

 

【POINT】

밑그림 그리기에 대한 자세한 내용은『CLIP STUDIO PAINT에서 일러스트를 그려 보자 기본편』→『러프/밑그림』을 참조하세요.

 

밑그림이 완성되었습니다.

 

<2장째 이후의 셀을 그리기>

2장째 이후의 셀도 마찬가지로 밑그림을 그려갑니다.

 

1 [레이어]팔레트에서 그리고자 하는 셀을 선택합니다.

여기에서는 셀 "2"를 선택합니다.

 

【POINT】

· 애니메이션 폴더 안의 셀은 선택한 셀만 표시됩니다. 같은 폴더 안의 다른 셀은 표시되지 않습니다.

 

2 [타임라인]팔레트의 [어니언 스킨 유효화]를 클릭합니다.

 

셀 "1"로 그린 일러스트가 캔버스에 표시됩니다. 이를 "어니언 스킨"이라고 합니다.

 

【POINT】

어니언 스킨이란 선택한 셀 전후의 셀을 표시하고 확인하는 기능입니다. 어니언 스킨의 표시색과 표시매수를 변경하는 방법에 대해서는『Tips: 어니언 스킨』을 참조하세요.

 

3 어니언 스킨을 참고하여 셀에 밑그림을 그립니다.

 

4 밑그림이 끝나면 [레이어 이동]도구를 선택하여 캔버스를 드래그합니다.

이전 셀에 겹치도록 그렸습니다만 앞으로 나아가는 것처럼 보이기 위해 셀 "2" 레이어를 선택하고 왼쪽으로 드래그합니다.

 

5 나머지 셀도 마찬가지로 밑그림을 그립니다.

모든 셀에 밑그림을 그리면 밑그림 작업은 끝납니다.

 

6 [타임라인]팔레트의 [어니언 스킨 유효화]를 클릭합니다.

어니언 스킨이 비표시가 됩니다.

 

<Tips: 어니언 스킨>

어니언 스킨이란 선택한 셀 전후의 셀을 표시하여 확인하기 위한 기능입니다. [타임라인]팔레트의 [어니언 스킨 유효화]를 클릭하면 표시/비표시를 전환할 수 있습니다. 어니언 스킨을 표시하면 이미 그려져 있는 셀을 참조하여 그릴 수 있습니다.

 

어니언 스킨의 표시색과 표시매수는 [애니메이션]메뉴 → [애니메이션 셀 표시] → [어니언 스킨 설정]을 선택하면 표시되는 [어니언 스킨 설정] 다이얼로그에서 설정할 수 있습니다.

 

움직임을 확인하기

[타임라인 편집]도구를 사용하여 밑그림을 그려둔 셀의 움직임을 확인합니다.

 

1 [도구]팔레트에서 [조작]도구 → [타임라인 편집]을 선택합니다.

 

2 캔버스에 클릭합니다.

캔버스의 표시가 다음 셀로 전환됩니다. 클릭할 때마다 나타나는 셀이 바뀝니다.

마지막 셀까지 표시하면 표시 전환이 종료됩니다. [레이어]팔레트에서 첫 번째 셀을 선택하면 다시 셀을 전환할 수 있습니다.

 

【POINT】

[타임라인 편집]도구를 사용할 때 키보드의 [→]키와 [←]키를 눌러도 셀의 표시를 전환할 수 있습니다.