심플 모드로 간단 애니메이션!

3,277

みれくらげ/mirekurage

みれくらげ/mirekurage

■1. 시작하며

□1-1. 애니메이션을 만들어봅시다!

여러분, 안녕하세요! 이번에는 심플 모드초보자도 만들 수 있는 쉽고 귀여운 애니메이션을 만들어 봅시다! 이번에는 위 이미지와 같은 눈 깜빡이는 움직임을 만들어 볼 거예요! 머리카락 흔들림도 없고, 옷 흔들림도 없지만 정말 귀엽게 완성될 거예요! 애니메이션이라고 하면 어려울 것 같다고 생각할 수도 있지만… 그런 걱정은 필요 없습니다! 바로 시작해 봅시다!!


□1-2. 그림을 움직인다는 건?

이번에는 애니메이션 중에서도 가장 기본적인 '눈 깜빡이는 움직임'을 만들어 볼 텐데요… 그림을 움직이려면 애초에 무엇이 필요할까요? 다양한 방법이 있지만, 가장 간단한 방법으로 가면… + 움직이지 않는, 눈 이외의 부품 + 눈×3 + 눈썹×3 이 될 것 같아요!

그렇다고 해도, 애니메이션에 정답은 없습니다. 예를 들어, + 두 장의 그림으로 눈 깜빡임 + 세 장의 그림으로 눈 깜빡임 을 비교하면 다음과 같습니다.

이번에는 주로 눈만 움직일 것이므로, 지루하지 않게 세 장으로 애니메이션을 만들어 볼게요!

■2. 그림을 그려봅시다!

□2-1. 움직이는 부분은 분리해 둡시다!

자, 그럼 바로 그림을… 그리고 싶지만, 그 전에 애니메이션을 만들 때 한 가지 주의할 점이 있습니다. 그것은 바로 움직이는 부분의 레이어를 분리해 두는 것입니다! 이번에는 + 깜빡임 + 그에 따라 내려오는 눈썹 을 움직이고 싶었기 때문에 주로 다음과 같은 부품 구성이 되었습니다. + 눈썹 + 속눈썹 + 눈 + 흰자 + 기타 이 '기타'에 대해서는 얼마나 나누든지, 나누지 않아도 OK! 또한, 이번에는 애니메이션 채색(선화와 채색이 명확하게 나뉘어 있는)을 사용하고 있습니다만, 위의 부품을 나누는 것만 의식한다면 두껍게 칠하기(선화와 채색이 일체화되어 있는)로도 그릴 수 있습니다!


□2-2. 러프(밑그림)를 그려봅시다

그럼 대략적인 부품 구성도 파악했으니, 실제로 그림을 그려봅시다! 이번에는 정사각형 사이즈를 사용하겠습니다. 물론 다른 사이즈로 만드셔도 OK!

그런데 그림을 그리다 보면 자료가 필요할 때가 있죠. 더 좋은 그림에는 자료가 필수적입니다! 그래서 자료를 보면서 그려봅시다! 오른쪽 위의 …을 누르면 '자료 표시' 탭이 있습니다. 이것을 탭하세요!

그리고 나타난 자료 창을 탭하고 원하는 이미지를 선택하면…

자료 이미지를 불러올 수 있었네요! 이제 더 쉽게 그릴 수 있게 되었어요! 자료 창 및 자료 이미지는, · 가장자리를 스와이프 → 자료 창 크기 변경 · 가운데를 스와이프 → 자료 창 위치 변경 · 가운데를 두 손가락으로 스와이프 → 이미지 크기·위치 조정 을 할 수 있어요!


□2-3. 선 정리(채색)를 해봅시다!

러프나 밑그림을 무사히 완성했다면, 이제 선 정리(채색)를 해봅시다! 채색 방법은 여러분의 취향에 따라 자유롭게 하세요! 다시 말씀드리지만, 이번에는 + 눈썹 + 속눈썹 + + 흰자 + 기타 로 나누어 작업할 거예요! 얼굴 주변은 특히 세밀하게 나눌 필요가 있으므로, 레이어나 폴더로 나누면서 그려봅시다! 폴더는 여기에서 추가할 수 있어요!

원하는 채색 방법으로 채색을 마쳤다면, 선 정리는 완료입니다! 보통 눈 부품과 감은 눈 부품을 잊지 말고 준비해 주세요!

■3. 그림을 움직여 봅시다!

□3-1. 먼저 폴더 나누기!

그림을 그렸으니, 이제 움직여 봅시다! …그전에, 움직이기 위한 사전 준비를 해봅시다! 예를 들어 지금, 얼굴 주변이 이렇게 되어 있다고 합시다. ■얼굴 폴더 · 눈썹 · 속눈썹 · 눈 선화 · 눈 채색 · 흰자 채색

이렇게 되어 있으면 예를 들어 + 눈만 변형하고 싶다 + 눈(속눈썹+눈 선화+눈 채색)을 한꺼번에 움직이고 싶다 라고 할 때 일일이 레이어를 바꿔야 해서 불편합니다! 따라서, 관련된 것들을 한 묶음으로 만들어 봅시다! 한 묶음으로 만드는 방법으로는 + 레이어를 결합하는 것(눈 선화+눈 채색) + 폴더로 나누는 것 의 두 가지 패턴이 있습니다. 결합하면 가벼워지지만, 미세 조정이나 수정이 어려워진다는 단점이 있습니다. 폴더로 나누면 조정하기 쉽지만, 모든 레이어가 그대로이므로 무거워지기 쉽습니다. 이번에는 폴더 나누기를 사용하겠습니다! 다음의 구성과 같습니다.

폴더에 넣은 채 변형시키는 것도 가능하므로, 매우 편리합니다!


□3-2. 움직여 봅시다!

그럼 폴더 나누기도 마쳤으니, 그림을 움직여 봅시다! 최소한 다음 부품들이 필요합니다. + 보통 눈 부품 + 감은 눈 부품 여기에서 세 장 분량의 눈 깜빡임용 부품을 변형해 봅시다!

그렇게 했다면, 오른쪽 위의 … 버튼에서 '애니메이션 만들기'를 누르세요! 그러면 아래에 애니메이션 타임라인이 나타납니다!

타임라인을 표시했다면, 그림을 복제합시다! 복제하고 싶은 그림을 탭하면 '복제', '삭제' 버튼이 나타납니다. 이 복제 버튼을 누르세요!


□3-3. 왜곡 도구를 사용해 봅시다!

애니메이션에서는 '왜곡 도구'가 매우 편리합니다! 왜곡 도구에는 그리기 기능은 없습니다. 하지만 그림에 겹쳐 움직이면그 부분을 당기거나 왜곡시킬 수 있는 특수한 도구입니다! 이번에는 보통 눈꺼풀을 감는 듯한 눈꺼풀로 만들기 위해 사용합니다! 속눈썹 부품을 준비하고, 왜곡 도구의 크기를 속눈썹보다 크게 합니다. 그다음 속눈썹을 내리듯이 움직이면… 순식간에 완성됩니다!

또한, 사람은 위 눈꺼풀만 움직이는 것이 아닙니다! + 위 눈꺼풀이 내려오고 + 아래 눈꺼풀도 살짝 올라가며 + 눈썹도 살짝 내려옵니다세 가지 움직임을 의식하여, 왜곡 도구나 변형 도구로 움직여줍시다!


□3-4. 애니메이션으로 만들어 봅시다!

일러스트를 복제하여, + 보통 + 감는 중 + 감음 의 세 장이 완성되었다면, 이제 이 장수들을 늘려서 움직여 봅시다!

움직이는 방식의 선호도는 사람마다 다르겠지만… 여기서는 + 보통→① + 감는 중→② + 감음→③ 이라고 했을 때, ① 7장 ② 2장 ③ 5장 ② 1장 ① 5장 순서로 하면 다음과 같은 움직임이 됩니다! 이것을 그대로 따라 하셔도 OK이고, 거기서 미세 조정을 추가하셔도 물론 OK!

애니메이션이 완성되었네요! 와아~!!!


★3-5. 더 화려하게 움직이고 싶다면!

하지만! 아직 만족할 수 없어! 더 잘할 수 있어!라고 생각하시는 분들도 계실지 모릅니다. 그래서 지금부터는 응용편! 더욱 화려하게 움직여 봅시다~~!! 방금 전에는 다음과 같은 움직임이었지만…

응용편에서는 다음과 같이 됩니다! 눈이 살짝 촉촉하게 흔들려요…!

그렇다고 해도, 복잡한 것은 하지 않았어요! 애니메이션을 더 그럴듯하게 보이게 하는 비법은… 꽉 조이고, 팟 하고 해방! 그래서 눈을 꽉 감았다가, 팟 하고 뜨는 그 움직임을 약간 추가했어요! 구체적으로는 다음 이미지가 이해하기 쉬울 거예요!

즉, 이 고급 버전에서는

①-1. 뜬 눈

①-2. 더 크게 뜬 눈

②. 감는 중인 눈

③-1. 감은 눈

③-2. 더 감은 눈

③-3. 완전히 감은 눈

 

6장이 필요합니다!

눈을 뜨고 감는 것은 앞서와 마찬가지로 왜곡 도구로 만들고 있어요!

 

이것들을

①-1. 7장

②.1. 1장

③-1. 1장

③-2. 3장

③-3. 1장

②. 1장

①-2. 1장

①-1. 2장

③-1. 2장

①-1. 4장

 

으로 하면 앞서의 움직임이 됩니다!

조금 복잡해 보이지만, 앞서의 ①②③ 사이를 보완하도록 그림을 추가해 나가면 이렇게 됩니다. 이해가 안 될 수도 있으니, 직접 해보는 것이 더 쉬울 수도 있겠네요…!

■4. 마치며

어떠셨나요? 애니메이션이라고 하면 어렵게 느끼는 분들도 계시겠지만… 실제로 세 장, 아니면 두 장으로도 움직일 수 있습니다! 그리고 캐릭터가 움직이면 이차원인데도 살아있는 듯한, 정지화면으로는 얻을 수 없는 생명이 깃들게 됩니다…! 이 즐거움은 역시 직접 움직여봐야만 얻을 수 있는 것입니다. 그것을 더 많은 분들이 경험할 수 있기를 바라며, 이번에는 간단하고도 생동감 있게 움직이는 애니메이션을 설명했습니다! 참고가 되셨기를 바랍니다! 지금까지 읽어주셔서 감사합니다! 궁금한 점이나 질문이 있다면 댓글란에 남겨주세요!

댓글

신착

공식 신착