일러스트에 흔들리는 잉크를 추가하여 반복적으로 그림을 그리는 듯한 옛날 스타일 애니메이션을 만들어 향수를 불러일으켜 봅시다. 이는 스토리텔링 애니메이션이나 회상 장면을 위한 좋은 아이디어가 될 수 있습니다. ( ^_^)

단일 일러스트에서 매우 쉽게 만들 수 있으며 몇 개의 키프레임만 있으면 됩니다. 프레임 제한이 24프레임인 클립 스튜디오 페인트 프로 버전에서도 만들 수 있습니다.

비디오 튜토리얼

1부: 일러스트 준비

이 튜토리얼에 사용된 일러스트를 위해 준비한 과정입니다.

이 효과를 만들려면 벡터 레이어에 윤곽선이 그려져 있어야 합니다. 벡터 레이어에 잉크 작업을 하지 않은 일러스트에 이 효과를 적용하려면 다음 과정으로 진행하기 전에 초안을 작성해야 할 수 있습니다.

 

새 벡터 레이어를 만들고 G펜으로 모든 윤곽선을 그립니다.

 

[선택 사항] 나중에 회전 움직임을 위해 종이 풍차를 별도의 레이어에 그립니다.

벡터 레이어 작업에 대한 자세한 내용은 제 튜토리얼을 참조하세요:

나중에 더 많은 움직임을 만들 계획이라면 혼란을 피하기 위해 애니메이션에 사용할 부품들을 그룹화하세요.

2부: 잉크를 전통 잉크 스타일로 바꾸기

작품에 전통적인 느낌을 주는 핵심은 잉크와 색상에 질감을 추가하는 것입니다. 이 튜토리얼에서는 제가 가장 좋아하는 클립 스튜디오 기본 브러시인 [텍스처 펜]을 사용하겠습니다.

도구 속성 패널의 오른쪽 하단에 있는 설정으로 브러시를 사용자 지정하여 더 많은 질감을 표현할 수 있습니다. 추가 브러시 설정을 위한 팝업 패널이 나타날 것입니다.

더 거친(또는 덜 거친) 모양을 원하면 브러시 끝의 [두께]와 브러시 스트로크의 [간격]을 조절할 수 있습니다.

새 래스터 레이어를 만들고 캔버스에서 몇 가지 스트로크 테스트를 하여 선호하는 설정을 찾습니다.

브러시 사용자 지정을 마치면 브러시 복제 아이콘을 클릭하여 이 설정으로 브러시 사본을 만듭니다.

[텍스처 펜] 브러시를 선택하고 도구 속성 패널의 재설정 아이콘으로 기본 설정으로 재설정합니다. 이렇게 하면 기본 브러시를 다시 사용해야 할 때 혼동을 피할 수 있습니다.

다음 단계에서는 이 브러시를 잉크 벡터 레이어에 적용합니다.

 

새 브러시를 선택하고 추가 설정 아이콘을 클릭합니다.

 

보조 도구 상세 패널에서 브러시 모양 > 사전 설정에 추가로 이동합니다.

잉크에 사용할 벡터 레이어를 선택하고 [오브젝트 도구]로 [도구 속성] 패널에서 잉크 설정을 볼 수 있습니다.

이 패널에서 잉크 색상과 브러시 모양을 변경할 수 있습니다.

브러시 모양 옵션을 클릭하면 등록한 브러시를 볼 수 있습니다. 그것을 선택하면 브러시가 벡터 잉크에 즉시 적용됩니다.

이 옵션으로 브러시 크기와 브러시 다이내믹도 조절할 수 있습니다.

브러시 다이내믹에 대해 더 알아보려면 여기에서 전통적인 잉크 작업에 대한 제 튜토리얼을 확인하세요:

여기서도 잉크 사용자 지정 옵션을 찾을 수 있습니다.

잉크 흐름을 더 부드럽게 보이게 하려면 스트로크의 [간격] 값을 조절합니다.

 

막대 조절을 활성화하려면 [간격]의 첫 번째 옵션을 선택해야 합니다.

 

하지만 조절하면 일부 영역이 지저분해 보일 수 있습니다 (잉크 작업 방식에 따라 달라지며, 깔끔한 스트로크일수록 사용자 지정이 더 쉬워집니다).

이를 수정하는 것은 [선 보정] 보조 도구의 [선 굵기 조정] 도구를 사용하면 쉽습니다.

색상환에서 색상을 선택하여 잉크 색상을 변경할 수도 있습니다.

 

[선택 사항] 색상 레이어에 블러 효과를 적용하여 더 부드럽게 보이도록 합니다.

 

모든 색상 레이어를 선택하고 마우스 오른쪽 버튼을 클릭하여 병합합니다.

 

그런 다음 메뉴 [필터 > 블러 > 가우시안 블러]로 블러 처리합니다.

3부: 애니메이션 잉크 효과 만들기

전통적으로 저는 이런 스타일의 애니메이션을 이렇게 만듭니다. 벡터 레이어를 알기 전에는 시간이 많이 걸리는 작업이었습니다. 움직이지 않는 장면에 흥미를 더하기 위해 항상 반복되는 선의 작은 움직임을 추가합니다.

초당 프레임 수가 많을수록 움직임이 빨라집니다. 때로는 느린 움직임이 스토리 테마에 더 잘 맞습니다.

 

타임라인 패널에서 새 타임라인 만들기 아이콘을 클릭합니다. (이 패널이 없으면 [창 > 타임라인]에서 열 수 있습니다)

 

클립 스튜디오 페인트 프로 버전을 사용하면 재생 시간 제한이 24프레임으로 설정됩니다.

이는 프레임 속도를 1fps로 설정하면 24프레임 애니메이션이 24초 동안 지속될 수 있음을 의미합니다.

 

24프레임에 2fps = 12초

24프레임에 4fps = 6초

24프레임에 8fps = 3초

24프레임에 12fps = 2초

 

저는 GIF 애니메이션에는 항상 4-8fps를 권장하며, 아트 프로세스 시연 애니메이션에는 1-2fps를 권장합니다.

 

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

잉크 레이어를 애니메이션 폴더로 드래그합니다.

 

레이어 이름을 바꾸려면 두 번 클릭합니다 (선택 사항이지만, 레이어를 복제할 때 레이어의 순서 번호도 자동으로 생성되므로 권장합니다).

애니메이션 폴더를 선택하고 레이어 선택 아이콘을 클릭하여 (또는 타임라인에서 마우스 오른쪽 버튼을 클릭하여) 캔버스에 키프레임을 할당합니다.

레이어를 [새 레이어] 아이콘으로 드래그하여 레이어를 복제하면 레이어 번호가 자동으로 생성됩니다.

타임라인에 레이어가 나타나도록 설정합니다.

[오브젝트] 도구로 레이어를 선택하고 잉크를 사용자 지정하여 원래 프레임과 다르게 보이도록 합니다.

제가 항상 잉크를 설정할 때 사용하는 주요 옵션은 다음과 같습니다:

스트로크 > 간격

브러시 끝 > 두께 / 각도

 

세 번째 프레임을 만들려면 복제하고 잉크 조정 단계를 반복합니다.

 

(반복 패턴을 피하기 위해 순서를 무작위로 만들었지만 이는 선택 사항입니다)

 

이제 잉크에 약간의 글리치 효과를 줄 수 있습니다.

 

하지만 아직 장면에 반복적으로 그려진 것처럼 보이지 않습니다.

 

반복적으로 그린 것처럼 보이게 하려면 [선 보정] 보조 도구의 [선 굵기 조정] 도구로 잉크 키프레임의 선 굵기를 조절합니다.

 

참고: [전체 선 처리] 옵션을 선택하지 마십시오. 이렇게 하면 수정한 영역에만 나타납니다.

 

[벡터선 꼬집기] 도구를 사용하여 선을 원래 위치에서 약간 구부립니다.

 

[중요] 아주 조금만요!!

 

또 다른 참고: 저는 선이 자유롭게 움직일 수 있도록 [끝 고정 없음] 모드를 선호합니다.

 

각 키프레임에 반복하면 작품에 매우 쉽고 흔들리는 잉크 효과를 줄 수 있습니다!!

4부: 잉크 효과가 있는 애니메이션

이 단계에서는 종이 풍차와 눈 깜박임과 같은 움직임을 장면에 추가할 것입니다.

 

종이 풍차를 위한 파일 오브젝트를 만듭니다. 레이어 폴더에서 마우스 오른쪽 버튼을 클릭하고 [파일 오브젝트 > 레이어를 파일 오브젝트로 변환]을 선택합니다.

 

영역을 [그리기 영역]으로 설정한 다음 파일을 저장합니다.

파일 오브젝트를 엽니다. 이미지가 레이어 가장자리에서 잘립니다.

특수 가장자리 효과를 위한 영역을 추가하려면 [편집 > 캔버스 사이즈 변경]으로 이동합니다.

각 치수에 20픽셀을 추가하면 추가된 가장자리의 미리 보기도 볼 수 있습니다.

색상 레이어에 블러 효과를 적용합니다. 캔버스의 추가 영역은 블러 영역이 확산되도록 합니다.

[오브젝트] 도구로 잉크 질감을 적용합니다.

파일을 저장하고 원본 이미지로 돌아오면 풍차의 잉크가 전체 그림과 맞지 않는 것을 볼 수 있습니다.

잉크 조정을 더 쉽게 작업하려면 캔버스 패널을 드래그하여 옆에 도킹합니다.

이제 잉크를 편집할 수 있으며, 풍차 파일에 저장하면 원본 이미지에 나타납니다. (시간을 절약하려면 Ctrl+S를 사용하세요)

새 타임라인을 만들고 잉크 애니메이션을 만드는 단계를 반복합니다.

 

참고: 프레임 속도가 메인 이미지와 동일한지 확인하세요.

 

하지만 애니메이션이 메인 이미지에 나타나지 않을 것입니다 (객체를 애니메이션이 아닌 객체로 기억하기 때문입니다). 애니메이션 파일 객체로 다시 가져와야 합니다.

 

[파일 > 가져오기 > 파일 객체 만들기]로 이동하여 풍차 파일을 선택합니다.

 

[오브젝트] 또는 [이동] 도구로 파일을 제 위치로 이동합니다. 그런 다음 이전 오브젝트 파일을 삭제합니다.

풍차의 잉크 애니메이션이 메인 이미지에 나타날 것입니다.

풍차에 회전 움직임을 추가합니다. 오브젝트 레이어를 선택하고 레이어 키프레임을 활성화합니다.

키프레임 유형을 [선형 보간]으로 설정하고 타임라인의 시작과 끝에 추가합니다.

[오브젝트] 도구로 키프레임을 선택하고 [도구 속성] 패널에서 값을 조절하여 회전 값을 설정할 수 있습니다.

여기서 풍차는 시계 반대 방향으로 움직일 것입니다:

첫 번째 키프레임은 360도로 설정하고, 마지막 프레임은 90도씩 설정할 수 있습니다: 270, 180, 90, 0 (풍차는 4면 대칭이므로 90도 회전할 때마다 같은 이미지를 보여줄 것입니다)

빠르게 회전하고 싶다면 마지막 프레임을 0으로 설정하면 6초 안에 360도 회전하게 됩니다. (프레임률 4)

 

회전에 대해 더 명확하게 설명한 이전 튜토리얼은 여기에서 확인하세요:

마지막 키프레임을 약간 뒤로 드래그하여 루프 사이의 간격 프레임을 제거합니다.

그리고 풍차가 완성되었습니다!!

눈을 위해 새 애니메이션 폴더를 만들고 다른 잉크처럼 잉크 애니메이션을 적용합니다.

눈 깜박임 애니메이션을 위해. 추가로 2프레임을 그립니다.

키프레임을 쉽게 그릴 수 있도록 어니언 스킨을 활성화합니다.

눈의 색상은 별도의 애니메이션 폴더에 넣었습니다. 왜냐하면 색상은 깜박일 때만 변하고 나머지 다른 키프레임은 모두 동일하기 때문입니다.

잉크 애니메이션을 만들기 위해 키프레임을 반복합니다.

고양이 깜박임으로도 이 단계를 반복했습니다 ^w^)/

 

여기에 결과, 아주 쉬운 전통 잉크 애니메이션이 있습니다.

 

움직임이 너무 느리다고 느껴지면 [애니메이션 > 타임라인 > 프레임 속도 변경]으로 이동하여 작품의 프레임 속도를 쉽게 변경할 수 있습니다.

전체 프레임 수를 변경하는 옵션은 선택하지 마십시오.

중요: 장면의 애니메이션 객체의 프레임 속도도 변경해야 합니다.

프레임 속도: 초당 8프레임 결과

5부: 종이 질감 및 카메라 효과로 마무리

이 단계에서는 수채화 용지 및 카메라 흔들림과 같은 효과를 일러스트에 추가하여 손으로 그린 키프레임처럼 보이게 할 것입니다.

화면에 종이 질감을 넣습니다. 여기서는 표준 클립 스튜디오 질감인 '드로잉 페이퍼'를 사용합니다. 하지만 표준 재료에 만족하지 않는다면 클립 스튜디오 에셋에서 많은 종이 질감을 찾을 수 있습니다.

 

재료 패널에서 드로잉 페이퍼 질감을 찾을 수 있습니다. 단순히 에셋을 캔버스에 드래그 앤 드롭하면 됩니다.

 

(재료를 캔버스에 드래그하기 전에 가장 위에 있는 레이어를 선택했는지 확인하여 질감이 모든 레이어 위에 나타나도록 합니다)

 

[오브젝트] 도구로 재료 크기를 조절합니다.

 

레이어 블렌딩 모드를 변경합니다. 여기서는 [선형 번] 모드를 사용하여 질감의 그림자가 이미지에 블렌딩되도록 합니다. 그런 다음 불투명도를 조절하여 더 밝게 만듭니다.

질감 색상은 기본적으로 회색조입니다. 이는 이미지의 색조를 너무 어둡게 만들 수 있습니다.

질감의 레이어 색상을 변경하여 더 자연스럽게 보이게 합니다.

 

[레이어 색상] 아이콘을 클릭하고 더 밝은 색상(검정보다)을 선택하여 [레이어 속성] 패널에 적용합니다.

 

종이에 움직임을 추가하려면 새 애니메이션 폴더를 만들고 질감 레이어를 그 안에 넣습니다. (이름도 바꿉니다)

질감 레이어를 복제하고 오브젝트를 이동/회전시켜 질감의 움직임을 만듭니다.

또한 불투명도를 조절하여 약간의 빛 글리치 효과를 만듭니다.

레이어의 블렌딩 효과를 캔버스에 적용하려면 애니메이션 폴더의 블렌딩 모드를 [통과]로 설정해야 합니다. 설정하지 않으면 레이어가 화면에 [일반] 블렌딩 모드로 나타납니다.

표시된 키프레임을 반복합니다.

종이 질감의 쉬운 노이즈 추가

추가 조명 효과를 위해 레이어를 [새 폴더] 아이콘으로 드래그합니다. (또는 [Ctrl+g]를 누릅니다)

폴더의 블렌딩 모드도 [통과]로 설정해야 합니다.

폴더 안에서 색상으로 채워진 레이어를 추가하고 모드를 [덧셈(발광)]으로 설정하여 화면에 추가 조명을 적용할 수 있습니다.

비네팅을 추가하려면 새 레이어를 만들고 부드러운 에어브러시로 가장자리를 그립니다.

레이어 블렌딩 모드를 [선형 번]으로 설정하고 불투명도를 조절합니다.

쉽게 비네팅(어두운 모서리) 효과를 얻을 수 있습니다.

카메라 흔들림을 만들려면 새 2D 카메라 폴더를 만들고 모든 레이어를 그 안에 넣습니다.

카메라에 약간의 글리치를 만들기 위해 타임라인에서 카메라를 약간(아주 조금만) 조절합니다.

(키프레임은 카메라 폴더 타임라인에 자동으로 생성됩니다)

 

이 아이콘을 클릭하여 카메라 실제 보기로 전환할 수 있습니다.

 

선택 사항: 나중에 카메라 폴더 안에 부드러운 에어브러시와 레이어 모드 [덧셈(발광)]으로 추가 조명 효과를 추가할 수도 있습니다.

레이어의 키프레임을 활성화하고 효과의 불투명도를 조절하여 빛 볼륨의 변화를 만들 수도 있습니다.

완료!!

보정 레이어 [그라데이션 맵]을 사용하여 색조를 쉽게 변경할 수도 있습니다.

그라데이션을 직접 조절하거나 사전 설정을 선택하여 이미지의 색조를 변경할 수 있습니다.

효과 색상을 줄이려면 불투명도를 낮춥니다. 효과는 아래의 모든 레이어에 적용됩니다.

10초 만에 완성된 옛날 필름 모드 ^ ^

제 튜토리얼에서 그라데이션 맵에 대해 더 자세히 알아볼 수 있습니다:

제 튜토리얼이 여러분의 작품을 표현하는 데 도움이 되었기를 바랍니다. 몇 가지 편집만으로 키프레임을 반복해서 그릴 필요가 없습니다 ^ ^

 

애니메이션을 즐기시고 건강하고 안전하게 지내세요. 다음 튜토리얼에서 뵙겠습니다.