클립 스튜디오의 레이어 키프레임 기능은 항상 제가 가장 좋아하는 기능이었고, 예술을 창조하는 무한한 아이디어를 제공합니다. 이 튜토리얼에서는 평범한 잉크 그림에 생명을 불어넣는 애니메이션 고딕 로리타 스타일 종이 인형을 만드는 방법을 보여드리겠습니다. 소셜 네트워크/커뮤니티에 게시하거나 스토리텔링 비디오를 위한 전통적인 스타일 카드에 좋은 아이디어입니다.

이 튜토리얼은 클립 스튜디오 Pro 및 Ex 버전과도 호환됩니다. 클립 스튜디오의 애니메이션 기능에 익숙하지 않다면 시도해 볼 수 있습니다.

 

이 과정은 Live2D에서 애니메이션을 제작하는 데도 적용할 수 있습니다.

비디오 튜토리얼

비디오를 확인하여 실제 작업 과정을 보세요

디자인 요소

저는 고딕 로리타 드레스를 입고 마법 빗자루를 타고 있는 마녀의 스케치 자세를 간단하게 디자인합니다.

고딕 로리타는 19세기 서양식 크리놀린 드레스에서 영감을 받은 패션입니다.

 

고딕 로리타 스타일의 몇 가지 상징적인 특징은 어두운 색조의 옷, 신비 또는 종교적 상징, 해골, 레이스, 프릴입니다.

좋아하는 디자인이 나올 때까지 여러 요소를 조합해 보세요. 인터넷에서 참고 자료를 찾아야 할 수도 있습니다.

 

배경에는 고딕 건축 양식을 약간 추가할 텐데, 참고 자료를 보고 그리거나 클립 스튜디오 에셋에서 'Gothic' 키워드로 다운로드할 수 있습니다.

전통 스타일의 디지털 잉크 작업

잉크를 전통적인 느낌으로 만들기 위해 펜 보조 도구에서 텍스처 펜을 사용합니다.

브러시 크기 동적 팝업에서 압력을 설정할 수 있습니다.

디지털 페인팅에서 잉크 조절은 주로 스타일러스 팁의 압력에 따라 달라집니다.

그래프 선을 클릭하여 간단히 조절하세요

펜 압력 그래프 설정 예시

펜 압력을 잘 설정하면 많은 스트로크와 압력 조절이 필요한 전체 잉크 작업에서 손의 압력 조절에 덜 피로해지고, 스타일러스 팁의 수명도 절약할 수 있습니다.

하지만 압력 설정은 개인마다 다릅니다. 어떤 사람은 필압이 강하고 어떤 사람은 약합니다. 자신에게 맞는 설정을 찾으려면 기본적인 모양을 몇 가지 그려보세요.

 

이것은 저의 설정입니다. 저는 스타일러스 펜을 잡을 때 필압이 강해서, 평소보다 출력을 약간 낮게 설정하여 가는 선을 그리기 쉽게 했습니다.

체크박스를 클릭하여 설정을 활성화하여 미리 다른 설정을 할 수도 있습니다.

또한 보정(stabilization)은 스트로크에 약간의 지연을 추가하여 잉크를 부드럽게 만듭니다.

만약 작업이 엉망이 되었다면, 재설정 아이콘을 클릭하여 다시 시작할 수 있습니다 >_<”

이제 전통 펜처럼 작동하는 좋아하는 펜을 얻었으니, 잉크 작업을 시작할 시간입니다!!

1단계: 외곽선 잉크 작업

외곽선 작업은 나중에 편집하기 쉽도록 (그리고 애니메이션에서 부품 분리에도 좋도록) 벡터 레이어에서 합니다.

 

스케치 선을 레이어 색상으로 염색하고 불투명도를 낮춥니다.

 

그런 다음 벡터 레이어를 만듭니다.

외곽선을 그리기 시작합니다. 전통적인 잉크 스타일에서는 각 선에 잉크를 깔끔하게 조절해야 하여 시간이 오래 걸리지만, 벡터 레이어를 사용하면 대략적으로 외곽선을 그린 후 나중에 편집할 수 있습니다.

선 정리 과정에서는 벡터 지우개를 반드시 활성화하세요.

[선 보정] 보조 도구의 [선 폭 조절]로 잉크 두께를 조절합니다.

외곽선 테두리에 두께를 추가합니다.

드롭 섀도우가 생길 부분에는 두껍게 칠했습니다.

그리고 옷의 주름과 같은 일부 디테일에는 가는 선을 사용했습니다.

내비게이터와 캔버스 하단 가장자리에서는 캔버스 회전 기능을 사용하여 전통적인 잉크 작업을 할 때 종이를 돌리듯이 손의 각도에 맞춰 작업할 수 있습니다.

저는 항상 전체적인 외곽선을 먼저 완성하고 나중에 세부 사항을 채워 넣습니다. 이렇게 하면 인체 구조나 옷과 같은 모양이 명확하게 보이고 세부 사항을 추가하기 전에 실수를 더 쉽게 발견할 수 있습니다.

 

이 단계에서 모양을 수정하는 것이 세부 사항을 추가한 후보다 훨씬 쉽습니다.

세부 사항을 위해 새 레이어를 만들고 프릴과 같은 세부 사항을 스케치합니다.

그런 다음 새 벡터 레이어를 만들고 잉크 작업을 합니다.

 

팁: 혼동을 줄이기 위해 외곽선 레이어의 레이어 색상을 설정하세요.

외곽선 레이어에서 겹치는 부분을 지웁니다.

완료되면 세부 레이어를 외곽선 레이어 위로 이동한 다음 두 레이어를 모두 선택하고 병합합니다 (Shift 키를 누르고 두 레이어를 모두 클릭한 다음 마우스 오른쪽 버튼을 클릭하여 > 선택한 레이어 병합).

레이어가 연결된 순서가 아니면 메뉴를 클릭할 수 없습니다.

완성된 외곽선입니다.

프릴과 옷의 세부 사항을 그리는 방법에 대한 자세한 내용은 Mortinfamia의 이 튜토리얼을 추천합니다. 단계가 매우 따라하기 쉽습니다 ^ ^

2단계: 잉크 음영 처리

컬러 작품에서는 빛과 그림자를 적용하여 그림에 입체감을 간단히 추가할 수 있습니다.

하지만 일반 잉크 그림에서는 외곽선 잉크와 세부 묘사의 두께가 입체감을 표현하는 데 도움이 됩니다.

음영 처리를 위한 가장 기본적인 스타일은 영역에 평행선을 그리는 것입니다. 이는 잉크 그림에 간단히 입체감을 부여합니다.

잉크를 깔끔하게 유지하려면 잉크 방향과 선 사이의 간격에 주의해야 합니다. 모양에 맞춰 방향을 참조하거나 모든 선을 같은 방향으로 유지하세요.

참고: 영역이 너무 커서 평행선을 편안하게 그리기 어려울 때는 선을 나눌 수 있습니다. 선의 밀도와 방향을 잘 조절하는지 확인하세요.

 

잉크 크기와 밀도는 빛과 그림자의 양을 표현하는 데도 사용됩니다.

(밝고 어두운 영역 간의 높은 대비는 반짝이는 느낌을 연출하기도 합니다 ^_^)

다른 오브젝트들도 옷이나 갑옷처럼 다른 잉크 방향과 스타일을 가질 수 있습니다.

더 고급 옵션으로는 교차 해칭 선이 있습니다. 모든 영역에서 같은 방향으로 가도록 확인하세요.

평행선 잉크 스타일로 인형에 음영을 넣어봅시다.

 

잉크 레이어 아래에 새 래스터 레이어를 만들고 그림자 영역을 음영 처리하여 그림자 참조로 사용합니다.

위에 새 레이어를 만들고 잉크 작업을 시작합니다. 래스터 레이어 또는 벡터 레이어여도 상관없습니다. 어차피 최종적으로 래스터화할 것입니다.

 

영역이 분리되어 보이도록 (다른 영역과 혼합되지 않도록) 일부 테두리 영역을 남겨둡니다.

 

 

색상을 채워야 하는 닫힌 영역을 그린 다음, [닫고 채우기] 도구로 틈을 채웁니다.

천의 주름 방향과 모양에 주의하세요.

머리카락에는 겹쳐진 부분에 그림자가 드리워질 곳에 고밀도 잉크를 추가했습니다. 나머지는 머리카락의 방향에 따라 추가했습니다.

가죽 부츠는 접힌 부분의 헬름에 높은 대비의 음영을 주어 광택이 나도록 만듭니다.

얼굴에는 음영 디테일을 넣지 않아 돋보이고 깨끗하게 보이도록 했습니다.

회색 음영 레이어를 삭제/숨기면 완료됩니다!

3단계: 애니메이션 준비

먼저 인형의 전체적인 움직임을 디자인해야 합니다.

작은 마녀는 빗자루를 타고 한 루프에서 위아래로 떠다니다가 영원히 반복할 것입니다.

 

마녀의 위치 외에는 다른 움직임이 없기 때문에 이것은 고정된 것처럼 보입니다.

아래로 움직이는 추가 키프레임은 더 자연스럽게 보이도록 도와줄 것입니다. 예를 들어, 빗자루가 아래로 움직일 때 머리카락이 위로 흐르는 것처럼요.

더 생동감 있게~ ( ‘ w ’ )/

이 애니메이션을 만들기 위해 인형을 개별 부품으로 분리할 것입니다.

부품 분리를 위한 레이어를 준비합니다. 외곽선용 벡터 레이어 하나와 음영용 래스터 레이어 하나입니다. 더 많은 레이어가 있다면 모두 병합하여 두 개만 남겨둡니다.

종이 색상을 흰색이 아닌 다른 색으로 설정합니다. 이는 부품의 흰색 영역을 감지하기 위함입니다.

잉크의 레이어 색상을 전환합니다.

(저는 감정 편집을 위해 항상 얼굴 레이어를 잉크와 분리합니다.)

 

올가미 도구를 사용하여 분리할 부분을 선택합니다.

 

복사하여 새 레이어에 붙여넣습니다.

[Ctrl+C] > [Ctrl+V]

새 레이어에도 레이어 효과가 있을 텐데, 아이콘을 클릭하여 끄세요.

잉크 레이어를 숨기고 이제 지우개 도구로 원치 않는 선을 제거할 수 있습니다.

원본 잉크 레이어에서도 해당 부분을 지웁니다. (벡터 지우개는 마법처럼 쉽게 지워줍니다!)

잘라낸 부분을 폴더에 넣고, 폴더 이름을 지정한 다음 아래에 새 래스터 레이어를 만듭니다.

[닫고 채우기] 도구를 사용하여 부품에 흰색을 적용합니다.

[Ctrl]을 누른 상태에서 레이어 썸네일을 클릭하여 채워진 영역에서 선택 영역을 만듭니다.

(참고: 레이어에서 마우스 오른쪽 버튼을 클릭하여 > 레이어에서 선택 > 선택 영역 만들기를 사용할 수도 있습니다.)

 

그런 다음 음영 레이어를 선택하고 선택 영역의 음영을 잘라내기/복사합니다.

그리고 부품 폴더에 붙여넣으면 첫 번째 부품이 완성됩니다!!

정리 과정 후에 크게 열린 틈을 만드는 부분이 있을 수 있습니다.

모양을 완성하기 위해 추가 선을 그립니다. 그런 다음 색조를 채우고 자르는 과정을 반복합니다.

누락된 부분에도 음영을 추가해야 합니다.

뒷부분의 일부 부품에는 움직일 때 틈이 생기지 않도록 더 많은 영역을 추가합니다.

(집게 도구를 사용하여 선을 쉽게 조정하세요)

 

치마와 같이 복잡한 부분에서는 검은색 영역으로 분리하면 움직임을 디자인하고 이음새 없는 모습을 유지하기 쉽습니다.

 

완료되면 여러 부품 폴더가 쌓여 있을 것입니다.

폴더를 마우스 오른쪽 버튼으로 클릭하고 [파일 오브젝트] > [레이어를 파일 오브젝트로 변환]을 선택합니다.

 

영역을 그리기 영역만으로 설정합니다.

그런 다음 하나의 폴더에 저장하면 다음과 같은 부품 폴더를 갖게 됩니다.

오브젝트 레이어에서 마우스 오른쪽 버튼을 클릭하여 파일 오브젝트를 열어 편집할 수 있습니다.

이 파일은 우리가 변환한 전체 폴더를 포함하며, 부품을 편집하거나 더 많은 세부 사항을 그릴 수 있습니다.

부품이 애니메이션 준비 완료!!

4단계: 루프 애니메이션

인형의 애니메이션은 위로 움직인 다음 아래로 움직이는 2단계로 진행됩니다. 다음과 같이요.

따라서 마지막 키프레임은 위아래로 2단계 움직일 것입니다.

조정을 위해 캔버스에 참조를 두었습니다.

새 타임라인을 만듭니다. 애니메이션 > 타임라인 > 새 타임라인으로 이동하세요.

타임라인을 프레임 레이트 8, 재생 시간 24로 설정합니다.

 

이 설정은 클립 스튜디오 페인트 Pro 버전에도 좋습니다.

초당 8프레임은 24프레임의 제한을 3초까지 확장하여도 여전히 부드러운 루프를 유지할 수 있습니다.

타임라인 패널이 없으면, 창(window) > 타임라인(timeline)으로 이동하세요.

루프를 위한 초기 프레임을 만듭니다.

 

모든 오브젝트를 선택한 다음 레이어 키프레임을 활성화합니다.

첫 번째 프레임과 마지막 프레임에서 새 키프레임을 만듭니다 (모든 레이어가 여전히 선택된 상태에서).

 

루프 애니메이션 개념에서 첫 번째 프레임은 마지막 프레임 다음 프레임이 될 것입니다. 이렇게 하면 마지막 프레임이 첫 번째 프레임과 동일하게 됩니다.

 

타임라인 중간에 새 프레임을 만듭니다.

그리고 오브젝트 위치를 위로 이동합니다.

그런 다음 오브젝트 도구로 오브젝트의 위치를 조정합니다.

첫 번째 및 마지막 프레임

중간 프레임

2단계 키프레임을 사용하면 인형에게 간단하게 움직임을 부여할 수 있습니다!

주목하면, 마지막 키프레임에서 잠시 멈춤이 있을 것입니다. 이는 첫 번째 프레임과 마지막 프레임이 동일하게 표시되기 때문입니다.

이를 수정하려면 마지막 프레임에서 마우스 오른쪽 버튼을 클릭하고 [프레임 삭제]를 선택하여 1개의 프레임만 삭제하세요.

이제 겹치는 프레임이 더 이상 없을 것입니다. (메뉴 [프레임 삽입]으로 타임라인에 더 많은 프레임을 추가할 수도 있습니다.)

움직임의 단계를 더 추가하기 위해 프레임을 더 추가하면 인형이 더 생동감 있게 보일 것입니다.

보시다시피, 프레임에 더 이상 약간의 일시 정지가 없습니다.

하지만 움직임의 타이밍은 아직 부드럽지 않습니다. 시작 및 끝 프레임을 건드리지 않고 키프레임 위치를 조정하여 수정하세요.

눈을 깜빡이게 하려면 애니메이션 폴더를 사용하세요.

 

새 애니메이션 폴더를 만듭니다.

그런 다음 눈을 감고 뜬 얼굴을 그립니다. 그리고 애니메이션 폴더에 넣습니다.

애니메이션 폴더의 타임라인에서 마우스 오른쪽 버튼을 클릭한 다음, 클릭한 위치에 어떤 프레임을 표시할지 설정합니다.

이렇게 하면 눈이 깜빡이지만, 아직 위치가 몸의 움직임을 따라가지 않습니다.

키프레임을 활성화하고 몸의 움직임에 맞춰 조정합니다.

종이 인형처럼 보이게 하려면 각 오브젝트에 테두리 효과를 적용하세요.

여러 오브젝트로 구성된 일부 부품의 경우, 테두리 효과를 설정하기 전에 폴더에 넣어두면 효과가 바깥쪽 가장자리에만 표시됩니다.

이 단계를 사용하여 더 많은 캐릭터를 추가할 수도 있습니다.

또한, 움직임이 다른 캐릭터와 관련되어 있는지 확인하세요.

캐릭터 완성!

5단계: 배경으로 마무리

배경의 경우, 저는 다른 파일에 고딕 양식의 구조물을 그렸습니다.

 

(고딕 건축물 사진을 참고했습니다. ^ ^)

 

자(ruler) 보조 도구에서 이 설정으로 대칭 눈금자를 사용하여 대칭 그림을 만듭니다.

자 사용에 대한 더 많은 팁은 제 9월 튜토리얼에서 찾아볼 수 있습니다:

그리고 넓은 영역의 잉크 음영에는 특수 눈금자 보조 도구의 평행 눈금자를 사용하세요.

평행 눈금자를 사용하여 해칭 잉크를 만드는 작은 팁 비디오를 만들었으니 여기에서 확인하세요.

배경을 위한 고딕 양식 기둥의 간단한 버전입니다.

종이 인형 파일과 동일한 설정으로 새 타임라인을 만듭니다.

그런 다음 인형 파일을 캔버스에 가져옵니다. [파일 > 가져오기 > 파일 오브젝트 생성]

파일 오브젝트에 배경색이 포함될 수 있습니다. 오브젝트 파일에서 배경을 삭제하세요.

새 레이어에 스프레이 도구로 별을 그릴 수도 있습니다.

레이어 키프레임으로 불투명도를 조절하여 별이 빛나도록 만듭니다.

이 튜토리얼이 여러분의 작업에 도움이 되는 아이디어를 제공했으면 좋겠습니다!!

즐거운 잉크 작업과 즐거운 애니메이션 만드세요!