본문 바로가기

EduTech

Animated Drawings 그림을 애니메이션으로 만들기

그림을 애니메이션으로 만들어주는 Animated Drawings을 살펴본다. Animated Drawings은 별도로 설치할 필요 없이 웹사이트에 접속해서 그림 또는 이미지 파일을 업로드하면 움직이는 애니메이션으로 만들 수 있는 AI 도구이다.

 

Animated Drawings 그림을 애니메이션으로 만들기
  • 제품명 : Animated Drawings
  • 종류 : 애니메이션 제작 플랫폼
  • 플랫폼 및 라이선스 : PC 및 모바일 등 모든 플랫폼 / 무료

Animated Drawings
바로가기

 

 

 

Animated Drawings이란?

Animated Drawings은 메타(페이스북)에서 오픈소스로 제공하는 2D인 그림에 생명력을 불어넣어 3D 애니메이션으로 변환하는 기술이다. 간단히 설명하면 컴퓨터의 그림판 등에 스케치하듯 그림을 그린 파일 또는 단순한 단일 대상 이미지가 담긴 파일을 업로드해서 움직이는 애니메이션으로 만드는 AI 도구로, 애니메이션 제작 플랫폼이다.

 

Animated Drawings

 

복잡한 그림 또는 많은 대상이 담긴 이미지를 애니메이션으로 변환하는데는 무리가 있지만, 유치원생이 그린 듯한 단순한 스케치 그림은 간단히 애니메이션으로 제작할 수 있어서 저학년 중심으로 미술 수업 등에 활용할 수 있는 매우 유용한 툴이다. 물론 미술 수업 이외에도 발표 자료를 만들 때에도 사용이 가능하며, 특히 최근 AI 시대에 맞춰 수업 중에 AI 원리를 그림이 움직이는 애니메이션으로 변환하는 과정을 실제로 학생들이 체험할 수도 있다.

 

Animated Drawings 웹사이트

 

기본적으로 Animated Drawings 웹사이트에 접속해서 별도의 로그인이나 설치 작업 없이 바로 사용이 가능하다. 또한 PC뿐만 아니라 모바일에서도 사용이 가능하며 윈도우, 맥, 안드로이드, IOS 등 대부분의 운영체계와 디바이스에서 무료로 사용할 수 있다.

 

 

GitHub - facebookresearch/AnimatedDrawings: Code to accompany "A Method for Animating Children's Drawings of the Human Figure"

Code to accompany "A Method for Animating Children's Drawings of the Human Figure" - GitHub - facebookresearch/AnimatedDrawings: Code to accompany "A Method for Animating Childre...

github.com

 

더불어 위에 추가한 깃허브 사이트는 메타에서 공식적으로 제공하는 Animated Drawings 오픈 소스로, 약간의 프로그래밍 지식이 있다면 컴퓨터에 Animated Drawings을 직접 설치해서 사용할 수도 있다. 물론, Animated Drawings 웹사이트에 접속하기만 해도 바로 그림을 애니메이션으로 제작할 수 있으므로 누구나 별다른 어려움 없이 사용할 수 있다.

 

Animated Drawings.pdf
0.72MB

 

참고로, 해당 Animated Drawings 기술을 전문적으로 살펴보려면 위에 추가한 깃허브 사이트와 더불어 공식 문서를 참조하면 된다. 해당 PDF 파일은 영어로만 제공하지만 2021년에 Meta AI의 FAIR(Fundamental AI Research) 팀에서 크리에이터와 개발자가 자신의 그림을 애니메이션 경험이나 제품으로 손쉽게 만들 수 있는 오픈 소스 프로젝트로 진행한 Animated Drawings 내용을 담고 있는 공식 문서이다.

 

Animated Drawings 사용하기

 

 

앞에서 언급했듯이 그림을 애니메이션으로 제작할 수 있는 Animated Drawings은 오픈소스로 제공하므로 컴퓨터에 설치해 사용할 수도 있지만, Animated Drawings 웹사이트에서 방문하면 별다른 설치 작업없이 바로 사용할 수 있다. 특히 초등학생을 비롯한 저학년용 창의적 체험 활동 수업 도구로 매우 유용할 뿐만 아니라 AI 원리가 담긴 미술 수업으로 확장이 가능하다. 이렇듯 Animated Drawings은 어떻게 활용하는가에 따라서 전반적인 수업 도구로도 활용할 수 있을 만큼 사용 방법이 간단하면서도 응용할 수 있는 확장성이 매우 큰 AI를 활용한 콘텐츠 제작 플랫폼이기도 하다.

 

Animated Drawings 웹사이트

 

위에 이미지를 누르면 자신이 그린 캐릭터가 실제로 움직이는 애니메이션을 연출할 수 있는 Animated Drawings 웹사이트로 바로 전환하는데, 여기에서 Get Started 버튼을 눌러서 바로 실행할 수 있다.

 

Animated Drawings 사용방법

 

더불어 Animated Drawings 웹사이트에서 사용 방법을 영상으로 보여주는데, 기본적으로 영어만 지원하면서 워낙 빨리 움직이다보니 쉽게 파악이 되지 않을 수 있다. 하지만 사실 Animated Drawings 웹사이트에서 그림 파일을 업로드 후에 필요시 편집 작업을 추가하고 뼈대 정도만 체크하면 자동으로 애니메이션을 제작할 수 있을 정도로 사용 방법은 매우 간단하다. 이때 그냥 그림 또는 단순한 이미지 파일만 업로드하고 추가 작업 없이 애니메이션으로 변환할 수도 있을 만큼 초등학생들도 언어 장벽 없이 이미지만 보면서 따라 할 수 있다.

 

Animated Drawings 살펴보기

 

 

Animated Drawings 웹사이트에서 그림을 움직이는 애니메이션으로 제작하는 방법을 순서대로 살펴본다. 우선 Animated Drawings 웹사이트에 접속 후에 Get Started 버튼을 누른다.

 

Animated Drawings 사용 단계 1

 

Animated Drawings 사용 단계 2

 

이후 첫 단계에서 Upload Photo 버튼을 누른 다음에 메모장, 그림판 등을 활용해서 직접 그린 그림 파일 또는 단순한 대상만 담긴 사진(이미지) 파일을 업로드한 후에 Next 버튼을 누른다. 그러면 해당 그림을 스캔한 후에 사용권 계약 화면이 나오는데 여기에서 Agree 즉 동의 버튼을 누른다. 그러면 두 번째 단계로 진입하는데 여기에서 애니메이션 할 대상을 드래그해서 지정한다. 일반적으로 알아서 세팅이 되어 있으므로 기본값 상태로 Next 버튼을 누른다. 하지만 그림에 여러 대상이 담겨 있다면 대상 중에 하나만 지정해야 한다. 동시에 여러 대상을 애니메이션으로 제작할 수 없기 때문이다.

 

Animated Drawings 사용 단계 3

 

Animated Drawings 사용 단계 4

 

다음으로 세 번째 단계에서는 업로드한 그림 파일을 직접 편집할 수 있는데, 연필 아이콘을 눌러서 그림을 추가하거나 지우개를 눌러서 필요 없는 영역을 지울 수도 있다. 또는 기본값 상태로 Next 버튼을 눌러서 다음 단계로 바로 넘어갈 수도 있다. 마지막 네 번째 단계에서는 기본적으로 해당 그림에 뼈대 모양을 생성하는데 기본값 상태로 Next 버튼을 누르거나 실제로 움직이는 영역인 뼈대 위치를 마우스로 수정한 후에 Next 버튼을 누른다.

 

애니메이션 동작 선택 1
애니메이션 동작 선택 2

 

이후 해당 그림이 어떤 애니메이션 동작을 수행할 지를 왼쪽 패널에서 선택하면 오른쪽 패널에 바로 반영한다.

 

Animated Drawings 애니메이션 보기 1

 

위와 같이 오른쪽 패널에 선택한 애니메이션 동작을 표현하는데 움직임이 부자연스러워 뼈대를 수정하려면 Fix 버튼을 누른다. Drawing 버튼을 누르면 그림 파일을 업로드하는 첫 단계로 돌아가므로 주의할 필요가 있다. 해당 애니메이션이 마음에 든다면 Share 버튼을 눌러서 메일 또는 링크 복사 등의 방식으로 공유할 수도 있다.

 

Animated Drawings 애니메이션 보기 2

 

또는 오른쪽 패널에 나오는 애니메이션에서 우측 하단에 있는 전체 화면 아이콘을 눌러서 전체 화면으로 전환한 후에, 마우스 우측 버튼을 누른 후에 동영상을 다른 이름으로 저장을 선택해서 바로 다운로드할 수도 있다.

 

Animated Drawings 애니메이션 보기 3

 

이렇듯 Animated Drawings에서는 그림을 친숙하고 재미있는 방식으로 움직임을 연출하고 있다. 더불어 해당 Animated Drawings 기술은 오픈 소스로 제공하므로 누구나 해당 오픈 소스를 토대로 더욱 진화한 Animated Drawings 기술을 개발해서 Animated Drawings 깃허브 페이지를 통해 공유하고 협업 작업을 수행할 수도 있다.

 

Animated Drawings 깃허브 페이지