CLIP STUDIO PAINT Ver.2.2.0 대응

 

한 장의 일러스트를 SNS에서 눈길을 끄는 '움직이는 일러스트'로 바꿔 봅시다!

일러스트의 일부, 예를 들어 입, 머리카락, 손이나 배경을 움직여 작품을 더 생생하게 보일 수 있습니다.

 

본 강좌에서는 애니메이션을 만든 적이 없는 사람이라도 쉽게 따라할 수 있는 기본적인 기법으로 캐릭터의 눈을 깜박이게 하는 방법을 소개합니다.

 

※ 움직임을 주는 방법에 대한 자세한 내용은 다음 TIPS를 참조하세요.

 

일러스트의 일부를 움직여 간단한 애니메이션을 만듭니다.

 

여기에서는 간단한 눈과 눈썹을 움직이는 깜박임을 만드는 방법을 소개합니다.

 

[1] 눈 깜박임

1. 파츠 나누기

일러스트에서 움직이려는 파츠를 잘라내 움직이지 않는 파츠와는 별도로 애니메이션 폴더에 넣습니다.

 

작업을 시작하기 전에 원본 일러스트 작품을 복제하여 저장해 둡시다.

[파일] 메뉴 → [복제 저장] → [.clip]으로 파일을 저장해 둡니다.

 

① 캐릭터 레이어를 결합합니다.

캐릭터 일러스트를 레이어 1장으로 결합하고 움직이는 파츠만 애니메이션 폴더에 저장합니다.

 

【POINT】

작례에서는 레이어를 1장으로 결합했는데, 애니메이션 폴더 안에 "선화" "칠하기" 등 여러 레이어를 레이어 폴더에 정리하면 셀 1장으로 셀 지정할 수 있습니다.

자세한 방법은 다음 TIPS를 참조하세요.

 

② [선택] 도구 → [선택 펜] 보조 도구를 선택하고 "눈과 눈썹"이 그려진 부분의 선택 범위를 만듭니다.

 

피부 색칠 부분이라면 다소 벗어나 선택해도 괜찮습니다.

 

【POINT】

"눈과 눈썹"이 다른 선화와 겹쳐 있지 않으면 [꺾은선 선택] 보조 도구 등을 사용해도 좋지만, 눈썹 끝이 윤곽에 겹쳐 있어서 더욱 섬세하게 선택 범위를 만들 수 있는 [선택 펜] 보조 도구를 선택했습니다.

 

③ 선택 범위를 만든 후 복사 및 붙여넣기 합니다. [레이어] 팔레트에 "눈과 눈썹" 레이어가 생성됩니다.

 

④ [애니메이션] 메뉴 → [애니메이션용 신규 레이어] → [애니메이션 폴더]를 선택하고 애니메이션 폴더("b")를 만듭니다. 여기에 "눈과 눈썹" 레이어를 넣습니다.

"눈과 눈썹" 레이어명을 "1"로 합니다.

 

【POINT】

[레이어] 팔레트에 [애니메이션] → [애니메이션용 신규 레이어] → [애니메이션 폴더]에서 애니메이션 폴더를 만들면, [타임라인] 팔레트에도 애니메이션 폴더가 표시됩니다.

※ 타임라인 위에 셀이 지정되어 있지 않으면, 셀의 내용은 편집할 수 없습니다. 셀에 그릴 수 없을 때는 타임라인을 확인합시다.

※ [타임라인] 팔레트에 아무것도 표시되지 않으면 [신규 타임라인]에서 타임라인을 작성해야 합니다. 설정 항목에 대한 자세한 내용은 다음을 참조하세요.

 

⑤ 원본 일러스트는 [펜] 도구로 "눈과 눈썹" 부분을 피부색으로 채웁니다.

 

이제 움직이는 "눈과 눈썹"의 파츠와 그외의 움직이지 않는 파츠로 폴더가 나뉘어졌습니다. 각각의 이름은 움직이지 않는 레이어가 "a", 움직이려는 "눈과 눈썹"의 애니메이션 폴더가 "b"로 되어 있습니다.

 

2. 감은 눈 그리기

레이어 2장을 추가하여 눈이 깜박이는 애니메이션을 만듭니다. 다음 세 개의 레이어(셀)를 움직입니다.

 

· 뜬 눈(현재의 눈과 눈썹) 셀

· 동화 셀

· 감은 눈 셀

 

여기에서는 감은 눈의 셀을 만들고 그립니다.

 

① [타임라인] 팔레트의 세 번째 프레임을 선택합니다. [레이어] 팔레트에서 [신규 래스터 레이어]를 클릭합니다. [타임라인] 팔레트에 셀이 지정됩니다.

【POINT】

[레이어] 팔레트에서 셀을 지정할 수 없는 경우 [환경 설정] 다이얼로그의 [애니메이션]에서 [레이어 추가 시 셀 지정 추가]를 ON으로 합니다.

 

② [애니메이션] 메뉴 → [애니메이션 셀 표시] → [어니언 스킨 유효화]를 선택하고 어니언 스킨을 표시합니다. '1' 레이어의 뜬 눈을 확인하면서 '2' 레이어에 감은 눈을 만듭니다. 눈꺼풀이 내려오는 움직임을 연상하면서 감은 눈의 폭과 입체감에 주의해서 그리는 것이 포인트입니다.

열린 눈의 아래 쪽에 그립니다. 만일 이것이 위에 있으면, 눈꺼풀이 내려오는 움직임처럼 보이지 않게 됩니다.

 

③ 눈썹은 위치를 약간 내린 것 외에는 대부분 '1' 레이어의 눈썹과 같습니다.

 

3. 동화로 하기

① [타임라인] 팔레트에서 '1'과 '2' 사이의 프레임을 선택하고 [레이어] 팔레트에서 [신규 래스터 레이어]를 클릭합니다. [타임라인] 팔레트에 '1a' 셀이 지정됩니다.

 

② [애니메이션] 메뉴 → [트랙 편집] → [타임라인 순번으로 정규화]를 선택합니다. 셀과 레이어의 이름이 타임라인의 표시 순서에 따라 1, 2, 3으로 변경됩니다.

 

③ 열린 눈과 감은 눈의 동화를 "2" 레이어에 그립니다. 어니언 스킨을 표시하고, "1"과 "3"의 이미지를 확인하면서 그 사이의 동화를 그립니다.

 

④ "1"과 "3"의 눈시울과 눈초리를 운동 곡선으로 연결합니다. 움직임에 리듬감을 느낄 수 있도록 동화의 가늠선은 약간 위쪽에 잡습니다. 슬로우 인/아웃의 요령으로 움직임의 폭에 차이를 두면 사실적인 움직임에 가까워집니다.

 

【POINT】

<운동 곡선>

운동 곡선은 움직임 궤도를 나타내는 선을 말합니다. 원화에서 움직임을 입체적으로 도출하여 포인트를 정하는 선을 잇습니다.

 

<슬로우 인/아웃>

물체가 정지할 때 점점 속도가 줄어드는 것을 슬로우 인, 그 반대로 물체가 움직이기 시작할 때 서서히 가속해 가는 것을 슬로우 아웃이라고 합니다. 애니메이션에서 천천히 움직이게 하려면 그림과 그림 사이의 거리를 짧게 하고 빨리 움직이게 하려면 거리를 길게 합니다.

 

 

 

⑤ 가늠선에 따라 동화의 속눈썹을 그립니다. 안구 위에 눈꺼풀이 겹쳐 있는 것을 의식해서 신중하게 그려갑니다.

 

⑥ 동화의 눈동자는 내려오는 눈꺼풀에 이끌리듯 조금 낮추어 그립니다.

 

4. 움직임 확인

① [타임라인] 팔레트의 임의의 프레임을 오른쪽 클릭하여 메뉴를 표시하고 타임라인에 셀을 지정해 갑니다.

 

② "눈과 눈썹"의 "b" 폴더의 셀 지정은 "1" → "3" → "2" → "1"로 했습니다.

 

우선 "1(열린 눈)" → "3(감은 눈)"으로 한 것은 그 사이에 동화를 넣지 않음으로써 한순간에 깜박하고 눈을 감는 움직임으로 하고 싶었기 때문입니다.

 

눈을 뜰 때는 "3(감은 눈)" → "2(동화)" → "1(열린 눈)"로 합니다. 눈을 감을 때보다 뜰 때가 동화의 분량만큼 느려집니다.

 

③ [타임라인] 팔레트에서 [재생/정지]를 클릭해서 움직임을 확인합니다.

 

④ 마찬가지로 다른 애니메이션 폴더에서 수증기에도 움직임을 넣어 각 셀에 색칠하면 완성입니다.

 

완성된 움직이는 일러스트는 GIF 애니메이션으로 내보내 Twitter 등의 SNS에 게시할 수 있습니다.

[파일] 메뉴 → [애니메이션 내보내기] → [애니메이션 GIF]를 선택하면 GIF 애니메이션으로 내보낼 수 있습니다.

 

[2] 튀어오르는 공

"눈 깜박임"과 함께 애니메이션의 기본으로 많이 다루어지는 "튀어오르는 공" 애니메이션 만드는 법도 소개합니다.

 

처음 1장부터 순서대로 셀을 그려가는 방법을 "스트레이트 어헤드 액션"이라고 합니다. 원화 제작이 불필요한 단순한 작화라면 이 방법으로 애니메이션을 만들 수 있습니다. 스트레이트 어헤드 액션으로 단순한 도형이 움직이는 일러스트를 만들면 "움직임 그리기" 연습이 되므로 해 보면 좋을 것입니다.

 

① 첫 번째 레이어에 처음 셀을 그립니다. 순서대로 셀에 공을 그려 갑니다.

 

② 두 번째 셀을 그립니다. [애니메이션] 메뉴 → [애니메이션 셀 표시] → [어니언 스킨 유효화]로 바로 전 셀을 표시해 두면 그리기 쉽습니다.

공은 이렇게 움직이는 것으로 가정합니다.

 

③ 이어서 세 번째, 네 번째......의 순서대로 그려 갑니다.

 

④ 마지막으로 이와 같은 궤도의 공을 그린, 움직이는 일러스트가 완성되었습니다.

포물선 위쪽은 움직임이 느리고 점점 가속해서 튀어올라 다시 서서히 감속해 가는 모습이 슬로우 인/아웃 요령으로 그려져 있습니다. 또한 지면에 부딪힌 공을 약간 찌부러지게 그린 것도 핵심입니다.

 

이와 같이 움직이는 일러스트는 단시간에 제작할 수 있습니다. 소프트웨어의 사용법을 배우는 데 도움이 되므로 꼭 연습해 보시기 바랍니다.