소개

모두 안녕하세요! ʕ•́ᴥ•̀ʔっ 다시 돌아왔습니다. 이번에는 새로운 변형 도구인 '자유 변형'을 사용하여 완성된 일러스트로 간단한 춤 애니메이션을 만드는 과정을 공유합니다.

 

이 튜토리얼은 CLIP STUDIO PAINT PRO 버전과 호환되는 간단한 춤 애니메이션입니다.

더 이상 서론 없이… 시작해볼까요!!

0. 일러스트 애니메이션 만들기

이 튜토리얼에서는 기본 댄스 사이클에서 일러스트를 애니메이션화합니다. 이것은 움직임의 결과이며, 튜토리얼의 마지막에는 배경이 있는 최종 애니메이션이 있습니다. 마음에 드시길 바랍니다.

1. 캐릭터 디자인

애니메이션을 위해 만든 일러스트의 단계별 과정을 제시하여 더 나은 결과를 보장하는 몇 가지 지침을 따르겠습니다.

 

 

✦ 스케치/선화

먼저 애니메이션을 만들 캐릭터가 있어야 합니다. 저는 이 사랑스러운 고양이 소녀를 소개합니다. 그녀의 이름은 올리비아(친구들에게는 올리)입니다. 캐릭터 디자인이 끝나면 스케치를 정리해 보겠습니다.

 

- 스케치 정리 -

 

시작하려면 스케치의 모든 부분을 폴더에 넣어야 합니다(여러 개가 있는 경우). 이제 폴더의 레이어 색상을 변경하여 스케치를 쉽게 정리하려면 다음을 수행해야 합니다.

 

➀ «레이어 팔레트»에 있는 파란색 아이콘으로 이동하여 «레이어 색상» 옵션을 클릭합니다.

➁ 그런 다음 «불투명도»를 낮추면 됩니다.

 

기본적으로 레이어는 파란색으로 설정되어 있지만, 다른 색상을 원하면 «레이어 속성» 팔레트로 이동하여 «레이어 색상» 섹션에서 색상 막대나 페인트 통에서 다른 색상을 선택하면 됩니다. 그 중 하나를 클릭하기만 하면 됩니다.

- 캐릭터 분할 -

 

애니메이션에서 더 나은 결과를 얻으려면 캐릭터를 여러 부분으로 나누어야 합니다. 이를 위해 각 요소에 대한 폴더를 만들 것입니다. 이 특정 애니메이션에서는 몸을 다음과 같이 나누어야 합니다.

 

➀ 몸: 머리, 몸통, 다리 (애니메이션할 때 다른 요소와 겹치지 않는 한 이 모든 것이 하나의 단위로 연결되어야 합니다).

➁ 팔; 각기 해당 폴더에 넣습니다.

➂ 얼굴 특징.

➃ 머리카락 (이 모델의 경우 앞면과 뒷면의 머리카락이 있어 머리카락을 두 부분으로 나누었습니다).

➄ 액세서리 (수량에 따라 여러 부분으로 나눌 수 있습니다).

- 선화 -

 

각 폴더 안에 «벡터 레이어»를 만들어 선화를 시작합니다. 벡터 레이어를 만들려면 «레이어» 창에서 레이어 아이콘 중 두 번째 아이콘을 클릭해야 합니다.

이 지점에서 스케치 폴더를 모델 부분 폴더 아래에 놓았습니다.

 

- 대칭자 -

 

이 예시의 일러스트가 정면이라는 점은 작은 단축키를 사용할 수 있게 합니다. 바로 대칭자입니다. 이 자는 도구 창 (3) > 대칭자 (4) 에 있습니다.

팁: 완벽하게 수직 또는 수평 대칭을 얻으려면 캔버스에 자를 배치하는 동안 «SHIFT» 키를 활성화하고, 완료되면 키를 비활성화해야 합니다. 태블릿 또는 모바일용 프로그램 버전에서는 EDGE 키 사이드 패널에서 이 키를 활성화할 수 있습니다.

● 손떨림 보정: 저처럼 손떨림이 있다면 브러시의 «도구 속성»에 있는 손떨림 보정 도구를 사용할 수 있습니다. 손떨림 보정은 선을 그릴 때 이상적이지만, 색상을 적용할 때는 비활성화하는 것이 좋습니다.

이제 대칭 영역의 선을 그리기 시작하면 됩니다.

모든 요소를 반사하는 데 자를 사용할 수 없습니다. 그렇게 하면 부자연스러운 효과가 나타나기 때문입니다. 이러한 이유로 일부 영역에서는 개별적으로 그리기 위해 자를 비활성화해야 합니다. 자를 비활성화하거나 삭제하려면 레이어 썸네일에 있는 자 아이콘을 길게 누르고 메뉴에서 해당 옵션을 선택해야 합니다.

- 자 > 모든 레이어에 표시: 대칭자 사용으로 돌아가서, 아주 좋은 사용법이 있습니다. 자 아이콘을 길게 누르면 여러 옵션이 나타나는데, 그 중 «모든 레이어에 표시»가 있습니다. 이 옵션을 사용하면 자가 설정되지 않은 레이어에도 자의 속성이 적용될 수 있습니다.

- 레이어 마스크 -

 

각 섹션의 선화를 마치면 숨겨져야 할 부분이 겹쳐져 색상을 적용할 때 방해가 될 수 있습니다. 따라서 지울 필요 없이 숨기려면 «레이어 마스크»를 만들어야 합니다. 이를 위해:

 

➀ 레이어를 선택합니다. «레이어» 창 섹션에 있는 «레이어 마스크» 아이콘을 활성화합니다.

➁ 활성화되면 옆에 흰색 썸네일이 나타납니다.

➂ 이제 그 흰색 썸네일을 선택해야 합니다.

➃ 그 다음, 지우개로 불필요한 부분을 지워야 합니다.

레이어 마스크를 삭제하지 않고 숨겨진 모든 것을 다시 나타내려면: 썸네일을 길게 누르고 메뉴에서 «마스크 활성화» 옵션을 선택해야 합니다. 이 옵션이 바로 마스크를 비활성화하는 옵션입니다.

비활성화하면 썸네일에 커다란 빨간색 십자가가 나타납니다. 다시 활성화하려면 이전 단계를 반복해야 합니다.

반면에 숨겨진 부분 중 특정 섹션만 나타내려면 아무 브러시나 사용하여 흰색을 선택한 다음, 숨겨진 부분이 다시 나타나기를 원하는 영역에 칠하면 됩니다. 이 모든 것은 레이어의 흰색 썸네일을 선택한 상태에서 수행합니다.

---

✦ 색상, 그림자 및 빛

이제 레이어 분리가 완료되었으므로 색상을 입힐 차례입니다. 색상을 추가하기 위해 머리카락부터 시작하며, 이를 위해 레이어 마스크로 숨겨진 영역을 활성화할 것입니다.

기본 색상을 적용하기 위해 페인트 통을 사용하므로 다음을 수행합니다.

 

➀ 벡터 레이어 아래에 새 레이어를 만듭니다.

➁ «레이어» 창 기능에 있는 «참조 레이어» 아이콘을 활성화하여 벡터 레이어를 참조 레이어로 설정합니다.

➂ «페인트 통» 도구를 선택하고 «도구 속성» 창으로 이동합니다.

➃ 설정에서 «여러 참조» 옵션을 활성화하고 «참조» (1) 아이콘을 활성화해야 합니다.

➄ «벡터 선의 중심까지 채우기» (2) 옵션을 활성화하면 색상이 벡터 선의 중심까지 적용됩니다. 이는 페인트 통으로 칠할 때 남을 수 있는 빈 공간을 줄여주므로 좋습니다.

➅ 마지막으로 «틈새 닫기» (3)는 벡터 선에 작은 틈이 있더라도 채워줍니다.

위에서 설명한 대로 «참조» 옵션을 사용하지 않고 영역을 채우는 다른 방법은, 먼저 브러시로 영역을 윤곽을 잡은 다음 페인트 통으로 채우면 됩니다.

- 레이어 색상 -

 

이제 많은 레이어를 다루기 때문에 서로 구분하기 위해 색상을 설정할 수 있습니다. 이는 레이어 창에서 왼쪽 상단 모서리에 있는 회색 사각형 아이콘을 사용하여 수행합니다.

- 그림자 -

 

일러스트의 빛과 그림자 위치를 알았으니 다음 단계는 그것들을 그리는 것입니다. 이 과정을 쉽게 하기 위해 레이어 기능을 활용할 수 있습니다. 살펴보겠습니다.

 

➀ «아래 레이어에 클리핑»을 사용합니다. 이 기능은 가상 클리핑을 생성하는 것입니다. 즉, 이 레이어에 그려진 것은 참조하는 레이어(아래 레이어)에 그려진 것의 경계 내에서만 보입니다. 클리핑을 제거하면 기본 레이어의 경계 밖에서 수행된 모든 작업이 표시됩니다. 이 설정은 제 작업 과정에서 매우 중요합니다. 기본 색상 위에 새 레이어를 만들고 이 기능을 활성화하여 빛과 그림자의 세부 사항을 그립니다.

---

✦ 세부 정보

이 시점에서 다른 색상 구성을 시도하기로 결정했습니다. 이를 위해 «투명 픽셀 잠금»을 사용했습니다.

이 기능은 테두리 밖으로 벗어나지 않고 칠할 수 있으며, 기본 레이어에 연결된 새 레이어를 만들 필요 없이, 해당 레이어에서 활성화되면 색상이 있는 픽셀에만 그릴 수 있고 투명한 픽셀은 완전히 무시됩니다. 이 기능은 레이어 옵션에서 찾을 수 있으며, 작은 자물쇠가 있는 사각형 아이콘입니다.

기본 색상, 빛, 그림자를 설정했으면 이제 렌더링을 시작하고 세부 사항을 추가할 차례입니다. 이것은 각자 배운 기술이 다르므로 개인적인 작업입니다.

- 선폭 수정 -

 

벡터 레이어를 사용하는 장점은 선을 쉽게 다룰 수 있다는 것입니다. «선 수정» 보조 도구를 사용하여 벡터 레이어의 선을 수정할 수 있습니다. 이 설정을 찾으려면 도구 팔레트에서 노드를 가리키는 화살표 아이콘으로 이동합니다.

선이 너무 두껍거나 얇으면 «선 굵기 수정» 도구를 사용하는 것이 좋습니다. 선의 두께를 늘리거나 줄입니다. 이 각 설정에는 선의 변경량을 측정할 수 있는 백분율 막대가 있습니다.

---

✦ 파일 준비

일러스트가 완성되면 레이어를 정리하고 줄여서 작업하기 더 쉽게 만들어야 합니다.

 

먼저, 폴더별로 확인하여 모든 색상 영역이 채워져 있는지 확인하고 각 요소의 경계 밖에 있는 결함을 제거해야 합니다.

둘째, 처음에 제시한 분할 방식에 따라 해당하는 부분을 나눠야 합니다.

 

저처럼 팔처럼 일부 부분이 연결되어 있다면 선택 > 올가미 도구와 선택 도구의 플로팅 바에 있는 «오려내기 & 붙여넣기» 옵션을 사용할 수 있습니다. 이렇게 하면 두 개의 레이어로 분리됩니다.

중요: 각 팔은 구조에서 분리되어 자체 레이어에 배치되어야 하며, 앞면과 뒷면 머리카락도 마찬가지입니다.

- 선택 레이어 결합 -

 

이제 마지막 단계로, 각 폴더의 레이어를 결합하여 각 요소의 단일 레이어를 만들어야 합니다. 이를 위해 폴더를 길게 누르면(PC에서 작업하는 경우 마우스 오른쪽 클릭) 메뉴가 나타나고, 필요한 옵션은 «선택 레이어 결합»입니다.

 

팁: 백업을 위해 폴더를 결합하기 전에 사본을 만드는 것이 좋습니다.

2. 애니메이션

이제 애니메이션 차례입니다. 이 섹션은 가능한 한 자세하게 단계별 프로세스를 설명할 것이므로 조금 길어질 것입니다.

 

 

✦ 파일

➀ 새 프로젝트를 열어 시작합니다. 작업 유형은 애니메이션이므로 «작품 종류»에서 마지막 옵션을 선택합니다.

➁ 파일 크기는 1080 x 1920px로 선택했습니다.

➂ «타임라인» 옵션에서 «프레임 속도»를 8로, «재생 시간»을 24로 설정해야 합니다.

애니메이션 프로젝트를 열면 타임라인이 있는 창이 나타나지만, 없거나 실수로 숨겨진 경우 창 > 타임라인에서 열 수 있습니다.

이제 파일을 준비해 보겠습니다:

 

➀ 기본적으로 생성되는 폴더를 삭제해야 합니다.

➁ 두 번째 단계에서는 캐릭터 디자인 레이어가 있는 파일로 돌아가서 각 요소의 고유 레이어를 선택한 다음 복사하여 애니메이션 파일에 붙여넣어야 합니다.

 

요소(레이어 또는 폴더)를 다른 파일로 복사하여 붙여넣으려면 편집 > 복사/붙여넣기를 사용하거나, 키보드 단축키인 «CTRL + C»(복사) 및 «CTRL + V»(붙여넣기)를 사용할 수 있습니다.

➂ 이제 파일을 폴더로 정리해야 합니다:

 

(1) «새 애니메이션 폴더»를 만듭니다. 이것은 «타임라인» 창에서 재생 버튼 다음의 두 번째 아이콘으로 수행합니다.

(2) 이 폴더의 이름을 포함할 캐릭터 부분의 이름으로 변경합니다. 이제 해당 레이어를 가져와 폴더 안으로 드래그합니다.

 

이 두 단계를 각 부분마다 반복합니다.

중요: 레이어는 특정 순서로 정렬되어야 합니다. 이 일러스트의 경우 다음 순서입니다(캐릭터 요소의 수에 따라 일부 폴더는 생략할 수 있지만, 중요한 것은 한 팔이 몸통 앞에 있고 다른 팔이 뒤에 있어야 한다는 것입니다).

 

1. 앞머리.

2. 얼굴 특징.

3. 왼팔.

4. 몸통.

5. 오른팔.

6. 뒷머리.

7. 꼬리.

이제 모든 레이어를 선택하고 캐릭터를 캔버스 중앙으로 이동하겠습니다.

마지막으로, 태블릿 화면에서 작업하기 더 편하도록 창을 정렬하겠습니다. 이 애니메이션은 세로형이므로 타임라인 창이 왼쪽 가장자리에 있는 것이 더 편합니다.

 

창을 화면을 따라 이동하고 주변의 어느 한 곳에 도킹하려면, 단순히 창을 상단(이름이 있는 곳)에서 원하는 위치로 드래그하면 됩니다. 창이 다른 영역에 도킹될 수 있을 때 빨간색 영역이 나타날 것입니다.

---

✦ 몸통

몸통 애니메이션부터 시작합니다. 이것이 나머지 부분의 지침을 제공하기 때문입니다:

 

- PART ONE -

 

➀ 먼저 모든 폴더 내에서 레이어를 하나씩 선택하고 복제하는 것입니다. 복제된 레이어는 각 폴더에 해당하는 타임라인의 두 번째 프레임에 자동으로 설정됩니다.

 

레이어를 복제하려면 레이어 중 하나를 길게 누르면 메뉴가 나타나고, 그 안에 «레이어 복제» 옵션이 있습니다.

➁ 각 폴더의 레이어 이름을 변경하여 작업하기 쉽게 만들겠습니다. 저는 숫자로 이름을 지정할 것입니다. 한 파일에서 다른 파일로 전송한 첫 번째 레이어를 «1»번으로, 복제된 레이어를 «2»번으로 명명하겠습니다.

➂ 세 번째 단계는 어니언 스킨을 활성화하는 것입니다. «어니언 스킨 활성화» 옵션은 타임라인 창(겹쳐진 두 사각형 아이콘)에서 찾을 수 있습니다. 이 옵션을 사용하면 이전 및 이후 레이어의 위치를 다른 색상과 불투명도로 볼 수 있습니다.

➃ 다음은 각 폴더에서 (2)번으로 명명된 레이어를 선택하고 «변형» 도구로 캐릭터 모델 전체를 약간 아래로 이동해야 합니다. 어니언 스킨 기능은 (1)번 레이어에 대한 위치를 계산하는 데 도움이 될 것입니다.

 

태블릿 모드에서는 메뉴 바에 단축키가 있습니다. 데스크톱 버전에서는 키보드 단축키 «Ctrl + T»를 사용하여 «변형»을 기본 모드로 빠르게 활성화할 수 있습니다.

- PART TWO -

 

➀ 이제 몸통, 앞머리, 뒷머리 폴더의 (2)번 레이어만 선택한 다음 «자유 변형 (퍼핏 워프)» 도구를 활성화해야 합니다. 이 옵션은 편집 > 변형 > 자유 변형에 있습니다.

 

자유 변형은 여러 레이어를 동시에 편집할 수 있게 해줍니다.

 

몸통의 움직임 키프레임을 머리카락의 키프레임과 함께 만드는 것이 중요합니다. 그래야 나중에 나머지 머리카락을 애니메이션화하기 더 쉽기 때문입니다.

이 도구는 버전 4.0의 새로운 기능입니다. 이에 대해 더 자세히 알고 싶다면 다음 공식 튜토리얼을 방문하시기 바랍니다:

 

 

이를 활성화하면 레이어 요소가 삼각형 메쉬로 덮입니다. 메쉬의 아무 곳이나 클릭하면 빨간색 점이 생성되는데, 이 점은 «고정점»이라고 합니다. 이 고정점들을 통해 일러스트를 움직일 수 있습니다.

 

필요한 만큼 많은 고정점을 배치할 수 있습니다.

➁ 몸의 움직임을 재현하기 위해 머리, 가슴, 복부에 하나씩, 그리고 각 발에 하나씩 고정점을 배치합니다.

 

이미 생성된 고정점을 클릭하면 빨간색으로 활성화되고 나머지는 회색으로 유지됩니다. 회색 고정점은 다른 고정점으로 인한 변형에 영향을 받지 않도록 원하는 부분을 고정시킵니다.

➂ 이제 중심에서 발의 고정점을 선택하고 (1)번 레이어의 고정점과 일치하도록 위로 드래그합니다. 어니언 스킨이 제공하는 그림자를 사용하여 도움을 받습니다.

 

➃ 복부의 중앙 고정점을 활성화하고 바깥쪽 원으로 회전시켜 캐릭터의 엉덩이가 한쪽(제 관점에서는 왼쪽)을 향하도록 너무 과장되지 않게 합니다.

 

참고: 과장된 움직임을 원한다면 키프레임 간의 변화를 부드럽게 하기 위해 더 많은 프레임이 필요합니다. CLIP STUDIO PAINT PRO 버전은 24프레임만 사용할 수 있으며, EX 버전은 무제한입니다.

➄ 마지막으로, 다리 전체에 다른 고정점을 배치하여 다리의 위치를 조절하여 변형되지 않도록 합니다. 좋습니다. 완료되면 확인을 클릭합니다.

● 고정점 삭제: 도구가 활성화되면 «도구 속성» 창에서 고정점 설정을 찾을 수 있습니다. «고정점 클릭» 섹션에 선택된 고정점을 삭제하는 옵션이 있습니다.

 

이 창에서는 메시를 설정하는 다른 설정도 찾을 수 있습니다.

- PART THREE -

 

움직임을 만들기 위해 네 가지 키 포즈를 사용합니다. 다음과 같습니다:

 

1. 수직 포즈.

2. 왼쪽 포즈.

3. 수직 포즈.

4. 오른쪽 포즈.

프레임 순서를 다시 확인해 봅시다. 먼저 프레임 1에는 수정되지 않은 기본 레이어가 있습니다.

프레임 2는 이전 부분에서 수정한 내용을 포함합니다.

프레임 3에서는 초기 위치로 돌아가야 합니다. 이를 위해 기본 레이어를 호출해야 하는데, 다음과 같이 합니다:

 

몸통 레이어와 마찬가지로 머리카락 레이어와 프레임도 정렬해야 한다는 점을 기억하십시오.

➀ 타임라인에서 프레임 3을 선택하고 메뉴가 나타날 때까지 해당 프레임을 길게 누릅니다(PC에서 작업하는 경우 마우스 오른쪽 클릭). 왼쪽 영역에는 그 시점까지 생성된 레이어 이름 목록이 나타나며, 옵션 중에서 레이어 (1)을 선택합니다.

 

빨간색 선은 현재 활성 프레임을 나타냅니다.

다시 한 번, 머리카락 프레임에도 동일하게 적용합니다.

프레임 4에서는 프레임 2와 동일한 과정을 반복하지만, 이 경우 모델의 엉덩이를 오른쪽으로 이동시킵니다.

 

단계별로 살펴보겠습니다:

 

➀ 먼저 레이어 1을 복제합니다. 이 복사본은 «1a»라는 이름으로 나타나지만, 저는 이름을 «3»으로 변경하겠습니다.

➁ 이제 앞서 설명한 대로 자유 변형을 적용해야 합니다.

➂ 완료되면 레이어가 프레임 4에 있는지 확인해야 합니다.

- PART FOUR -

 

위에서 언급한 내용에 따라 처음 네 프레임은 다음 레이어 순서를 가져야 합니다: 1, 2, 1, 3. 머리카락 폴더도 마찬가지입니다.

➀ 이제 프레임 1, 2, 1, 3을 각 프레임 사이에 빈 프레임을 하나씩 두어 이동합니다.

➁ 동일한 간격을 유지하고 (1, 2, 1, 3) 시퀀스를 반복하여 이미 생성된 프레임을 호출하여 타임라인의 나머지 부분을 채웁니다.

➂ 최종적으로 레이어와 프레임 간의 대응 관계는 다음과 같습니다:

 

● 셀 : 1 - 3 - 5 - 7 - 9 - 11 - 13 - 15…

● 레이어: 1 - 2 - 1 - 3 - 1 - 2 - 1 - 3…

 

이 애니메이션은 총 16프레임을 가집니다.

● 포즈의 균형

 

우리가 만드는 포즈는 어느 정도 균형을 가져야 한다는 것을 기억하는 것이 중요합니다. 따라서 다음 지침을 고려해야 합니다:

 

두 번째 포즈에서 엉덩이가 우리의 관점에서 왼쪽으로 향하면 캐릭터의 모든 무게가 움직이는 다리에 실립니다. 몸이 균형을 유지하려고 할 때 상체가 오른쪽으로 기울어지면서 캐릭터가 균형을 이루게 됩니다.

발을 같은 높이로 정렬하는 것이 중요하므로, 폴더 위에 새로운 레이어를 만들어 가이드로 사용할 수평선을 놓는 것을 추천합니다.

마지막으로, 다리도 균형을 이루어야 합니다. 다리가 너무 붙어 있는 것 같으므로 벌려야 합니다.

이는 «자유 변형»을 사용하여 수행해야 합니다.

이 모든 과정을 거쳐 다음과 같은 결과물을 얻었습니다.

● 중간 프레임: 움직임의 환상을 주기 위해 네 개의 키프레임을 기본으로 사용했으며, 이 프레임들을 타임라인의 나머지 부분에서 재사용했습니다. 하지만 더 유동적인 움직임을 얻으려면 키프레임 사이에 더 많은 중간 움직임을 만들 수 있습니다.

 

따라서 레이어 (1)과 (2) 사이, 레이어 (2)와 (1) 사이, 레이어 (1)과 (3) 사이에 각각 중간 움직임이 있을 것입니다.

---

✦ 팔

이제 팔에 해당하는 레이어를 활성화하겠습니다.

 

- PART ONE -

 

➀ 시작하려면 프레임 1은 이미 레이어 (1)로 설정되어 있습니다.

➁ 프레임 2의 경우 양쪽 팔의 (2)번 레이어(복제된 레이어)를 프레임 3으로 이동시켜 몸통의 프레임 (2) 위치와 일치하도록 합니다. 팔을 움직이기 위해 어깨에 고정점을 배치하고, 제 관점에서 왼팔의 경우 오른쪽으로 회전시키고, 오른팔의 경우 왼쪽으로 회전시킬 것입니다.

➂ 프레임 5는 셀을 누르고 메뉴에서 숫자 (1)을 선택하여 레이어 1을 불러와 채웁니다.

➃ 일곱 번째 프레임의 경우 레이어 (2)를 복제하고 이름을 «3»으로 변경합니다.

➄ 이제 프레임을 이동하고 몸통의 일곱 번째 프레임 (레이어 3) 위치와 일치하도록 정렬해야 합니다.

➅ 이 프레임에서는 팔의 위치를 바깥쪽으로 이동해야 합니다.

결과는 다음과 같아야 합니다. 왼팔의 프레임 (1)은 몸통 레이어 (2)의 위치와 일치해야 하며, 오른팔의 프레임 (3)도 마찬가지입니다.

 

전환 움직임이 있는 프레임이 있다면, 해당 움직임을 동반하는 팔 레이어도 만들어야 합니다.

- PART TWO -

 

기본적으로 마지막 프레임은 타임라인의 나머지 부분까지 확장됩니다. 팔의 위치를 반전시키고 이전에 숨겨져 있던 것이 이제 전면에 오도록 하려면 레이어의 확장을 제한해야 합니다. 이를 위해 다음 이미지에 표시된 표시점에 위치해야 합니다.

 

이 표시는 시작과 끝에 있지만, 이 경우에는 끝 부분만 중요합니다.

커서를 표시에 놓으면 디자인이 바뀌어 이제 탭을 드래그할 수 있음을 나타냅니다. 이제 팔의 마지막 프레임(프레임 8)의 한계까지 드래그해야 합니다. 두 번째 팔 폴더에도 동일하게 적용합니다.

다음 단계는 중요합니다:

 

➀ 먼저 오른팔 폴더를 선택하고 복제합니다.

➁ 그 다음 왼팔 폴더 위로 이동시킵니다.

➂ 이제 왼팔 폴더를 선택하고 복제한 다음 오른팔 폴더 아래에 배치해야 합니다.

 

복제된 폴더는 원본과 구분하기 위해 색상과 이름을 변경하는 것을 권장합니다.

➃ 마지막으로, 복제된 레이어의 프레임 세트를 포함하는 바의 중심에서 가져와 원본 레이어 프레임의 끝과 정렬되도록 드래그해야 합니다.

폴더 순서는 다음과 같아야 합니다:

 

(1) 오른팔 - 복제.

(2) 왼팔 - 원본.

(3) 몸통 폴더.

(4) 왼팔 - 원본.

(5) 오른팔 - 복제.

마지막으로 레이어별로 확인하고 레이어 마스크를 사용하여 팔이 가려서는 안 되는 부분을 가리는 오류나 과도한 부분을 수정합니다.

16프레임 이상으로 작업하는 경우, 복사본 시퀀스 다음에 원본 팔 레이어로 부족한 프레임을 채워야 합니다. 이 부분에서는 지금까지 사용한 것과 동일한 시퀀스를 따라야 합니다.

이것으로 팔의 시퀀스가 완료됩니다. 다시 한번, 키프레임 사이에 프레임을 추가하여 애니메이션의 흐름을 개선할 수 있습니다.

이 시점에서 애니메이션이 느리게 보이지만, 프레임 속도를 변경하여 가속화할 수 있습니다. 이를 위해 다음 경로로 이동해야 합니다: 애니메이션 > 타임라인 > 프레임 속도 변경.

---

✦ 머리카락, 귀, 꼬리

몸통 애니메이션에서 처음에 설명했듯이, 몸통 포즈와 함께 머리카락 포즈를 편집했다면 이미 세 개의 머리카락 레이어가 몸통에 해당하는 위치에 있을 것입니다. 이제 시퀀스에 따라 해당 셀의 레이어를 호출하여 타임라인을 완성하기만 하면 됩니다.

이 레이어들만으로는 움직임이 매우 뻣뻣해 보이므로, 개선하기 위해 이 레이어들을 좀 더 편집할 것입니다.

 

- 귀 -

 

귀를 편집하려면 귀가 있는 폴더로 이동합니다. 그런 다음, «자유 변형» 도구를 사용하여 레이어별로 편집합니다. 귀는 몸의 움직임 방향으로 움직여야 합니다.

 

이 단계에서는 고정점을 나머지 머리카락의 움직임을 방해하지 않고 귀만 움직일 수 있도록 배치했습니다.

이것은 세 개의 레이어 각각에 대해 수행해야 합니다. 이를 통해 물리적 움직임이 더 잘 추가됩니다. 아직 더 유동적으로 만들 수 있지만, 그것은 다음 단계 후에 살펴보겠습니다.

- 머리카락 -

 

머리카락의 주요 움직임을 위한 세 개의 레이어가 있으며, 이 레이어들은 16프레임에 걸쳐 각 프레임 사이에 빈 프레임을 하나씩 두어 1 - 2 - 1 - 3 시퀀스로 정렬했습니다. 따라서 타임라인을 따라 채워진 프레임, 빈 프레임, 채워진 프레임 등의 시퀀스가 있습니다.

 

이 빈 공간에 중간 움직임이 있는 레이어를 배치할 것입니다. 총 네 개의 레이어를 만들어야 합니다. 방법을 살펴보겠습니다:

 

➀ 프레임 1에 위치하여 앞머리 및 뒷머리 폴더의 (1)번 레이어를 선택한 다음 복제합니다. 새 레이어는 프레임 1과 3 사이의 빈 프레임에 1a라는 이름으로 배치됩니다. 이제 복제된 레이어를 선택하고 «자유 변형» 도구를 사용하여 이전 및 이후 프레임 위치 사이의 중간 움직임으로 변형해야 합니다.

➁ 이전 과정을 반복하지만, 이 경우에는 프레임 3에 있는 레이어 (2)를 사용합니다.

➂ 레이어 (1)도 포함하는 프레임 5의 경우, 앞머리와 뒷머리의 (1)번 레이어를 선택하고 복제해야 합니다. 복사본의 이름을 제 경우 (1b)로 변경하고, 생성될 프레임을 셀 6에 배치합니다. 그리고 이전에 설명한 대로 레이어를 다시 한 번 편집합니다.

➃ 마지막으로, 프레임 7에 위치하여 레이어 (3)을 선택하고 자유 변형으로 다시 한 번 편집합니다.

이제 네 개의 레이어가 있으므로, 이제는 앞머리와 뒷머리 레이어 모두에 대해 1 - 1a - 2 - 2a - 1 - 1b - 3 - 4 시퀀스를 따르는 생성된 레이어를 호출하여 나머지 빈 공간을 채워야 합니다. 좋습니다, 이제 완료되었습니다.

- 귀 2 -

 

이전 단계를 따르면 이미 프레임이 완료되어야 합니다. 이제 앞머리의 새로운 네 개 레이어 중 귀만 편집하면 됩니다. 편집할 내용은 이전 및 이후 프레임 위치 사이의 중간 움직임입니다.

자, 이제 이 애니메이션이 있습니다:

- 꼬리 -

 

꼬리 움직임을 만들기 위해 다섯 개의 프레임을 사용할 것입니다. 첫 번째 프레임, 즉 이미 가지고 있는 프레임은 기본 위치가 될 것이며, 나머지는 이 프레임에서 시작하여 레이어를 복제하고, «자유 변형»으로 편집한 다음, 이 편집된 레이어를 다시 복제하여 편집하는 과정을 다섯 개의 프레임이 모두 완료될 때까지 반복합니다.

첫 두 프레임은 왼쪽을 가리키는 움직임을 포함하고, 세 번째는 중앙을, 네 번째와 다섯 번째는 오른쪽을 가리킵니다. 첫 두 프레임을 얻은 후에는 «변형» 도구로 복제하고 반전시킬 수 있습니다. 이렇게 하면 네 번째와 다섯 번째 프레임의 오른쪽 위치를 얻을 수 있습니다.

이제 레이어 2를 복제하고 편집하여 프레임 3에 배치하기만 하면 됩니다.

이 시점에서 프레임 수를 24개에서 16개로 줄였습니다. 이를 위해 타임라인의 파란색 가이드를 최종 프레임으로 원하는 프레임까지 드래그해야 합니다.

이제 나머지 프레임을 이미 생성된 프레임을 호출하여 채우기만 하면 됩니다. 프레임 순서는 오름차순과 내림차순 시퀀스를 가져야 합니다: 1 - 2 - 3 - 4 - 5 - 4 - 3 - 2 - 1 - 2 - 3 - 4 - 5 - 4 - 3 - 2.

최종적으로 얻는 것은:

---

✦ 눈/입

이 편집의 마지막 부분은 눈이 될 것입니다. 이를 위해 프레임 1 - 2 - 3 - 4 - 5 - 6이 주요 프레임이라는 것을 상기하면서 시작합니다. 그러면:

 

➀ 프레임 1은 기본 레이어를 포함해야 합니다.

➁ 프레임 2에는 레이어 (1)의 사본을 배치하고 «변형» 도구를 사용하여 눈의 위치를 머리 기울기에 맞게 조정해야 합니다.

➂ 이제 이 과정을 여섯 개의 프레임이 완료될 때까지 반복합니다.

➃ 16번째 프레임까지의 나머지 프레임은 이전 레이어의 1부터 6까지의 순서를 따라 채워야 합니다.

- 깜빡임 -

 

깜빡임 애니메이션은 다섯 개의 프레임을 가지며, 그 중 첫 번째와 다섯 번째는 기본 일러스트가 될 것이므로 아무것도 할 필요가 없습니다. 구조는 다음과 같습니다:

 

(A) 첫 번째 프레임은 눈이 열린 위치에 해당합니다.

(A1) 두 번째 프레임은 «A» 위치에서 눈꺼풀이 약간 내려가는 것을 나타냅니다.

(B) 세 번째 위치에서는 눈이 감겨 있습니다.

(B1) 네 번째는 «B» 위치에서 눈이 뜨이는 것에 해당합니다.

(C) 마지막으로, 눈은 다시 열려 있을 것입니다.

• 첫 번째 프레임

 

이것은 수정되지 않은 레이어 (1)입니다.

• 두 번째 프레임

 

➀ 타임라인에서 두 번째 프레임을 선택합니다.

➁ 그 다음 레이어 창으로 가서 기본 레이어를 복제합니다. 이 복제된 레이어는 애니메이션의 두 번째 프레임에 자동으로 맞춰집니다.

➂ 이제 «올가미» 선택 도구로 양쪽 눈의 위쪽 속눈썹을 선택합니다. 쉽게 하려면 두 개를 동시에 선택하는 것이 좋습니다.

➃ 선택한 후 «변형» 도구로 약간 아래로 내려야 합니다.

 

여러 개의 분리된 요소를 선택하려면 «올가미» 도구 속성에서 «선택 영역 추가» 옵션을 활성화해야 합니다.

• 세 번째 프레임

 

이 세 번째 프레임에서는 단계를 반복합니다. 이번에는 이전 단계에서 복제한 레이어를 복제하지만, 이 경우에는 속눈썹을 움직이지 않고 완전히 감긴 눈의 형태를 그릴 것입니다.

• 네 번째 프레임

 

다시 한번 «올가미» 도구를 사용하여 속눈썹을 눈의 4분의 1 또는 그 이상으로 내립니다. 이는 눈이 뜨이는 것을 시뮬레이션하기 위함입니다.

• 다섯 번째 프레임

 

다섯 번째 프레임은 이미 최종 위치에 있으므로 아무것도 수정할 필요가 없습니다.

좋습니다, 이제 눈 깜빡임이 있습니다.

- 입 -

 

입은 두 가지 모델이 있습니다. 닫힌 입은 눈과 같은 레이어에 그려서 얼굴 특징을 정렬했습니다. 두 번째는 자체 애니메이션 폴더에 있는 열린 입입니다. 이 입은 닫힌 입 애니메이션의 가능한 움직임에 맞춰 4번 더 복제했습니다. 이제 이 네 개의 레이어를 몸통 위치에 정렬하기만 하면 됩니다.

 

입을 열고 닫는 움직임을 시뮬레이션하기 위해 전체 라인을 채울 필요는 없으며, 이 다섯 개의 레이어만으로도 충분할 것입니다.

---

✦ 배경

마지막으로 배경입니다. 이 배경으로 두 가지 작업을 했습니다:

 

(1) 정적 배경. 이 정적 배경을 위해 레이어 창에서 일반 폴더를 만들고 거기에 정적 요소를 그렸습니다.

 

이미지를 가져오거나 CLIP STUDIO ASSETS에서 다운로드한 배경을 사용할 수도 있습니다.

(2) 배경의 애니메이션 부분은 소리 파동을 표현할 것입니다. 이를 위해:

 

➀ 프레임을 애니메이션화할 때 참조로 사용하기 위해 벡터 레이어로 격자를 만들었습니다.

➁ 5가지 다른 파동 조합을 각 레이어에 하나씩 그리는 새 애니메이션 폴더를 만들었습니다.

➂ 이 다섯 개의 레이어를 (1 - 2 - 3 - 4 - 5 - 4 - 3 - 2 - 1… 등) 순환 방식으로 16프레임을 채울 때까지 정렬했습니다.

3. 애니메이션 내보내기

애니메이션을 내보내려면 파일 > 애니메이션 내보내기로 이동해야 합니다. 여러 내보내기 형식이 있지만, 저는 «동영상»을 사용할 것입니다.

그 다음 파일 이름을 지정해야 합니다.

이 창에서 파일 크기와 프레임 속도를 설정해야 합니다.

마지막으로 파일 위치를 선택하면 됩니다.

4. 결과

더 긴 비디오를 만들기 위해 같은 춤 동작을 팔에 다른 포즈로 추가했습니다.

그리하여 우리는…

마무리 인사

이미지를 애니메이션화하는 것은 매우 재미있고, 이제 새로운 자유 변형 기능으로 훨씬 더 쉬워졌습니다. 여러분도 이 도구를 사용하면서 즐거운 시간을 보내시길 바랍니다. 여기까지 읽어주셔서 감사합니다! 좋아요를 눌러주시면 큰 도움이 될 것입니다. 다음에 또 만나요! (≧∇≦)/

 

안녕히 계세요.

 

더 많은 정보는 다음에서 확인하세요: