동영상:

안녕하세요! 저는 Iarlis이고 오늘은 움직임이 있는 일러스트레이션을 만드는 방법에 대한 튜토리얼을 가져왔습니다.

 

이 튜토리얼은 초보자를 위한 튜토리얼로, 애니메이션 컨셉으로 시작하여 일러스트레이션에 생명을 불어넣을 수 있도록 합니다!

우리가 할 일은 이러한 커미션 예시와 비슷한 것입니다 <3

예시:

1단계: 스케치 + 타임라인 설명

스케치에서 일러스트레이션에서 만들 움직임을 표시하는 것이 중요합니다. 물론 어떤 사람들은 바로 하지만, 간단한 애니메이션을 만들 때는 중요한 지점을 표시해야 합니다.

예: 눈 움직임, 머리카락, 옷 등!

팁:

처음으로 애니메이션을 만드는 경우 간단한 움직임을 만드는 것이 좋습니다: 깜빡임, 머리카락, 풍경. 때로는 적을수록 좋습니다.

타임라인

타임라인을 만들어 봅시다. "창" -> 타임라인으로 가세요.

기본값으로 두겠습니다.

1: 애니메이션 폴더입니다. 다양한 레이어를 넣어 정리할 수 있는 폴더입니다. 일반 폴더와 같지만 애니메이션 전용 폴더입니다.

 

일반 폴더를 넣는 건 어떨까요? 일반 폴더는 전체 타임라인에 등록됩니다. 즉, 줄이거나 늘릴 수 없습니다.

 

2: 양파 껍질 레이어입니다. 대부분 들어보셨을 겁니다. 이전 및 이후 그림을 보고 프레임 사이를 안내하는 데 사용됩니다.

 

3: 잘 알려진 애니메이션 셀입니다. 애니메이션 폴더 내부에 레이어로 나타나며 이를 통해 시퀀스를 만들 수 있습니다.

애니메이션 스케치 + 애니메이션 컨셉트

이제 타임라인에 대해 조금 이해했으니 스케치를 분류하는 단계로 넘어가겠습니다. 애니메이션을 스케치해 보겠습니다.

 

애니메이션의 기본 개념은 함께 있는 프레임이 많을수록(그림이 많을수록) 움직임이 느려진다는 것입니다. 그리고 그림이 멀리 떨어져 있을수록 움직임이 빨라집니다.

 

움직임이 있는 더 복잡한 애니메이션을 만들고 싶다면 잘 알려진 키 포즈를 하는 것이 좋습니다. 하지만 이 튜토리얼에서는 간단한 애니메이션에만 집중하겠습니다.

 

대학에서 한 애니메이션 연습 예제 <3

복잡한 애니메이션에 관심이 있다면 이 공식 Clip Studio 팁에서 더 자세히 설명합니다

1) 일반 폴더는 정리에 사용할 수 있습니다(제 경우처럼).

2) 애니메이션 폴더는 애니메이션을 만들 때 필수입니다. 타임라인을 옮길 수 있기 때문입니다.

 

애니메이션 스케치로는 깜빡임, 커피 연기, 휴대전화, 눈동자만 만들 것입니다.

나머지는 After Effects에서 애니메이션을 적용합니다.

2단계: 선화와 색상

선화와 색상 단계는 일러스트레이션에서 하는 것과 같습니다. 일반 일러스트레이션에서는 일반 폴더를 사용하고 애니메이션 선화에서는 위에서 설명한 애니메이션 폴더를 사용합니다.

 

애니메이션의 색상을 안내하려면 여러 애니메이션 폴더를 사용하세요. 모든 전체 색상을 단일 레이어에 적용하지 마세요. 그렇지 않으면 다음 프레임으로 넘어갈 때 어려울 수 있습니다. 선화, 기본 색상, 그림자, 밝기로 구분하세요.

애니메이션 폴더를 너무 많이 볼 때 모든 것이 지저분해 보이지 않도록 일반 폴더로 정리하세요.

머리카락: 가닥 준비

머리카락은 스트랜드를 분리할 겁니다. 정적 BASE와 분리된 스트랜드입니다. 머리카락 부분에서는 애니메이션 폴더가 필요 없습니다(클립 스튜디오에서 하려고 했지만 나중에 보여드리기 위해 하기로 했습니다. 그래서 애니메이션 폴더가 있는 거예요)

머리카락이 없으면 이상해 보이네요. 하하. 기본 머리카락은 움직이지 않을 겁니다.

그러니까! 모든 걸 준비한 다음에 나중에 넣어야 합니다. 평소처럼 머리카락을 만들겠지만 스트랜드를 분리해서 준비합니다.

지금은 앞머리가 될 PART A와 PART B로 가닥을 나누고 가닥을 세분화하고 있습니다.

이렇게 하면 PNG로 내보내고 나중에 추가할 때 더 나은 순서를 갖는 데 도움이 됩니다.

3단계: After에 추가하기 위해 내보내기

이렇게 내보내겠습니다. 애니메이션은 내보내지만 나중에 After Effects에서 애니메이션을 적용해야 하는 폴더는 숨길 것입니다. 제 경우에는 자물쇠와 로고, 심볼과 같은 다른 것들이 될 것입니다.

 

 

애니메이션 내보내기:

우리는 나중에 After Effect에서 가져오기 위해 남겨둔 폴더를 숨길 것입니다. 우리가 수정하지 않을 애니메이션과 CLIP Studio에서 만든 애니메이션은 무비로 내보내질 것입니다.

다른 곳에서 애니메이션을 적용할 폴더는 항상 색상을 지정하는 것이 좋습니다. 이 경우, After Effect에서 애니메이션을 적용할 폴더는 보라색입니다.

후유증이 생기기 전은 이렇습니다.

PNG 내보내기 :

처음에 만든 연기 기억나? 나중에 추가할 애니메이션인데 어떻게 내보내나요? 이미지 시퀀스로 내보내겠습니다.

따라서 다음 단계를 따르세요.

파일 -> 애니메이션 내보내기 -> 이미지 시퀀스

스트랜드의 경우, 우리는 순서를 존중할 것입니다. 모든 것을 전부 내보내지 말고, 각 스트랜드를 해당 이름과 함께 내보내세요. 지루하지만 우리가 가져올 때 도움이 될 것입니다.

애프터 이펙트

파일 가져오기

추천: 더 잘 이해하려면 비디오를 시청하세요. 여기서 설명하려고 노력하겠습니다.

 

머리카락은 말하자면 "고정"해야 합니다.

이렇게 하면 머리카락이 움직이지만 아무데나 움직이는 것이 아니라 제자리에 있습니다.

좋아요, 회전이 있습니다. 간단하게 유지하겠습니다. 하하.

프레임(회전 옆에 있는 것)을 활성화하고 타임라인을 따라 이동하면서 숫자를 변경하겠습니다. 제 경우에는 7을 입력하겠습니다. 그리고 마지막에 0을 다시 입력하여 루프를 만듭니다.

애니메이션을 내보내려면 다음으로 가야 합니다.

파일->내보내기->Adobe 인코더 대기열 또는 처리 대기열에 추가.

png 형식으로 이미지 시퀀스 또는 h.264로 내보낼 수 있습니다.

제 경우에는 두 가지 방법 모두 사용합니다. 특정 세부 사항을 개선하고 Photoshop에서 항목을 추가하고 싶기 때문입니다 <3

결과:

그러니 절대 자신을 제한하지 마세요 <3 여러분의 아름다운 애니메이션을 볼 수 있기를 기대합니다!