AI로 Stick Figure Animation 만들기

초등학교 저학년 아이들과 함께 수업을 하다보면,

집중할 수 있는 시간이 짧아서

재미있는 요소들을 수업시간에 넣어서 지루하지 않게 해 주어야 할 때가 많습니다. 

그래서 아이들과 함께 따라 부를 수 있는 팝송을 찾아서 같이 따라부르기 하곤 합니다. 

한 가지 재미있는 사실을 하나 발견했는데,

아이들이 공통적으로 Stick Figure에 관심을 보인다는 점이었습니다. 

예를 들어 'LEMON TREE ANIMATION with LYRICS!'과 같은 

애니메이션을 좋아하는 아이들이 많았습니다.

https://www.youtube.com/watch?v=XAFS43NKFag 

 

그래서 ChatGPT의 플러그인 중에서 There's An AI For That 을 이용해서 검색을 하였습니다. 

프롬프트: Stick Figure Animation

 

대부분 유료인데 3번의 AnimatedDrawings by Meta는 무료이기도 하고 아주 간단하게 애니메이션을 만들 수 있는 도구였습니다. 첫 시도로 만들어진 동영상은 아래와 같습니다. 

 

첫 시도로 만든 Stick Figure Animation

동작을 편집하거나, 스토리 대로 애니메이션을 동작시킬 수는 없지만, 간단한 동작의 애니메이션을 만들어 봄으로써 애니메이션 제작의 기본 요소들을 경험해 볼 수 있다는 의의를 가질 수 있을 것 같습니다. 

아래는 이 사이트 소개에 나온 부분을 DeepL로 번역한 것입니다. 

애니메이션 드로잉은 META AI Research에서 제공하는 AI 도구로, 캐릭터가 움직이도록 애니메이션을 적용하여 자녀의 그림에 생동감을 불어넣을 수 있습니다.

이 도구는 JavaScript를 사용하며 사용자가 애플리케이션을 실행하려면 JavaScript를 활성화해야 합니다. 애니메이션은 제공된 그림의 내용을 기반으로 도구에서 생성되며, 이 도구의 목적은 아이들이 자신의 그림이 살아 움직이는 것을 볼 수 있는 재미있고 인터랙티브한 방법을 제공하는 것입니다.

이 도구는 어린이가 기본적인 애니메이션 개념을 이해하는 학습 도구로 사용할 수 있으며 상상력을 표현할 수 있는 창의적인 출구를 제공할 수 있습니다.

사용자는 페이지에 제공된 양식을 통해 피드백을 제공할 수 있으며, 이는 도구가 아직 프로토타입 또는 테스트 단계에 있을 수 있음을 나타냅니다. 이 페이지에는 도구의 개인정보 보호정책 및 쿠키 페이지로 연결되는 링크도 제공되며, 쿠키가 사용자 경험을 개선하고 사용자 기본 설정을 추적하는 데 사용됨을 나타냅니다.

전반적으로 애니메이션 드로잉은 그림에 생명을 불어넣어주는 간단하고 사용자 친화적인 AI 도구로, 어린이를 위한 교육 도구로도 사용할 수 있습니다.

 

https://sketch.metademolab.com/canvas

Animated Drawings

 

 

메인 첫화면

첫 화면에 들어가면, 직접 그린 그림을 사진파일 형태로 업로드할 수 있는 부분이 나옵니다. 

제가 그림 솜씨가 없어서, AI를 통해서 그림을 만들어 보겠습니다. 

위에 있는 Stick Figure도 미드저니를 활용해서 간단하게 만든 것입니다. 

이번에는 좀 다른 캐릭터를 실험해볼 생각입니다. 

파일 업로드 화면

AIPRM for ChatGPT의 프롬프트 중에서 Midjourney 관련 프롬프트 중에서 하나를 골라서 'cute fox' 라고 입력해서 

아래와 같은 미드저니를 위한 프롬프트를 얻었습니다. 

 

미드저니에 넣을 프롬프트를 ChatGPT에서 만듦

이쁜 여우 캐릭터가 생성되었습니다. 

4개 중에서 두번째 캐릭터가 마음에 들어서 2번째를 upscale 해서 다운을 받았습니다.

 

미드저니에서 만들어준 여우 캐릭터

 

 

Upscale한 이미지

하지만 문제가 생겼네요. 

왼쪽 Upload a drawing의 설명에 따르면 배경을 흰 색으로 하라고 지침이 있네요.

배경을 지우기 위해 다시 미드저니에서 Blend 기능을 활용해 보도록 하겠습니다. 

 

다음 단계로 이동

<지침>

팔과 다리가 몸통과 겹치지 않는 캐릭터 한 명의 그림을 업로드합니다

선, 주름, 찢어진 부분이 없는 흰색 종이에 캐릭터를 그려야 합니다.
그림의 조명이 충분한지 확인합니다. 그림자를 최소화하려면 카메라를 더 멀리 두고 그림을 확대합니다.
식별 가능한 정보, 불쾌감을 주는 콘텐츠(커뮤니티 기준 참조) 또는 타인의 저작권을 침해하는 그림은 포함하지 마세요.

 

미드저니의 명령어 중에서 /blend 는 재미있는 명령어 입니다. 

두 이미지를 섞어서 새로운 그림을 얻을 수 있기 때문입니다. 

미리 만들어 놓았던 아기 공룡 이미지의 배경이 흰색이므로 

혹시 블렌드하면 더 재미있는 캐릭터가 만들어질 수도 있겠다는 생각을 했습니다. 

 

배경이 흰색이 되도록 미리 만들어 두었던 이미지와 blend를 시도하였다.

 

 

 

앗 너무 예쁜 캐릭터가 나왔습니다. 

 

 

여전히 바탕을 흰색으로 만드는 것을 실패했는데요. 그럼 최근에 글에서 언급했던 Adobe Firefly를 이용해서 배경을 바꿔보도록 하겠습니다. 

 

Generative Fill 기능에 배경을 바꿀 수 있는 기능이 있다는 사실을 기억했네요.

 

 

Background를 클릭하면 배경이 제거된다

배경을 지우고 프롬프트를 white background로 넣었습니다. 

Adobe Firefly에서 생성된 이미지에는 워터마크가 생성이 되기 때문에 

그림판에서 워터마크를 지웠습니다. 그리고 다시 AnimatedDrawings로 돌아와서 

캐릭터를 업로드하였습니다. 

 

캐릭터 주변을 드레그해서 선택

업로드하면, AI가 자동으로 그림을 인식하고 Step 2에서는 인식된 그림에서 캐릭터를 선택하는 단계가 나오게 됩니다.

 

마스크 작업

마스크 작업을 통해서, 캐릭터를 배경에서 분리하고, 표시가 되지 않는 부분은 펜으로 채우고,

분리가 되지 않거나 강조가 되지 않은 부분은 지우개로 지워서 간단하게 편집하였습니다. 

 

관절 설정

3  단계에서는 캐릭터의 움직임을 자연스럽게 할 수 있도록 관절을 설정해야 합니다. 

분할 마스크와 이러한 관절 위치를 사용하여 모션 캡처 데이터로 캐릭터에 애니메이션을 적용합니다.

움직일 수 있는 부분을 마우스로 각 점을 선택해서 움직입니다. 

 

NEXT를 누르면 애니메이션이 만들어집니다.

마지막 단계에서는 왼쪽의 모션 중 하나를 선택하여 캐릭터가 수행하는 것을 확인하세요!

춤, 재미, 뛰기, 걷기 중에 하나를 선택해서 마음에 드는 동작을 선택합니다. 

다 만들어진 애니메이션은 공유버튼을 눌러서 링크를 공유할 수 있습니다. 

 

https://sketch.metademolab.com/share/c7e1ae0f64324cd89a30b6b97f67b5cf/running_jump

Animated Drawings

 

 

화면녹화한 애니메이션

팔이 몸통에 붙어서 자연스럽지 않은 부분이 있네요. 

하지만, 이 과정을 통해 애니메이션에 대한 이해가 조금은 깊어진 것 같습니다. 

아이와 함께 캐릭터를 미드저니를 통해 생성하고 AnimatedDrawings에서 애니메이션을 만들어보면

아주 훌륭한 교육이 되지 않을까 싶습니다. 

#애니메이션 #AI #미드저니 #midjourney

#InstaDaily
#PicOfTheDay
#InstaGood
#Life
#InstaLove
#PhotoOfTheDay
#Love
#ThrowbackThursday
#Selfie
#InstaMood
#BestOfTheDay
#MotivationMonday
#FollowMe
#Travel
#Fitness
#Inspiration
#Foodie
#Art
#Nature
#Style