안녕하세요! '클립 스튜디오 페인트에서 일러스트를 2D 애니메이션으로 변환하기'라는 이 팁에서 클립 스튜디오 페인트에서 일러스트를 쉽고 단계별로 애니메이션하는 방법을 배울 수 있습니다.

 

PRO 또는 EX 버전을 가지고 있든 상관없이, 이 튜토리얼은 단 24프레임만으로 애니메이션을 만들 것이므로 여러분을 위한 것입니다.

우리가 할 일:

이 일러스트레이션으로 시작하겠습니다

이것을 이 애니메이션으로 변환하기 위해

보시다시피, 특히 2D 애니메이션의 세계를 시작하고 싶다면 쉽게 할 수 있습니다. 이것은 좋은 시작이 될 수 있습니다 :)

 

그러니 다음을 시청하시길 바랍니다:

클립 스튜디오 페인트에서 2D 애니메이션으로 만든 일러스트레이션 (튜토리얼)

자신의 언어로 자막을 활성화하는 것을 잊지 마세요, 분명 찾을 수 있을 거예요 :)

비디오는 어떠셨나요?

보셨듯이 일러스트레이션을 애니메이션으로 변환하는 것은 매우 간단했습니다. 이것은 단지 예시였지만, 여러분은 더 많은 것을 추가할 수 있습니다.

튜토리얼 단계별 안내

이제 이미지를 통해 단계별 과정을 살펴보겠습니다.

1. 프로젝트 복제

원본 일러스트레이션 파일을 복제할 것입니다. 이를 위해 파일(Archivo) -> 복제 저장(Guardar Duplicado)으로 이동합니다. 그리고 .clip (CLIP STUDIO FORMAT file)을 선택합니다…

이름을 변경하고 저장합니다.

2. 타임라인

파일(Archivo) - 열기(Abrir)에서 복제된 애니메이션 프로젝트를 엽니다.

창(Ventana) -> 타임라인(Línea de Tiempo)으로 이동합니다.

그리고 새 타임라인을 만들겠습니다.

다음과 같은 특징을 가집니다:

- 프레임 레이트: 8

- 재생 시간: 24

 

이렇게 하면 Clip Studio PAINT PRO 및 EX 사용자 모두 단계별 과정을 따라할 수 있습니다 :)

3. 눈 애니메이션

빛과 그림자, 반사, 배경 레이어를 비활성화합니다.

장면 레이어를 선택하고 레이어 색상 변경(Cambiar color de capa)을 활성화합니다.

일러스트레이션 위에 그릴 수 있도록 합니다.

타임라인에서 새 애니메이션 폴더를 만듭니다.

새 애니메이션 폴더 안에 새 레이어 폴더를 만듭니다.

그리고 레이어 폴더 안에 다음 레이어를 만듭니다:

• ColorLine(래스터 레이어)

• Línea(벡터 레이어)

• Lights(래스터 레이어)

• Shading(래스터 레이어)

• Color(래스터 레이어)

이제 타임라인에서 셀을 프레임에 지정(Asignar cel a fotograma)을 활성화합니다.

그리고 그림 1을 선택하고 확인(Ok)을 클릭합니다.

그리기를 위해 펜 도구를 선택합니다.

보조 도구(Subherramienta)에서 G펜(Pluma G Real) 또는 원하는 다른 것을 선택합니다.

그리고 눈이 열린 상태만 그립니다.

9프레임으로 이동하여 새 애니메이션 셀을 만듭니다.

이전 그림을 보기 위해 어니언 스킨을 활성화합니다.

그리고 눈이 감긴 상태를 그립니다.

이제 12프레임으로 이동하여 새 애니메이션 셀을 만듭니다.

그리고 13프레임에서 셀을 프레임에 지정(Asignar cel a fotograma)을 활성화합니다.

그림 1을 선택합니다.

12프레임으로 돌아가서 눈이 거의 열린 상태를 그립니다.

9프레임의 그림을 10프레임으로 이동합니다.

애니메이션의 눈썹을 움직이는 것도 중요합니다. 이것은 조작(Operación) 도구를 사용하여 선을 잡고 움직여서 합니다.

눈 라인을 벡터 레이어에 그리는 것이 중요합니다. 그래야 선들을 독립적으로 움직일 수 있습니다.

이렇게 하면 다음 애니메이션을 얻을 수 있습니다:

4. 하위 뷰

이제 창(Ventana) -> 하위 뷰(Subvista)로 이동합니다.

이 새 패널에서 스포이드(cuentagotas)를 활성화합니다.

그리고 폴더 아이콘에서 초기 프로젝트, 즉 원본 일러스트레이션을 선택합니다.

그리고 하위 뷰(Subvista) 패널에서 우리의 일러스트레이션을 볼 수 있습니다. 이것은 다음에 할 일에 매우 유용할 것입니다.

5. 눈 애니메이션 색상

레이어 패널로 돌아가서 색상(Color) 및 그림자(Sombra) 레이어를 선택합니다. 이 레이어에 눈 애니메이션을 칠할 것이기 때문입니다.

하위 뷰(Subvista) 패널을 활성화하고 원본 일러스트레이션에서 색상을 선택하여 애니메이션 눈을 칠할 것입니다.

펜 도구로 눈 애니메이션을 칠할 수 있습니다.

이것을 각 그림마다 수행하여 다음 결과를 얻습니다.

고정된 그림의 눈 선을 삭제하는 것을 잊지 마세요. 또한 오류가 없도록 일부 영역을 칠해야 합니다.

 

이렇게 하면 눈 애니메이션을 다시 보이게 할 때 문제없이 보일 것입니다.

다음에서 볼 수 있듯이:

6. 배경 애니메이션

이제 애니메이션할 배경 레이어를 활성화합니다.

조작(Operación) 도구로 배경을 선택하면 수평으로 무한한 배경임을 확인할 수 있습니다. 이것은 이 애니메이션에 완벽합니다.

이 배경은 Clip Studio PAINT에 기본으로 제공되므로 문제없이 사용할 수 있습니다 :)

배경을 애니메이션하려면 배경이 있는 폴더를 선택하고 타임라인에서 '이 레이어에 키프레임 활성화'(Activar Keyframes en esta capa)를 활성화합니다.

1프레임에서 '키프레임 추가'(Agregar Keyframe) 옵션을 활성화합니다.

그리고 24프레임에서 배경을 오른쪽으로 이동합니다. 이것은 조작(Operación) 도구로 해야 합니다.

 

여기서는 배경이 1프레임과 같은 위치에 있도록 해야 합니다.

 

제가 사용하는 한 가지 기술은 배경 애니메이션을 25프레임까지 확장하여 마지막 키프레임을 이 새 프레임으로 이동시켜 완벽한 애니메이션 루프를 만드는 것입니다 :)

다음 결과를 얻을 수 있습니다:

7. 전화기 반사 애니메이션

레이어 패널로 이동하여 배경 레이어를 선택하고 마우스 오른쪽 버튼으로 '레이어 복제'(Duplicar capa)를 활성화합니다.

이 복제된 레이어를 소녀 장면 아래에 배치하고 이름을 변경합니다. 그리고 새 레이어를 만들고 복제된 배경 애니메이션을 이 새 레이어 폴더 안에 넣습니다.

소녀 그림과 요소가 있는 장면 폴더 안에서 전화기 화면을 비활성화하여 비워둡니다.

복제된 배경 애니메이션이 있는 폴더를 선택하고 타임라인에서 '이 레이어에 키프레임 활성화'(Activar Keyframes en esta capa)를 활성화합니다.

그리고 이 배경을 아래로 이동하여 구름이 전화기 반사에 보이도록 합니다. 항상 조작(Operación) 도구로 레이어를 이동해야 한다는 것을 기억하세요.

반사가 더 사실적으로 보이도록 이 폴더의 불투명도를 낮춥니다.

이제 복제된 애니메이션 배경 위에 새 레이어 폴더를 만들고, 이 새 폴더 안에 애니메이션을 넣고 이름을 '마스크'(Máscara)로 지정합니다.

이제 자동 선택(Auto selección) 도구로 전화기 화면 영역을 선택합니다.

그리고 레이어 패널에서 '마스크'(Máscara)라는 새 레이어 폴더를 선택하고 '레이어 마스크 만들기'(Crear máscara de capa)를 활성화합니다.

이렇게 하면 새로 복제된 애니메이션 배경이 전화기 반사에서만 보이게 됩니다.

8. 빛 애니메이션

프로젝트의 모든 레이어를 보이게 하여 장면의 빛에 집중합니다. 이를 위해 빛과 그림자가 있는 레이어를 선택합니다.

빛 레이어를 선택하고 폴더 밖으로 빼냅니다. 빛을 별도로 처리할 것이기 때문입니다.

타임라인에서 새 애니메이션 폴더를 만듭니다.

애니메이션 폴더의 이름을 '빛'(Luces)으로 변경하고, 빛 레이어를 이 애니메이션 폴더 안에 넣습니다. 이 모든 작업은 레이어 패널에서 합니다.

타임라인으로 이동하여 셀을 프레임에 지정(Asignar cel a fotograma)을 활성화하고, 빛 레이어를 선택합니다.

레이어 패널에서 빛 레이어를 선택합니다.

'이 레이어에 키프레임 활성화'(Activar Keyframes en esta capa)를 활성화합니다.

타임라인에서 제가 한 번도 가르쳐 본 적 없는 도구를 소개할 예정입니다. 지금이 좋은 기회입니다. 바로 그래프 편집기(Graph Editor)입니다.

타임라인이 변경되고 불투명도(Opacidad)를 선택합니다.

1프레임에서 키프레임을 추가합니다.

24프레임에서도 같은 작업을 합니다.

그리고 마지막으로 12프레임에서 합니다.

그리고 12프레임의 키프레임을 약간만 내리면 장면에서 빛이 덜 보이는 경향을 볼 수 있습니다. 이것은 빛의 미묘한 애니메이션이겠지만, 우리 애니메이션에 더 많은 사실감을 더하는 데 도움이 될 것입니다.

다음 결과를 얻을 수 있습니다:

9. 세부 사항

장면 폴더로 이동하여 선 레이어를 선택하고 전화기 화면의 시간과 요소를 삭제할 것입니다.

 

왜 이렇게 할까요? 애니메이션이 루프될 것이고 일러스트레이션이 항상 같은 시간을 표시한다면 애니메이션이 시간이 흐르고 있다는 것을 보여주지 못할 것이기 때문입니다.

선택 영역(Área de selección) 도구로 요소를 선택하고 삭제합니다.

10. 애니메이션 내보내기

파일(Archivo) -> 애니메이션 내보내기(Exportar Animación) -> 동영상(Película)으로 이동합니다.

동영상 또는 애니메이션 .gif로 내보낼 수 있습니다.

이름을 변경할 수 있습니다.

크기

그리고 애니메이션이 내보내질 때까지 기다립니다.

11. 최종 애니메이션

이것이 이 팁에서 만든 애니메이션입니다. 우리는 일러스트레이션에서 애니메이션으로 전환했습니다. 여러분의 일러스트레이션으로 이것을 시도해 보세요. 애니메이션의 세계가 얼마나 매력적인지 알게 될 것입니다!

다음 팁에서 만나요!