이 튜토리얼에서는 클립 스튜디오의 2D 카메라 기능을 사용하여 아름다운 하늘을 만드는 기술을 보여주고 파노라마 장면 애니메이션에 적용합니다. 매우 쉽지만 멋진 결과를 제공합니다.

참고 :이 튜토리얼에 대한 영감은 제가 가장 좋아하는 애니메이션 인 Your Name에 멋진 하늘 장면이 많이 있습니다. ;)

비디오 튜토리얼

하늘 그림의 개요 개념

이들은 낮 동안 하늘의 가장 기본적인 구성 요소 인 푸른 하늘과 흰 구름입니다.

더 입체적으로 보이게하려면 구름에 그림자를 적용하고 하늘에 그라데이션을 적용하고 빛의 반사를 적용합니다.

지구 표면은 햇빛을 반사합니다. 이렇게하면 하늘의 그라데이션과 빛이 구름에 반사됩니다.

이러한 기본 사항으로 텍스처 브러시로 페인팅하면보다 사실적인 느낌을 줄 수 있습니다.

Clipstudio Asset에는 구름을 그리는 브러시가 많이 있습니다. 저에게는 제가 가장 좋아하는 것을 추천합니다

구름의 그림자 방향과 하늘의 그라데이션은 광원의 위치와 관련이 있습니다.

하늘의 빛 방향은 장면의 오브젝트에도 적용됩니다.

다른 유형의 구름도 있습니다. 높은 하늘 구름 (예 : 권적운 및 권층운)에는지면에서 너무 멀기 때문에 그림자가 나타나지 않습니다.

 

자연스러운 모습을 위해 여러 유형의 구름을 혼합 할 수 있습니다. 그 구조에는 제한이 없으며 자연은 놀랍습니다 :)

하늘을 빠르게 편집 할 수도 있습니다. 보정 레이어 [그라데이션 맵]을 사용하여 하늘의 색조를 조정하고 레이어 혼합 모드를 사용하여 태양과 별에 글로우 효과를 추가합니다.

그라디언트 맵 기본

그라디언트 맵은 다양한 버전에서 하늘을 편집하기위한 주요 키입니다.

그레이 스케일로 페인트하고 그라디언트 맵에 적용하면 그레이 레벨이 그라디언트 막대의 색상으로 바뀝니다.

이 예에서 흰색은 바의 오른쪽 가장자리에있는 노란색으로 바뀌고 검은 색은 바의 왼쪽에있는 색상으로 바뀝니다.

 

소프트웨어의 표준 사전 설정 인 하늘 그라디언트 세트도 있습니다.

 

표준 색상 세트에는 회색조 색상에 대한 스위치도 있으며 이는 값 페인팅에도 유용합니다.

그레이 스케일 이미지에 그라디언트를 적용하는 방법에는 두 가지가 있습니다.

1. 편집> 색조 보정> 그라디언트 맵

이렇게하면 한 레이어의 색상이 그라디언트 막대에서 색상으로 변경되며 편집을 적용한 후에는 그라디언트를 조정할 수 없습니다.

2. 레이어> 새 수정 레이어> 그라디언트 맵

그러면 그 아래의 모든 레이어를 덮는 새로운 그라디언트 맵이 생성되며 레이어 축소판을 두 번 클릭하면 그라디언트 맵 팝업이 나타나 조정 결과를 실시간으로 조정하고 볼 수 있습니다.

이 튜토리얼에서는 보정 레이어를 사용합니다

그라디언트 바의 기본 조정은 그라디언트 바 아래의 ^ 아이콘을 클릭하여 색상을 설정하거나 드래그하여 색상 위치를 조정하는 것입니다.

이 아이콘으로 색상 위치를 반대로 할 수도 있습니다.

또한 선택한 위치에 특정 색상을 지정할 수 있습니다.

Clip Studio 자산에서 다운로드 할 수있는 그라디언트 세트도 있습니다.

색상을 선택하는 데 많은 시간을 절약 할 수 있습니다.

 

 

다음은 이미지에 사용 된 자산에 대한 링크입니다.

이 메뉴로 자산 가져 오기

자산을 사용할 준비가되었습니다 !!

그래디언트를 조정하면 나중에 사용하기 위해이 아이콘으로 저장할 수도 있습니다.

하늘 그림

일반적으로 구름을 자유롭게 칠할 수 있지만 스케치는 특히 어안 렌즈로 이미지를 찍은 것처럼 곡선 구성의 경우 정렬에 도움이됩니다.

전경에서 배경 모드로 그라디언트 도구를 선택하고 다음과 같이 사전 설정을 지정하십시오.

 

'모양': 타원형 (어안 렌즈를 보이게하고 있기 때문에)

'생성 할 위치': 그라디언트 레이어 만들기

캔버스에서 그라디언트 영역을 드래그합니다.

캔버스에 그라디언트 레이어가 생성됩니다.

그런 다음 보정 레이어를 만들고

[레이어> 새 보정 레이어> 그라디언트 맵]

선호하는 하늘색으로 그라디언트 맵.

더 부드러운 그라데이션을 위해 색상 위치를 조정할 수 있습니다.

 

개체 도구로 그라디언트 레이어를 조정할 수도 있습니다.

새 레이어를 만들고 구름을 칠하십시오. 그래디언트 맵 수정 레이어에서 조정하기 위해 제어 가능한 값에 회색 음영 만 사용해야합니다.

(나는 [손가락 끝] 도구를 사용하여 높은 하늘 구름을 혼합합니다)

 

구름 레이어가 많은 경우 수정 레이어를 위해 하나의 폴더에 넣습니다.

그라디언트 맵을 적용한 후 아래 레이어에 클립합니다. 그래디언트 맵은 클라우드에만 적용됩니다.

이제 하늘과 일치하는 푸른 색조의 하늘이 있습니다.

캐릭터 레이어로 일부 레이어 블렌딩 모드 클리핑을 사용하여 캐릭터에 조명 효과를 적용 할 수 있습니다.

태양을 추가하려면

 

버스트 도구를 사용하여 태양 광선 효과 만들기

도구 속성에서 [선 간격]을 30으로 설정합니다.

그런 다음 모든 [Disarray] 설정을 비활성화하십시오.

태양 모양 위로 드래그

그런 다음 개체 도구로 편집하십시오.

선이 이미지를 채우도록 길이를 조정합니다.

개체 도구로 가장자리 노드를 이동하여 광선의 모양을 조정합니다.

설정 아이콘에서 도구에 대한 추가 설정을 찾을 수 있습니다.

시작을 비활성화하면 광선에 끝이 하나만 있습니다.

레이어를 래스터 화 한 다음 [손가락 끝] 도구를 사용하여 가장자리에 블렌딩 효과를 추가합니다.

참고 : 줄에서 드래그하려면 Shift 키를 누르고 있습니다.

광선을 원 모양에 병합하고 레이어를 복제하고 블러 필터 [Filter> Blur> Gaussian Blur]를 적용하고 레이어 블렌딩 [추가 (성장)]을 적용하여 반짝입니다.

각 레이어를 선택하고 [변형 만들기] (ctrl + T)를 선택하여 장면에 맞게 조정합니다.

끝마친

하늘을 황혼의 그늘로 조정하려면 하늘과 동일한 그라데이션으로 구름에 반전 된 그라데이션을 사용하여 실루엣을 만듭니다.

밤하늘의 경우 스프레이 브러시를 사용하여 별을 만듭니다.

그런 다음 레이어를 복제하고 흐림 필터를 적용합니다

[필터> 흐림> 가우시안 흐림]

이것은 별빛 효과를 만듭니다

애니메이션 파노라마 하늘 장면 만들기

우선 샷의 개요를 이해해야합니다. 목표는 카메라가 이렇게 패닝하는 동안 한곳에 머무르는 것입니다.

장면에서 움직이는 물체는 배경이되고 캐릭터에 프레임별로 원근 변경이 적용됩니다.

 

워크 플로우는 스토리 보드에서 장면 순서를 그리는 것으로 시작되며, 캐릭터를 프록시로 사용합니다.

그런 다음 키 프레임을 추가하고 타이밍을 조정합니다.

이 단계는 백그라운드 프로세스 작업을 시작하기에 충분하며 키 프레임 애니메이션은 별도로 수행됩니다.

 

>> 1 단계 : 배경 위치 스케치

애니메이션을위한 새 캔버스를 만듭니다. 키 프레임 타이밍 파일과 프레임 속도가 동일한 지 확인합니다.

 

(여기서는 초당 24 프레임을 사용했습니다)

메뉴 [File> Import> Create new file object]에서 키 프레임 타이밍 파일 (.clip)을 선택합니다.

파일에는 캔버스에 나타날 애니메이션이 포함되어 있습니다.

(레이어가 애니메이션 폴더 밖에 있는지 확인하십시오. 그렇지 않으면 캔버스에 표시되지 않습니다.)

가져온 개체의 타임 라인에 맞게 타임 라인 영역 조정

애니메이션 폴더에 배경 스케치를 그리고 우리가 만든 타이밍 키 프레임과 일치시킵니다.

참고 : 애니메이션 할 때 혼란을 피하기 위해 배경이 변경된 프레임을 몇 개만 그립니다.

>> 2 단계 : 하늘 그라디언트 추가

레이어> 파일 개체> 파일 개체에서 파일 열기를 마우스 오른쪽 버튼으로 클릭하여 타이밍 파일의 배경을 제거하여 시작합니다.

파일에서 배경 레이어를 제거하고 스케치 선만 남겨둔 다음 저장합니다.

파일 객체가 투명 해집니다.

그라디언트 레이어를 만들고 그라디언트 맵 보정 레이어 적용

애니메이션을 적용 할 그라디언트 맵의 레이어 키 프레임 활성화

프레임을 선택하고 [오브젝트 도구]로 스케치와 관련된 그라데이션 이동

마스크가 아닌 그라디언트에 레이어 키 프레임을 만들어야합니다 (그라디언트를 선택하려면 그라디언트 레이어 축소판을 클릭하십시오).

스케치 조정을 마치면 카메라 패닝을 따르는 그라데이션 하늘이 나타납니다.

>> 3 단계 : 배경 만들기

하늘로 이동하기 전에 배경을 표시하는 키 프레임이 있습니다.

배경을 그립니다. 여기서는 뒤쪽의 공원과 마을에 Clipstudio 자산을 사용합니다.

 

이미지 자료에서 유용한 이미지 자산을 찾을 수 있으며 바로 사용할 수있을뿐만 아니라 색상을 참조하는데도 유용합니다.

개체를 캔버스로 끌어서 사용하기 만하면됩니다.

나는 나무에서 색을 골라서 땅에 바릅니다

텍스처 효과를 만들기위한 기본 브러시도 있습니다. 잔디를 만들기 위해 바닥에 적용했습니다.

 

공원 뒤의 '투명한 도시'이미지 소재를 사용하여 먼 거리의 도시 풍경을 만듭니다.

그리고 더 멀리

재료의 레이어 속성을 사용하여 색상을 조정합니다.

결론적으로 배경에 3 개의 레이어를 만들 것입니다 (공원을 하나의 레이어로 병합).

배경의 움직임은 애니메이션 디자인에서 빠르게 멀어지기 때문에 하늘 그라디언트와 다릅니다.

 

키 프레임을 활성화하고 스케치 애니메이션의 위치와 관련하여 레이어를 멀리 이동합니다.

장면에서 표시되는 위치에만 키 프레임 만들기

(회전 및 모서리로 이동)

이 단계에서 카메라 패닝이 더 선명하게 보입니다.

>> 4 단계 : 클라우드 추가

클라우드의 경우 더 쉬운 제어를 위해 2D 카메라를 사용합니다. 레이어 키 프레임을 사용할 수도 있지만 약간 복잡합니다.

 

끝 장면에 구름을 칠하고 그라디언트 맵을 적용하면 작은 구름이 더 멀리 보이게 만듭니다.

캔버스 크기를 조정하고 편집> 캔버스 크기 변경으로 이동합니다.

숫자를 입력하거나 변환 테두리를 조정하여 캔버스에 맞게 크기를 조정할 수 있습니다.

 

클라우드에서 카메라 작업을위한 공간이 더 많으니 걱정하지 마세요. 내보낼 때 경계 가장자리에있는 오브젝트 만 표시됩니다.

 

확장 된 구름을 일직선으로 그립니다. 이것은 카메라 팬의 초기 단계에 사용됩니다.

2D 카메라 폴더 생성

모든 구름 레이어를

[오브젝트 도구]를 사용하여 카메라 폴더를 선택하고 클라우드 가장자리로 드래그합니다.

카메라 옵션에서 디스플레이 모드 옵션으로 카메라에 어떻게 나타나는지 확인할 수 있습니다.

(클라우드를 다시 편집하려면 필드 가이드 모드로 다시 전환해야합니다)

클라우드를 이동하는 3 단계가 있으며 이동하려는 위치에 키 프레임을 만듭니다.

배경이 완성되었습니다 !!

>> 5 단계 : 마무리

별도의 파일에서 캐릭터의 프레임 별 애니메이션을 만듭니다.

 

[중요!] 프레임 속도를 24로 설정합니다. 프레임 속도는 배경과 캐릭터가 같아야합니다.

참고 : 마지막 단계에서는 머리카락에 바람 이동 키 프레임도 추가했습니다.

애니메이션에 대한 자세한 내용은 여기에서 애니메이션 프로세스에 베 지어 도구 사용에 대한 이전 자습서를 확인하십시오.

타이밍 키 프레임을 완성 된 캐릭터 애니메이션으로 교체

배경과 크기가 같은 캐릭터 파일을 만드는 것을 권장하므로 가져 오기에 문제가 없습니다.

선택 사항 : 태양 레이어도 추가하고 레이어 키 프레임 적용

그런 다음 카메라 폴더의 클라우드 위치와 관련하여 이동

캐릭터에 빛과 음영 효과를 위해 일부 레이어 클리핑을 적용하십시오.

그리고 끝났습니다 !! 클립 스튜디오와 함께하는 간단한 하늘의 파노라마 !!

참고 : 그라디언트 맵을 조정하여 3 분 이내에 장면의 시간을 변경할 수 있습니다.

이 튜토리얼이 여러분의 애니메이션 장면에 도움이 되었기를 바랍니다. Happy animating !! ^ ^