안녕하세요! 며칠 전 아이디어가 떠올라 도형 도구(특히 올가미 채우기 도구)를 애니메이션 워크플로에 통합하는 방법을 자세히 설명하는 튜토리얼을 만들고 싶었습니다.

 

이 팁이 여러분의 작업 속도를 높이고 에너지 폭발이나 폭발과 같은 멋진 VFX를 만드는 데 도움이 되기를 바랍니다!!

 

다른 요소를 그리는 보너스를 보려면 아래로 스크롤하세요!

 

작은 경고 – 이 튜토리얼은 초보 애니메이터를 위한 가이드가 아닙니다! 애니메이션 기능과 키프레임을 사용할 예정이므로, 이 튜토리얼을 시작하기 전에 클립 스튜디오의 공식 튜토리얼을 통해 클립 스튜디오에서 애니메이션을 시작하고 만드는 방법을 이해하는 것을 권장합니다.

 

프레임 제한이 없기 때문에 클립 스튜디오 EX를 사용하고 있지만, PRO 버전에서도 매우 유사한 결과를 얻을 수 있습니다!

 

이 팁이 마음에 드셨다면 좋아요와 구독을 잊지 마세요!

 

 

계획 및 썸네일

장면에서 어떤 일이 일어날지 결정하세요!

 

모든 개체나 캐릭터의 배치(에너지/요소가 어떤 방식으로 움직이는지)를 결정하기 위한 썸네일을 만드세요. 목표는 나중에 따를 수 있는 빠르고 대략적인 아이디어를 만드는 것입니다.

 

저는 제 오리지널 캐릭터를 추가하고 그녀의 손에서 에너지 빔을 발사하도록 결정했습니다.

러프 스케치

새 캔버스에 새 타임라인을 만드세요. 타임라인은

프레임 속도를 초당 12프레임으로 설정했습니다.

원하는 모양의 매우 빠르고 대략적인 버전을 애니메이션화하세요.

 

캐릭터를 삽입하고 에너지 빔과 폭발을 스케치하기 시작했습니다. 간단한 기하학적이고 비정형적인 모양으로 분해하려고 했습니다.

 

결국 캐릭터가 폭발에 의해 뒤로 밀리는 것을 원했기 때문에 발 근처에 약간의 먼지를 추가했습니다.

프로 팁: 지면 평면이나 원근 그리드를 추가하면 효과를 현실감 있게 만들고 주변 환경에 더 잘 맞출 수 있습니다.

애니메이션 폴더를 2D 카메라 폴더에 삽입하여 카메라 각도와 움직임을 테스트할 수도 있습니다.

 

홀드 모드로 설정된 키프레임으로 약간의 흔들림을 추가하고, 폭발이 일어날 때 스무스 타입 키프레임으로 카메라가 줌아웃되도록 했습니다.

도형 도구로 애니메이션하기

러프 레이어의 불투명도를 낮추고 새 애니메이션 폴더를 추가하세요. 각 요소마다 다른 폴더를 사용하는 것을 강력히 권장합니다. 그러면 나중에 키프레임을 조정하고 추가할 수 있습니다.

 

먼저 다음을 사용하겠습니다.

 

타원 도구

 

첫 번째 요소는 에너지 볼입니다. 이를 만들려면 타원 도구를 사용하세요. "도형 도구 > 직접 그리기" 보조 도구에서 찾을 수 있습니다.

Shift 키를 누른 채 모양을 드래그하면 완벽한 원을 만들 수 있습니다.

두 개의 키프레임을 사용하여 공이 작게 시작하여 크게 성장하도록 만듭니다.

애니메이션 셀 가장자리를 드래그하여 공이 나타나는 프레임에만 보이도록 조정하세요.

 

이제 역장/파장을 만들어 보겠습니다:

 

타원 도구를 사용하여 손 주위에 고리 모양을 그립니다. 각각 다른 폴더에 그렸습니다. 작게 시작하여 앞으로 이동하고 커지도록 키프레임을 추가하세요.

 

현재까지 진행 상황:

다음으로 빛줄기를 추가해 보겠습니다:

 

두 가지 다른 도구인 올가미 채우기(LASSO FILL)와 직선(STRAIGHT LINE)을 사용하여 만듭니다.

올가미 채우기 도구를 사용하여 빠르고 날카로운 구불구불한 선 모양을 추가하세요. 이 도구는 모양을 선택하자마자 자동으로 색상을 채워주기 때문에 좋습니다.

지우개로도 작동합니다!

새 프레임에서 직선 도구를 사용하여 구불구불한 선이 있던 자리에 직선 빔을 그립니다.

 

이 도구를 사용하려면 클릭하고 원하는 위치로 드래그하세요.

다음으로 에너지 폭발을 만들어 보겠습니다.

올가미 채우기 도구를 사용하여 초안에 따라 다양한 모양을 만듭니다.

폭발 모양을 추가하고 더 작은 모양으로 분해하여 서서히 사라지게 만들었습니다.

새 애니메이션 폴더에 더 어두운 색상을 사용하여 파워 폭발에 더 많은 디테일을 추가합니다. 선 안에 쉽게 그릴 수 있도록 이전 폭발 애니메이션 폴더에 애니메이션 폴더를 클리핑합니다.

 

이 두 애니메이션 레이어를 단일 일반 폴더에 넣습니다.

현재까지 진행 상황:

색상 추가

다음으로, 새 애니메이션 폴더에서 버킷 도구를 사용하여 각 프레임을 채웁니다.

(공과 빛줄기용)

 

완료한 후에는 선 레이어를 숨기거나 채우기 색상과 일치하도록 변경할 수 있습니다.

 

또한 G펜으로 타원 위에 손으로 그려서 더욱 역동적이고 사라지는 느낌을 주었습니다.

 

 

선택 사항: 중간 프레임 및 세부 정보 추가

레이어를 선택하고 "색상 추가" 옵션을 선택하여 효과에 색상을 추가하세요. 에너지가 어떤 요소인지에 따라 색상을 선택하세요.

 

(예: 전기는 파란색, 불은 주황색과 노란색 등..)

색상을 한 폴더에 넣고, 보정 레이어와 오버레이 그라디언트를 폴더 안에 추가하여 완벽한 색상 변경을 할 수 있습니다!

마무리

새 애니메이션 폴더에서 부드러운 브러시로 모양 위에 발광 효과를 추가합니다.

 

배경 및 보정 레이어를 추가합니다. 클립 스튜디오의 3D 옵션 중 하나를 사용했습니다.

 

필요한 경우 타이밍 문제를 수정하고, 캔버스 크기를 와이드 스크린 비율로 자릅니다.

 

 

모든 것을 2D 카메라 폴더에 삽입합니다. 흔들림 및 팬 아웃을 위한 키프레임을 추가합니다.

 

선택 사항: 캐릭터 및 먼지 레이어를 단일 폴더에 넣고, 폭발이 발사되면 캐릭터와 먼지 레이어를 더 뒤로 밀어내는 키프레임을 추가했습니다.

완성된 결과!

보너스 요소

올가미 채우기 방법을 사용하여 애니메이션 및 그림에 다른 요소를 만들 수 있습니다.

 

기억하세요:

 

1. 모양을 차단합니다.

2. 클리핑된 레이어에 보조 색상을 추가하고, 필요한 경우 세 번째 색상으로 반복합니다.

3. 위에 발광 또는 오버레이 레이어를 추가합니다.