일러스트레이션에서 쉽게 전통적인 잉크 스타일 애니메이션

4,774

viciaia

viciaia

구식 애니메이션을 만들기 위해 반복적으로 그리는 것처럼 흔들리는 잉크를 추가하여 일러스트에 향수를 불러 일으 킵니다. 이것은 스토리 텔링 애니메이션이나 플래시백 장면에 좋은 아이디어가 될 수 있습니다. (^ _ ^)

단일 일러스트레이션으로 매우 쉽게 만들 수 있으며 몇 개의 키 프레임 만 있으면됩니다. 프레임 제한이 24 프레임 인 Clipstudio Paint Pro 버전에서도 만들 수 있습니다.

비디오 튜토리얼

파트 1 : 일러스트레이션 준비

이 튜토리얼에서 사용한 일러스트레이션을 위해 준비한 프로세스는 다음과 같습니다.

이 효과를 내려면 아트에 벡터 레이어에 윤곽선이 있어야합니다. 벡터 레이어에 잉크가 묻지 않은 일러스트레이션에이 효과를 적용하려면 다음 프로세스를 계속하기 전에 초안을 그려야 할 수 있습니다.

 

새 벡터 레이어를 만들고 그 위에있는 모든 윤곽선을 G 펜으로 간단히 칠합니다.

 

[선택 사항] 나중에 회전 운동을 위해 별도의 레이어에 종이 터빈을 그립니다.

벡터 레이어 작업에 대한 자세한 내용은. 내 튜토리얼을 확인하십시오.

혼란을 피하기 위해 나중에 더 많은 움직임을 만들 계획이라면 애니메이션을 위해 부분을 그룹화하십시오.

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

예술에 전통적인 모습을 만드는 열쇠는 잉크와 색상에 질감을 추가하는 것입니다.이 튜토리얼에서는 제가 가장 좋아하는 Clipstudio 기본 브러시 인 [질감 펜]을 사용합니다.

도구 속성 패널의 오른쪽 하단에있는 설정을 통해 더 많은 질감을 보이도록 브러시를 사용자 지정할 수 있습니다. 추가 브러시 설정을위한 팝업 패널이 나타납니다.

좀 더 거친 느낌을 원한다면 브러시 끝의 [두께]와 브러시 획의 [간격]을 조정할 수 있습니다.

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

브러시 사용자 정의가 끝나면 복제 브러시 아이콘을 클릭하여이 설정으로 브러시 사본을 만듭니다.

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

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

 

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

 

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

잉크의 벡터 레이어를 선택하면 [개체 도구]로 [도구 속성] 패널에서 잉크 설정을 볼 수 있습니다.

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

브러시 모양 옵션을 클릭하면 등록한 브러시를 확인하고 선택하면 벡터 잉크에 즉시 브러시가 적용됩니다.

이 옵션을 사용하여 브러시 크기와 브러시 동적을 조정할 수도 있습니다.

브러시 역학에 대해 자세히 알아보기. 여기에서 전통적인 잉크에 대한 튜토리얼을 확인하십시오.

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

획의 [간격] 값을 조정하여 잉크 흐름을 더 매끄럽게 만듭니다.

 

바 조정을 활성화하려면 [간격]에 대한 첫 번째 옵션을 선택해야합니다.

 

그러나 조정 영역이 지저분하게 보일 수 있습니다 (잉크 작업 방식에 따라 다르며 더 깔끔한 획 일수록 사용자 정의가 더 쉬워집니다)

[선 두께 조정] 보조 도구의 [선 두께 조정] 도구로 쉽게 고정 할 수 있습니다.

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

 

[선택 사항] 또한 색상 레이어에 흐림 효과를 적용하여 더 부드럽게 보입니다.

 

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

 

그런 다음 메뉴 [Filter> Blur> Gaussian blur]로 흐리게 처리합니다.

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

전통적으로 이것이 제가 이런 스타일로 애니메이션을 만드는 방법입니다. 벡터 레이어를 알기 전의 삶은 제게 시간이 많이 걸리는 작업입니다. 움직이지 않는 장면을 재미있게 보이게하기 위해 항상 반복되는이 작은 움직임을 추가합니다.

초당 더 많은 프레임을 제공할수록 더 빠르게 움직입니다. 때로는 느린 움직임이 이야기 주제에 더 적합합니다.

 

타임 라인 패널에서 새 타임 라인 생성 아이콘을 클릭합니다. (이 패널이없는 경우 [창> 타임 라인]에서 열 수 있습니다.)

 

Clipstudio Paint Pro 버전을 사용하는 경우 재생 시간이 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를 사용하여 시간 절약)

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

 

참고 : 프레임 속도가 기본 이미지와 동일한 지 확인하십시오.

 

그러나 애니메이션은 기본 이미지에 나타나지 않으므로 (개체를 애니메이션되지 않은 개체로 기억하기 때문에) 애니메이션 파일 개체로 다시 가져와야합니다.

 

[File> Import> Create file object]에서 터빈 파일을 선택합니다.

 

[오브젝트] 또는 [이동] 도구를 사용하여 파일을 해당 위치로 이동합니다. 그런 다음 이전 개체 파일을 삭제합니다.

터빈의 잉크 애니메이션이 메인 이미지에 나타납니다.

터빈에 회전 운동을 추가하고 개체 레이어를 선택한 다음 레이어 키 프레임을 활성화합니다.

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

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

여기서 터빈은 시계 반대 방향으로 움직입니다.

따라서 첫 번째 키 프레임은 360 도로 설정되고 마지막 프레임은 270, 180, 90, 0의 90도 단계로 설정할 수 있습니다 (터빈은 4면이 대칭이기 때문에 90 도마 다 동일한 이미지가 표시됩니다. 회전)

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

 

지난 튜토리얼에서 회전에 대해 더 명확하게 설명했습니다.

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

그리고 터빈이 완성되었습니다 !!

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

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

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

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

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

고양이 깜박임 ^ w ^) /

 

다음은 매우 쉬운 전통적인 잉크 애니메이션입니다.

 

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

프레임의 총 수를 변경하지 마십시오

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

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

파트 5 : 종이 텍스처와 카메라 효과를 사용한 최종 터치

이 단계에서는 수채화 용지와 카메라 흔들림과 같은 일러스트레이션에 더 많은 효과를 적용하여 손으로 그린 키 프레임처럼 보이게합니다.

화면에 종이 텍스처를 넣으십시오. 여기에서는 표준 Clipstudio 텍스처 인 Drawing Paper를 사용합니다. 그러나 표준 재질이 마음에 들지 않으면 Clipstudio 자산에서 많은 종이 텍스처를 찾을 수 있습니다.

 

Material 패널에서 Drawing paper 텍스처를 찾을 수 있습니다. 애셋을 캔버스에 끌어다 놓기 만하면됩니다.

 

(캔버스에서 재료를 드래그하기 전에 맨 위에있는 레이어를 선택해야 텍스처가 모든 레이어 위에 나타날 수 있습니다)

 

[오브젝트] 도구로 재료 크기 조정

 

레이어 블렌딩 모드를 변경합니다. 여기서는 [Linear burn] 모드를 사용하여 이미지에 텍스처의 그림자를 블렌딩합니다. 그런 다음 불투명도를 조정하여 더 밝게 만듭니다.

텍스처 색상은 기본적으로 회색조입니다. 이미지의 색조가 너무 어두워 질 수 있습니다.

더 자연스럽게 보이도록 텍스처의 레이어 색상을 변경합니다.

 

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

 

종이에도 약간의 움직임을주고 새 애니메이션 폴더를 만들고 텍스처 레이어를 안에 넣습니다. (나는 또한 이름을 바꿉니다)

텍스처 레이어를 복제하고 개체를 이동 / 회전하여 텍스처를 이동합니다.

또한 불투명도를 조정하여 가벼운 글리치 효과를 만드십시오.

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

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

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

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

또한 폴더의 혼합 모드를 [통과]로 설정해야합니다.

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

비 네트를 추가하려면 새 레이어를 만들고 부드러운 에어 브러시로 가장자리를 칠하십시오.

레이어 합성 모드를 [Linear Burn]으로 설정하고 불투명도를 조정합니다.

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

카메라 흔들림을 만들려면 새 2D 카메라 폴더를 만들고 모든 레이어를 안에 넣으십시오.

타임 라인에서 카메라를 약간 (조금만) 조정하여 카메라에 결함을 만듭니다.

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

 

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

 

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

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

끝!!

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

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

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

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

내 튜토리얼에서 그라디언트 맵에 대해 자세히 알아볼 수도 있습니다.

내 튜토리얼이 당신의 예술을 표현하는 것에 대한 아이디어를 얻길 바랍니다. 몇 번만 수정하면 키 프레임을 반복적으로 그릴 필요가 없습니다 ^^

 

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

댓글

신착

공식 신착