✨ 서론

안녕하세요! 저는 Maya Kalico입니다. 이번이 저의 첫 번째 Tips이네요 ✨ 오늘은 Clip Studio Paint의 심플 모드에서 아주 쉽게 애니메이션을 만드는 방법을 공유해 보려고 합니다. 여러분도 즐겁게 만들어 보셨으면 좋겠어요! 시작해 볼까요?

○ 비디오로 보기

💬 AI 자막 및 더빙은 다양한 언어로 제공됩니다.

1) 기본 개념

애니메이션의 움직임은 연속된 여러 장의 이미지로 만들어집니다. 이 이미지들이 매우 빠르게 지나가면서 동작이 일어나는 것처럼 보이게 하죠. 이 시퀀스의 각 이미지를 프레임이라고 합니다. 한 프레임에서 다음 프레임으로 얼마나 빨리 넘어가는지는 FPS(초당 프레임 수)에 달려 있습니다.

 

Clip Studio Paint로 가서 더 자세히 알아봅시다!

2) 초기 설정

2.1) 캔버스 크기

• Clip Studio Paint 홈 화면에서 그리기와 새 프로젝트를 차례로 클릭합니다.

• 애니메이션 탭을 선택합니다.

• 1080x1080px를 클릭합니다.

원한다면 일러스트를 만든 다음 애니메이션으로 변환할 수도 있지만, 오늘은 바로 애니메이션 제작부터 시작하겠습니다.

 

이모티콘/아바타를 만들 것이므로 크기를 정사각형으로 맞추는 것이 중요합니다.

2.2) 초당 프레임 수(FPS)

Clip Studio Paint의 심플 모드는 기본적으로 초당 12프레임으로 설정되어 있습니다. 이는 애니메이션 1초당 12장의 이미지만 그리면 된다는 뜻이므로 아주 좋습니다. (이미지는 언제든 복제할 수 있습니다. 곧 보게 될 거예요!)

농구공을 생각해 보세요. 본질적으로 세 가지 동작이 있습니다. 바닥에 던지기, 바닥에 닿기, 다시 손으로 돌아오기입니다. 하지만 이 세 가지 동작만 매우 빠르게 지나가면 애니메이션이 매우 딱딱해 보일 것입니다. 확인해 보세요:

그래서 이 세 가지 주요 동작 사이에 더 많은 움직임을 추가하면 애니메이션이 훨씬 더 매끄러워집니다.

2.3) 어니언 스킨

Clip Studio Paint에서 이전 프레임은 연보라색이고 다음 프레임은 녹색입니다. 타임라인을 통해 어니언 스킨 표시를 켜거나 끌 수 있습니다. 화면 하단에서 점 3개 아이콘을 클릭하고 어니언 스킨을 활성화/비활성화하세요.

어니언 스킨은 현재 프레임의 이전 및 다음 프레임을 미리 보기 위해 사용하는 용어입니다. 이를 통해 애니메이션이 매끄럽게 이어지도록 그림의 어느 부분이 움직여야 하고 어느 부분이 제자리에 있어야 하는지 정확하게 계획할 수 있습니다.

3) 애니메이션 계획하기

3.1) 이모티콘 디자인

이모티콘 디자인은 여러분의 스타일대로 만들어집니다! 이모티콘은 보통 얼굴에만 집중한다는 점(얼굴 표정 사용 및 목 부분의 약간의 노출)을 기억하는 것이 중요합니다. 이모티콘은 크기가 작게 줄어들 것이므로 표정이 아주 선명해야 합니다.

 

이번에는 제가 좋아하는 스타일로 디자인해 봤습니다. 커다란 눈, 풍성한 속눈썹, 그리고 큰 귀죠. 저는 이런 캐릭터가 아주 귀엽다고 생각해요!

 

서두르지 말고 러프를 그려보세요. 저는 이 부분에서 목탄 브러시나 샤프 펜슬 도구를 빨간색으로 사용하는 것을 좋아합니다. 그 다음 새 레이어를 만들고 마음에 드는 최종 디자인으로 깔끔하게 선을 땁니다. 확인해 보세요:

작업을 돕기 위해 다양한 도구를 활용하세요: 저는 변형 도구를 사용하여 정사각형 안에서 얼굴 크기를 조정했습니다. 또한 선택 도구를 사용하여 눈과 같은 그림의 다른 부분을 복사해서 붙여넣을 수도 있습니다. :)

01. 그림 그리기를 시작합니다. (여기서는 그리기 > 목탄 브러시를 사용했습니다.)

02. 변형 도구를 사용하여 머리 크기와 정렬을 조정합니다.

03. 디자인이 만족스러울 때까지 그림을 계속 그립니다.

04. 선화 작업을 시작합니다. (여기서는 펜 > 거친 펜을 사용했습니다.)

05. 똑같은 요소가 필요하면 선택 도구를 사용하여 제가 캐릭터의 눈을 작업한 것처럼 복사해서 붙여넣으세요.

06. 선화를 마무리합니다.

 

 

3.2) 애니메이션할 부분 선택하기

이제 디자인을 보면서 애니메이션을 적용하고 싶은 부분을 선택하세요! 저의 경우 눈의 표현력을 좋아해서 캐릭터가 아주 귀엽게 깜박이도록 하고 싶습니다.

 

또 다른 좋은 점은 심플 모드이기 때문에 디자인을 자유롭게 수정할 수 있다는 것입니다. 작업 과정 중에 손을 흔들며 인사하는 동작을 추가하는 것도 좋겠다고 결정한 것을 보게 될 거예요. :)

 

기억하세요, 과정의 즐거움이 가장 중요한 부분입니다. 디자인이나 결정을 수정하고 싶다면 언제든지 자유롭게 돌아가서 작업하세요.

4) 애니메이션 만들기

4.1) 프레임 만들기

새 프레임을 만들려면:

• 타임라인의 첫 번째 프레임을 누릅니다.

• 복제를 선택합니다.

이렇게 하면 초기 디자인의 모든 레이어를 함께 복사하여 애니메이션에 새 프레임을 생성합니다!

이제 디자인이 완성되었으니 애니메이션을 시작해 봅시다! 처음에 프레임에 대해 이야기했던 것을 기억하시나요? 움직임의 첫 단계를 만들 차례입니다:

 

재생 버튼이 있는 하단 바를 타임라인이라고 합니다. 여기에 모든 프레임이 위치하게 됩니다. 첫 번째 프레임을 누르고 복제를 클릭합니다. 이렇게 하면 디자인의 모든 레이어가 이 새 프레임으로 복사됩니다.

 

이러한 방식은 모든 것이 정렬되어 있는지 확인할 때 유용하지만, + 버튼을 클릭하여 완전히 비어 있는 새 프레임을 만들 수도 있습니다. 어니언 스킨이 활성화되어 있다면 이전 프레임의 실루엣만 보이고 다른 것은 보이지 않을 것입니다.

01. 복제된 프레임의 모든 레이어를 숨겼으며, 어니언 스킨 덕분에 연보라색으로 나타나는 이전 프레임만 볼 수 있습니다.

02. 디자인 러프를 사용하여 지우고 계획하며 눈을 깜박이는 디자인을 구상합니다.

03. 만족스러우면 메인 레이어를 다시 표시하고 깜박이는 동작의 중간 단계인 눈을 다시 그립니다.

---

// 애니메이션 세부 사항:

저는 깜박이는 동작을 위해 3개의 프레임만 만들기로 결정했습니다:

 

• 뜬 눈

• 반쯤 감은 눈

• 완전히 감은 눈

루프를 만들려면 중간 프레임(반쯤 감은 눈)을 복제하기만 하면 제 캐릭터가 하루 종일 눈을 깜박이게 할 수 있습니다. xD

특별한 느낌과 개성을 더하고 싶나요? 저는 눈을 깜박이는 동안 눈썹도 함께 움직이도록 선택했습니다. 그러면 훨씬 더 자연스럽고 눈만 움직이는 것보다 훨씬 더 역동적인 느낌을 줍니다.

추가 팁: 프레임을 복제하고 재배치하는 것만으로도 동작의 지속 시간을 조정할 수 있습니다. 이 디자인 예시에서는 뜬 눈을 두 번, 반쯤 감은 눈을 두 번, 완전히 감은 눈을 두 번 복제했습니다. 이렇게 하면 깜박이는 동작이 더 느린 속도로 일어납니다.

4.2) 다른 도구 활용하기

4.2.1) 변형 도구 > 확대/축소/회전

제 캐릭터가 인사하는 모습을 넣고 싶다고 했던 것 기억하시나요?

 

그래서 저는 마지막 위치에 손을 그렸고, 변형 도구를 사용하여 새 프레임을 만들고 손을 아래로 드래그한 뒤 프레임을 반대로 재배치했습니다.

4.2.2) 변형 도구 > 퍼핏 변형

변형 도구 안에는 사용할 수 있는 여러 옵션이 있습니다. 애니메이션에 아주 유용한 것 중 하나는 퍼핏 변형입니다!

기본적으로 퍼핏 변형 도구를 사용하면 캐릭터의 '관절'이 어디인지 정의하고 움직임을 시뮬레이션할 왜곡을 만들 수 있습니다.

 

예를 들어, 손목은 팔과 손을 연결하는 '관절'입니다. 손의 움직임 대부분을 결정하는 곳이죠. 인사가 아주 예쁘게 나오도록 사용하는 방법을 확인해 보세요:

• 변형 도구를 선택합니다.

• 퍼핏 변형으로 변경합니다.

• 영역 확장을 통해 선택 범위를 조정합니다.

• '관절' 포인트를 만들고 싶은 곳을 누릅니다.

기억하세요: 동작의 각 단계는 프레임이어야 하므로, 새 프레임을 만들고 퍼핏 변형 도구를 사용하여 원하는 대로 움직임을 만들어 보세요.

4.3) 채색하기

심플 모드에서 일러스트를 채색하는 것과 같은 방식으로 애니메이션을 채색하게 됩니다! 프레임을 만들 때마다 애니메이션을 채색하거나 마지막에 한꺼번에 채색할 수도 있는데, 저는 마지막에 모두 채색하는 방식을 선택했습니다.

4.3.1) 사용할 채색 스타일 정의

최종적으로 얻고 싶은 비주얼 스타일을 생각해 보세요. 일관된 느낌인가요? 아니면 더 매끄럽고 자연스러운 느낌인가요?

 

아주 작게 보여질 이모티콘을 구체적으로 생각한다면, 세부 묘사가 너무 많거나 너무 자연스러운 브러시는 추천하지 않습니다.

 

예시: 수채화 경계와 같은 브러시는 이모티콘 크기에서는 거의 눈에 띄지 않으며, 오히려 그림의 선명도를 해칠 수 있습니다.

 

질감이 적고 단색 브러시를 사용하는 것을 추천합니다. 하지만 그것이 목표이거나 다른 종류의 브러시를 사용하고 싶다면 시도해 보세요! 중요한 것은 여러분의 개성이 드러나고 여러분이 보기에 가장 예쁜 방식으로 만드는 것입니다.

4.3.2) 컬러 세트 만들기

컬러 세트를 만드는 것은 매우 쉽고 애니메이션의 일관성을 유지하는 데 도움이 됩니다. 상의에 무작위로 주황색을 선택했다가 다음 프레임에서 같은 색을 맞추지 못하면 프레임마다 약간의 차이가 생겨 방해가 될 수 있습니다.

 

팔레트를 만드는 방법은 다음과 같습니다:

01. 메인 컬러 선택기를 누릅니다.

02. 컬러 세트의 제목을 누릅니다.

03. + 기호를 누릅니다. (기존 팔레트가 마음에 들면 이 단계에서 선택만 하면 됩니다.)

04. '새 컬러 세트'를 누릅니다.

그다음 팔레트 이름을 지정하고 원하는 각 색상을 선택하기만 하면 됩니다.

 

• 선택기를 드래그하여 저장하려는 색상으로 이동합니다.

• • 기호를 눌러 팔레트에 추가합니다.

제 캐릭터의 머리는 애니메이션 중에 움직이지 않으므로, 올가미 선택 도구를 사용하여 머리 전체를 둘러쌌습니다. 이렇게 하면 각 프레임에서 채우기 도구를 사용하여 더 빠르게 채색할 수 있습니다.

심플 모드에서 더 빠르게 채색하기 위해 이미 알고 있는 모든 기능을 애니메이션을 만들 때도 사용할 수 있습니다. 활용해 보세요!

5) 애니메이션 내보내기

좋아요! 가장 보람찬 시간인 완성된 애니메이션을 볼 시간입니다!

 

내보내기는 매우 간단합니다.

• 우측 상단에서 점 3개 아이콘을 누릅니다.

• '애니메이션 내보내기'를 누릅니다.

• '기기에 저장'을 누릅니다.

Clip Studio Paint에 애니메이션 미리 보기가 표시됩니다. 결과가 마음에 들면 저장을 클릭하세요.

 

수정하고 싶다면 왼쪽의 뒤로 가기 화살표를 클릭하여 조정하세요.

타임라인에서 재생 버튼을 클릭하여 애니메이션을 미리 볼 수도 있습니다.

완성입니다! 이제 어디서든 사용할 수 있는 움직이는 이모티콘이 생겼습니다. :D

✨ 감사 인사 및 재료

여기까지 읽어주셔서 정말 감사합니다! 이 팁이 여러분께 도움이 되기를 바랍니다.

 

이 이모티콘을 만드는 과정은 정말 즐거웠고, 심플 모드는 애니메이션 제작 과정을 정말 쉽고 가볍게 만들어 줍니다. 애니메이션을 탐색하고 시작하기에 아주 좋은 방법입니다.

 

다음에 또 만나요. 궁금한 점이 있거나 도움이 필요하시면 언제든지 댓글을 남겨주세요. 제가 아는 선에서 답변해 드리고 도와드리겠습니다.

 

안녕!

// 사용된 브러시:

• 기본 크레용 브러시

• 기본 거친 펜 브러시