고급 애니메이션 기술: 전문가처럼 애니메이션 만들기 [CSP EX]

1,737

BoltzSquad

BoltzSquad

풀타임 랩(내 전체 과정)의 경우, 스케치부터 최종 결과까지 YouTube에서 이 영상을 시청하세요 :)

최종 구성을 보려면 아래 비디오를 시청하세요.

애니메이션에 대하여

애니메이션은 특히 캐릭터 애니메이션과 같은 복잡한 주제입니다. 초보자라면 애니메이션을 하면 움직이는 표적을 겨냥하는 것처럼 채워질 것입니다. 애니메이션을 배우는 것은 먼 길을 가는 과정입니다. 여기에서는 매일 많은 것을 연습해야 하기 때문에 애니메이션을 더 잘할 수 있습니다. 애니메이션에서는 모든 상상을 현실로 만들 수 있습니다.

 

애니메이션은 경계와 한계가 없는 상상력과 창의성의 세계입니다. :)

 

 

애니메이션에 대한 오해

애니메이션에 대한 오해가 있는데, 그림을 잘 그리면 애니메이션도 할 수 있다고 생각하는 것 아닐까요?

 

대답은 거대한 NOO입니다…

 

왜냐하면 [애니메이션 ≠ 일러스트레이션]

[애니메이션 = 움직임 ]

 

 

대부분의 초보자들은 스케치부터 최종 구성까지 애니메이션을 만드는 과정을 유튜브로 보고 스스로 그렇게 애니메이션을 만들려고 노력하지만 실패합니다. 그들의 애니메이션은 고르지 못하고 이상해 보입니다. 왜 이런 일이 일어났나요? 튜토리얼을 보셨죠?

 

왜냐하면 튜토리얼을 봤지만 실제로 초보자들은 그 애니메이션이 어떻게 만들어졌는지를 모르기 때문입니다. 애니메이션을 진행하는 과정에서 일어나는 일들은 너무나 많습니다. 초보자는 애니메이션의 12가지 동작 원리에 대한 이해가 부족하기 때문에 애니메이션을 만들 수 없습니다.

Summery(애니메이션에 대한 오해)

애니메이션은 애니메이션을 만들 수 있으려면 시간과 많은 연습이 필요한 완전히 다른 기술입니다. 12가지 모션원리를 알아야 더 좋은 애니메이션을 만들 수 있어요 :)

애니메이션을 만들어 보세요 :)

애니메이션 캔버스 설정

이 애니메이션에서는 Clip Studio Paint EX를 사용하고 있습니다. CSP EX 버전은 만화, 만화, 일러스트레이션 제작부터 애니메이션 제작까지 필요한 모든 기능을 갖추고 있습니다. 기능은 무제한입니다 :)

 

Clip Studio Paint PRO는 일러스트레이션과 만화에 적합하며 기능이 제한되어 있습니다.

애니메이션 캔버스를 만들려면 [ File ] > [ New]로 이동하세요.

이 창이 나타나면 비디오 아이콘을 클릭하고 확인을 클릭하여 애니메이션 캔버스를 만듭니다.

Tittle safe Area- 이것은 경계선입니다. 이 선 아래에 모든 그림을 그려야 합니다. 최종 결과에는 이 경계선 내부의 내용만 표시됩니다. 이 항목을 선택 취소하면 이제 전체 캔버스에 그릴 수 있지만 저는 이 제목을 사용하여 작업하는 것을 좋아합니다. :)


이것이 애니메이션 캔버스 인터페이스의 모습입니다. 필요에 따라 치수를 선택할 수 있습니다. 이것은 정사각형 캔버스의 예입니다. 사전 설정 옵션에는 1920*1280 크기와 같은 다른 옵션이 있습니다. 치수를 수동으로 작성할 수도 있습니다 :)

왼쪽에는 캔버스 설정이 있고 오른쪽에는 시간 설정이 있습니다.

애니메이션 캔버스는 다음과 같습니다.

타임라인이 표시되지 않으면 [ Windows ] > [ [ Timeline(x) ]로 이동하세요.

이제 이것이 애니메이션 캔버스의 전체 인터페이스입니다. 애니메이션 인터페이스의 기본 옵션은 아래를 읽어보세요. :)

애니메이션 프로세스

그렇다면 애니메이션의 12가지 원칙은 무엇일까요?

  • 스쿼시핸드스트레치

  • 기대

  • 스테이징

    • 직진 액션과 포즈 간 액션

    • 후속 작업 및 중복 작업

  • 완화

  • 보조 액션

  • 타이밍

  • 과장

  • 솔리드드로잉

  • 항소

이것은 12가지 동작 원리이며 여기서는 그 중 4가지를 사용하여 캐릭터에 애니메이션을 적용하겠습니다. 애니메이션에 이러한 모든 원칙을 적용할 필요는 없습니다. 하지만 이러한 원칙은 다양한 종류의 작업에 따라 사용되는 경우가 많기 때문에 모든 원칙을 알아야 합니다.

 

여기서 이 모든 원리를 설명하기 시작하면 너무 길어질 것 같습니다. 이것이 제가 사용할 4가지 원칙에 대한 간략한 개요입니다. :)

4가지 원칙

이제 애니메이션을 적용해 봅시다

벡터 대 래스터 레이어

깨끗한 선화를 그리기 전에 깨끗한 그림을 그릴 위치를 알아야 합니다.

 

벡터 레이어- 벡터 레이어는 각 선의 시작점, 끝점, 곡률을 기록합니다. 이미지를 확대하면 아무리 크게 만들어도 정보가 손실되지 않습니다. 이 레이어를 사용하면 이미 그려진 선을 편집할 수도 있습니다.

 

래스터 레이어- 래스터 레이어는 픽셀로 구성되므로 이미지를 확대하면 정보가 손실됩니다. 표준 래스터 레이어는 픽셀을 사용하여 레이어 정보를 기록합니다.

 

팁- 라인 아트에 벡터 레이어를 사용하면 보다 효율적으로 작업하는 데 도움이 되며 라인 아트에서 많은 시간을 절약할 수 있습니다.

 

색칠하려면 래스터 레이어를 사용하세요. 벡터 레이어에서는 색칠을 위해 채우기 버킷 도구를 사용할 수 없기 때문입니다. 이 레이어는 빠른 색칠을 하는 데 도움이 됩니다.


1. 키 포즈

주요 포즈는 스토리를 전달하는 그림입니다. 이 그림은 캐릭터가 어떤 행동을 할지에 대한 아이디어를 제공합니다. 그러니 먼저 주요 포즈를 그려보세요 :)

제 주요 포즈는 다음과 같습니다

이 파란색 선은 호라고 하며, 위의 4가지 원칙 예에 표시된 대로 이 선에 타이밍을 표시할 수 있습니다. :)

팁 - 호를 동적 모션의 가이드로 사용하세요 :)

2.인비트윈

팁 -

더 많은 중간 = 슬로우 모션(주요 도면 사이의 간격 감소)

 

더 적은 간격 = 빠른 동작(주요 도면 사이의 간격이 더 넓음)

그사이에는 제가 말했던 4가지 동작 원리도 사용하고 있어요 :)

팁 - 인비트윈을 하는 동안 어니언 스킨을 켜세요.

참고 - 저는 제 호와 타이밍에 맞춰 중간중간 하고 있어요.

나는 완화 기능도 사용하고 있습니다. 이것을 보면 겁이 날 수도 있습니다 ㅋㅋㅋ :)

아래에는 여기에 사용된 전체 내용과 모든 원칙이 나와 있습니다. :)

애니메이션의 이 단계는 너무 압도적이다.

3. 베이스 컬러

모든 그림과 그 사이를 마친 후 모든 그림에 기본 색상을 추가하세요.

4.플랫 컬러 및 셰이딩

베이스 컬러를 완성한 후 플랫 컬러를 추가하고 쉐이딩을 해주세요.

더 나은 색상을 얻으려면 색상 이론을 공부할 수 있습니다.

팁 - 클립을 사용하여 아래 레이어 옵션을 사용하면 색상이 기본 색상을 벗어나지 않습니다. :)


채색 및 음영

모든 채색 과정을 마친 후 이제 애니메이션을 내보낼 수 있습니다 :)

애니메이션 내보내기

애니메이션을 내보내려면 [ 파일 ] > [ 애니메이션 내보내기(Y) ] > [ 영화… ]로 이동하세요.

 

애니메이션을 GIF로 내보낼 수도 있습니다.

최종 결과

모든 채색 과정을 마치고 배경을 만든 후 이제 최종 애니메이션이 완성되었습니다 :)

채색 전

최종 애니메이션

애니메이션에 음향 효과를 추가했습니다. YT 영상에서 확인하실 수 있습니다 :)

이 애니메이션이 마음에 드셨으면 좋겠습니다. 이 팁에서 실수를 했다면 알려주시고 양해해 주세요. 다음에는 더 잘하도록 하겠습니다 :)

 

 


이 팁이 귀하에게 충분한 도움이 되었기를 바랍니다. 이것이 귀하에게 완전한 도움이 되었다면 제가 도움을 드릴 수 있어서 정말 기쁩니다 :)

감사합니다 :)

댓글

신착

공식 신착