소개

그래서 2D 애니메이션이 다른 사람들에게는 어려운데, 그래서는 안 됩니다.

 

이전에 플립북을 사용하여 애니메이션을 적용하는 방법을 이미 알고 있었지만 애플리케이션을 배우는 것은 여전히 어려운 일입니다.

 

무언가를 그리기 시작하기 전에 최소한 연필 잡는 방법을 알아야 합니다.

 

하지만 이 경우에는 애플리케이션을 사용하는 방법을 알아야 합니다.

 

이 비디오에서는 Clip Studio Paint를 사용하여 애니메이션을 만드는 방법을 가르쳐 주고, 클래식 애니메이터처럼 애니메이션에 대한 충분한 지식과 기술을 공유하여 최소한 소셜 미디어에 사용자 정의 이모티콘을 만들 수 있도록 하겠습니다.

또한 시각적 프리젠테이션에 대해 더 알고 싶은 사람들을 위한 비디오 튜토리얼도 있습니다.

1.1부 - 작업 공간 준비

먼저 캔버스를 엽니다. 애니메이션 사전 설정을 선택했는지 확인하세요.

내 캔버스 크기는 128 x 128(픽셀)(px)입니다. 이는 이모티콘에 대한 가장 큰 권장 크기이지만 사이트에 따라 크기가 다를 수 있기 때문입니다.

 

512x512px와 같이 더 크게 만들 수 있고 스티커도 가능하지만 더 자세한 내용을 추가하고 싶지 않도록 128px를 유지하겠습니다.

 

이는 두 가지 크기에 대한 시각적 표현입니다.

일반적으로 모든 설정을 그대로 놔도 되지만 저는 캔버스에 중앙 안내선이 있을 수 있도록 타일 안전 영역을 유지하겠습니다.

일관성을 유지하고 프레임 외부에 그릴 때마다 추적할 수 있도록 여백도 추가했습니다.

Clip Studio Paint EX를 사용하고 있기 때문에 애니메이션에 더 많은 프레임을 넣을 수 있지만 이 튜토리얼은 모든 사람을 위해 필요하므로 Clip Studio Paint PRO의 제한 사항을 따르고 재생 시간을 설정하겠습니다. 24로 설정하고 프레임 속도를 12로 설정하여 최대 2초 애니메이션을 사용할 수 있습니다.

애니메이션 캔버스를 열면 애플리케이션 하단에 애니메이션을 수행할 수 있는 타임라인 창이 나타납니다.

하지만 어떤 이유로든 잃어버렸을 때 언제든지 Windows 아래의 메뉴 표시줄과 타임라인에서 찾을 수 있습니다.

또한 메뉴의 애니메이션 탭에서 애니메이션에 필요한 모든 것을 찾을 수 있지만 여기서는 이에 대해 모두 논의하지 않겠습니다. 이것은 자유 시간 동안 실험해 볼 수 있는 참고 사항입니다.

또한 작업하는 동안 이모티콘의 실제 크기를 볼 수 있도록 창을 복제하는 것이 좋습니다.

그렇게 하려면 메뉴의 창 탭을 드롭다운하고 캔버스를 선택한 다음 새 창을 선택하세요.

 

그러면 현재 진행 중인 항목에 대한 중복 창이 제공됩니다.

그리고 새 창을 탭 밖으로 끌어서 창 크기를 조정하고 확대/축소를 100으로 유지하면 이모티콘의 실제 크기를 얻을 수 있습니다.

1.2부 - 애니메이션 타임라인

타임라인에서는 모든 애니메이션 레이어를 찾을 수 있습니다. 레이어 창에 있는 내용은 타임라인에도 있지만 애니메이션 친화적인 작업 공간을 만들기 위해 다르게 배열됩니다.

 

애니메이션 사전 설정 캔버스를 열면 기본적으로 애니메이션 폴더가 표시됩니다.

더 필요한 경우 이 새 애니메이션 폴더 아이콘을 클릭하여 다른 애니메이션 폴더를 만들 수 있습니다.

 

 

애니메이션 폴더는 우리가 알고 있는 일반 폴더와 다릅니다.

 

애니메이션 폴더는 모든 애니메이션 셀과 프레임을 배치해야 하는 곳입니다.

애니메이션에 더 많은 레이어를 포함하려는 경우 애니메이션 폴더를 2개 이상 추가할 수 있습니다.

프레임 속도 변경과 같이 타임라인을 변경하고 싶었던 경우.

 

타임라인의 왼쪽 상단에 있는 3개의 선을 따라가면 쉽게 할 수 있습니다.

 

타임라인을 선택하고 프레임 속도 변경을 선택합니다.

 

이 경우 8프레임을 넣으면 총 24프레임에 3초 애니메이션이 됩니다.

타임라인의 구분은 몇 초의 애니메이션을 수행할 수 있는지를 나타냅니다.

또한 내 애니메이션 타임라인에 썸네일이 없다는 것도 알 수 있습니다. 캔버스에 그림을 그릴 수 있는 공간을 더 많이 확보하기 위해 그렇게 두었기 때문입니다.

 

3줄로 이동한 다음 썸네일을 선택하면 쉽게 할 수 있습니다.

1.3부 - 셀 및 프레임

어떤 사람들에게는 Cel과 Frame이 혼란스럽습니다. 적어도 처음에는 카메라와 컴퓨터 때문에 초당 60프레임을 듣는 것처럼 프레임 간 작업에 대해 생각하게 되었습니다. 그러나 그들은 약간 다릅니다.

 

나에게는 프레임 셀이라고 부르는 것이 별 문제가 되지 않았지만 애니메이터에서 통신하는 경우에는 이것이 때때로 중요할 수 있습니다. 고객과 대화할 경우 고객이 적절한 용어를 알고 싶어하지 않는 한 그렇지 않을 수도 있습니다.

더 간단한 논리로 설명하자면 셀은 애니메이션의 레이어일 뿐입니다.

제가 만든 이 샘플 애니메이션처럼 셀은 타임라인의 여러 프레임에서 반복적으로 사용될 수 있습니다. 셀 1개는 1개의 그림이 될 수 있으며 나중에 재활용할 수 있습니다.

 

이 애니메이션에서는 Cel #4를 프레임 11과 15에 사용하여 다시 그리지 않음으로써 시간을 절약할 수 있습니다.

이제 용어를 이미 아셨으니 새 애니메이션 폴더 옆의 나머지 3개 아이콘의 사용법도 이해하실 수 있을 것입니다.

첫 번째는 New Animation Cel.입니다.

 

기본적으로 프레임에 그릴 수 있는 빈 셀을 추가하면 됩니다.

 

그 옆의 다음 아이콘은 프레임에 셀 할당입니다.

 

즉, 프레임에 기존 셀을 할당하게 됩니다.

또는 특정 프레임 지점을 마우스 오른쪽 버튼으로 클릭하고 추가하려는 셀을 선택할 수도 있습니다.

2부 - 애니메이션

이제 재미있는 부분인 애니메이션을 살펴보겠습니다.

 

애니메이션에는 원칙이 있지만, 정보가 너무 많아서 여기서는 각각에 대해 논의하지 않겠습니다.

 

하지만 저는 이것이 중요하므로 여유 시간에 조금 검색해 보고 싶을 수도 있다는 점을 말씀드리고자 왔습니다.

 

• 애니메이션의 원리는 기본적으로 라이프 아트입니다.

 

생활 속에서 충분히 관찰하다 보면 애니메이션 옆에 무엇을 추가해야 할지 직관하게 될 것입니다.

 

이제 내 캐릭터 이모티콘의 디자인은 원숭이 왕이 될 것입니다. 왜냐하면 나는 원숭이의 해이고 사자자리의 황도대이기 때문입니다.

그리고 가능한 한 단순하게 만들고, 세부 사항을 줄여서 볼 항목과 애니메이션을 적용할 선을 줄입니다.

애니메이션할 라인이 많음 = 시간이 더 많이 소요됩니다.

2.1부 - 키프레임 포즈

따라서 애니메이션을 수행할 때 가장 먼저 해야 할 일은 키프레임 포즈를 그리는 것입니다.

 

키프레임 포즈는 기본적으로 발생할 액션의 시작 포즈, 액션 변경의 시작, 종료 포즈입니다.

목표는 키프레임 포즈만으로도 캐릭터의 동작을 읽을 수 있다는 것입니다.

양파 스킨을 활성화하면 만든 다음 셀과 이전 셀을 볼 수 있습니다.

애니메이션 탭 > 애니메이션 셀 표시 > 어니언 스킨 설정으로 이동하여 설정을 변경할 수 있습니다.

애니메이션의 추가 작업을 볼 수 있도록 표시할 셀 수를 변경할 수 있습니다.

 

색상과 불투명도를 변경할 수 있습니다. 이는 이후 과정에서 매우 도움이 될 것입니다.

2.2부 - 중간

공백을 채우지 않으면 애니메이션이 완성되지 않습니다.

 

중간중간 필요한 시간입니다.

 

In-between은 기본적으로 애니메이션의 부드러운 움직임을 위해 간격 사이에 그림을 그리는 것입니다.

변경사항을 보려면 이전입니다.

그리고 이건 이후입니다

프레임이 많을수록 애니메이션이 더 부드러워집니다.

 

프레임을 두 배로 늘리면 애니메이션이 훨씬 좋아지지만 애니메이션을 적용하는 데 시간이 많이 걸립니다.

 

 

2.3부 - 스미어링 및 모션 블러

초당 12프레임 애니메이션을 사용하면 더 부드럽게 만들 수 없습니다.

우리가 여기서 했던 것과 똑같습니다. 충분히 빨라 보이지 않아서 그의 움직임에 속도감이 없습니다.

 

이 부분에 번짐을 추가하여 빠른 동작의 환상을 만들 것입니다.

실제로 너무 빠르게 움직이면 모션 블러가 발생합니다. 하지만 우리는 엄격한 작업을 진행 중이므로 스미어링을 추가하면 문제가 해결됩니다.

 

추가되었을 때의 변경 사항은 다음과 같습니다.

2.4부 - 스쿼시 및 스트레치

이제 이모티콘에 텍스트를 추가하여 스쿼시 및 늘이기 기술을 사용할 수 있습니다.

 

이는 스미어링(smearing)과 약간 유사하지만 차이점은 빠른 동작으로 움직일 때 개체가 늘어나게 된다는 것입니다. 이것은 부드러운 물체에 완벽하게 작동합니다.

들어갈수록 늘어나고 원래 형태가 되기 전에 목적지에 도달하면 찌그러집니다.

그러면 그것이 얼마나 탄력있게 보일지 보여줄 것입니다.

3부 - 이모티콘 마무리

캐릭터를 이동한 후 헤어 모션 등 별도의 움직임을 추가하여 작업을 마무리합니다.

캐릭터가 움직이지 않기 전에 추가 프레임을 추가하세요. 이 미묘한 디테일로 인해 애니메이션이 더욱 자연스럽게 보입니다.

 

 

그런 다음 모든 작업이 완료되면 라인 아트부터 시작할 수 있습니다.

 

라인 아트를 한다면 벡터 레이어를 사용하는 것이 좋습니다.

벡터 레이어의 좋은 점은 선명도를 유지하면서 원하는 크기로 크기를 조정할 수 있다는 것입니다.

 

 

크기를 조정하려면 작업 도구를 사용하십시오. 모든 것을 강조 표시하고 조정하십시오.

크기 조정 시 선 두께 조정 확인란을 선택합니다. 이렇게 하면 크기를 조정할 때 선의 비율이 유지됩니다.

라인 아트가 픽셀 단위로 동일한 두께를 유지하려면 선택을 취소하십시오.

또한 언제든지 라인아트의 두께를 변경할 수도 있습니다.

그리고 나머지 해야 할 일은 색상입니다.

 

하이라이트와 그림자를 추가하려면 애니메이션 스케치도 필요하지만 우리의 경우 모션이 최소화되어 모든 프레임에서 추측할 수 있습니다.

이것이 이 튜토리얼의 전부입니다. 감사합니다. 여기서 뭔가를 배웠기를 바랍니다.

 

여기에서 배우는 내용은 일반적으로 모든 애니메이션에 유용할 수 있으므로 매우 유익합니다.

 

다시 한번 감사드립니다!