InfoCube

내가 그린 그림을 1분 만에 사람처럼 움직이게 만들어 주는 사이트가 있다는 사실 알고 계셨나요? Animated Drawings라는 사이트인데, 오늘 이 사이트에서 이미지를 사람처럼 움직이게 만드는 방법에 대해서 자세하게 알려드리도록 하겠습니다.

 

그림을-사람처럼-움직이게-만들어주는-사이트
그림을-사람처럼-움직이게-만들어주는-사이트

 

 

 

Animated Drawings 란?

아이들이 그린 그림에 등장하는 동물, 로봇, 아이들, 장난감, 사람에게 생명을 불어넣은 것 처럼 움직이게 만들어 주면 아이들이 정말 좋아하겠죠? Animated Drawings는 내가 그린 그림을 움직이게 만들어 주는 사이트입니다. 이 사이트는 Detectron2와 AlphaPose 기술을 사용했고, 모션캡처 기술은 CMU Graphics Motion Capture Lab와 mixamo에서 가져왔습니다.

 

아직 데모버전이긴 하지만 이미지 업로드 하고 몇번의 클릭만으로 그림에 생멸을 불어넣어 움직이게 할 수 있습니다. 쉽게 말해 그림에 사람의 골격을 입혀서 그 골격을 움직이게 만드는 형태입니다. 사이트 가입이 필요하지 않으며 어느 누구나 무료로 사이트를 이용할 수 있습니다. 

 

 

 

Animated Drawings 사용전 필요한 그림 및 이미지 형태

Animated Drawings 에는 어떠한 이미지도 다 움직이게 만들 수 있지만 조금 더 쉽고 편리하게 변환하기 위해서는 아래 요건들을 충족하면 더 편하게 변환할 수 있습니다.

1️⃣ 사람형태를 하고 있는 그림이 좋습니다. Animated Drawings에서는 그림을 사람처럼 움직일 수 있도록 만들기 때문에 그림이 사람 형태의 모습을 하고 있는 것이 가장 자연스럽게 적용이 가능합니다.

2️⃣ 두팔과 두 다리가 몸통과 겹치지 않는 것이 좋습니다. 특히 양팔을 별리고 두 다리도 쭉 뻗어있는 대(大) 모양의 이미지가 가장 좋지만 필수는 아닙니다.

3️⃣ 그림 배경이 없는 것이 가장 좋습니다. 만약 뽀로로를 그림으로 그렸고, 이 뽀로로를 움직이게 만들고 싶은 경우 뽀로로를 제외한 배경은 모두 제거하는 절차가 들어갑니다. 하지만 배경이 단색이면 배경 제거가 자동으로 되므로 수동으로 배경제거하는 작업이 줄어들게 됩니다.

4️⃣ 손가락, 발가락은 제어가 불가능합니다.

아래 그림들 정도면 가능하다는 점 참고해주세요.

Animated-Drawings-업로드-그림
Animated-Drawings-업로드-그림

 

 

 

그림을 사람처럼 움직일 수 있게 만들기

아래 링크를 클릭하면 단 몇 분 만에 그림을 사람처럼 움직이게 만들 수 있습니다. ( ↓ 아래 링크 클릭하여 그림을 사람처럼 움직이게 만들기)

그림 사람처럼 움직이게 만들기

 

 

 

그림을 사람처럼 움직이게 만드는 방법

1️⃣ 먼저 움직이게 만들 그림이 이미지 파일로 준비되어 있어야 합니다  

2️⃣ 그리고 위에 걸어둔 링크에 접속합니다. Get Started 버튼을 클릭하고, 이미지를 업로드합니다.(Upload Photo 클릭하여 업로드) 그리고 Next 클릭합니다.

3️⃣ 다음 Agree 버튼을 눌러주고 넘어갑니다. 

4️⃣ 업로드 한 이미지에서 어떤 부분만 사용할 건지 범위를 선택하는 것입니다. 마우스로 범위를 지정하고 Next 버튼을 클릭합니다. 

5️⃣ 그리고 움직일 대상과 이미지의 배경을 분리하는 작업입니다. 움직일 대상은 흰색 테두리에 감싸져 있어야 하고, 그 외 필요 없는 부분은 모두 검은색으로 칠해져 있어야 합니다. 간혹 다리사이가 흰색으로 다 칠해져 있는 경우가 있는데 이런 부분은 지우개 아이콘으로 지워서 검은색으로 만들어야 합니다.

6️⃣ 다음 단계는 이미지 대상에 사람 골격의 뼈를 심는 작업입니다. 사람의 주요 관절과 이미지의 관절이 잘 맞도록 조절을 해야 합니다.

7️⃣ 골격 부분을 마우스로 잡고 움직이면 됩니다. 팔목, 팔꿈치, 무릎 등 여러 관절들의 위치를 잘 조절해야 움직일 때 부자연스럽지 않습니다.

8️⃣ 다음 단계는 움직이는 이미지를 볼 수 있습니다. 화면 왼쪽에 여러 가지 행동들이 있는데 그 행동을 클릭하면 내가 업로드한 이미지가 그 행동을 하면서 움직이는 모습을 볼 수 있습니다.

 

 

아래 그림을 통해 자세한 설명을 드리겠습니다. 먼저 위 링크에 접속하여 Get Started를 클릭합니다. 그리고 그림을 업로드합니다. 업로드가 완료되면 Next를 클릭하고 그다음 페이지에서 Agree를 선택합니다.

Animated-Drawings-사진-업로드-및-동의
Animated-Drawings-사진-업로드-및-동의

 

그림을 사용할 범위를 지정하는 단계입니다. 정말 사용할 이미지의 범위만 선택합니다. 아래 그림의 경우 그림에 "왜?"라는 문구도 포함되어 있었는데, 움직이는 그림에는 필요가 없어서 "왜?"라는 부분을 제외하고 대상만 선택한 모습입니다.

Animated-Drawings-대상-범위-지정
Animated-Drawings-대상-범위-지정

 

이번 단계는 사람처럼 움직일 대상과 배경을 분리하는 작업입니다. 정확하게 대상을 인식해야 움직이게 하기도 쉽기 때문입니다. 움직일 대상은 흰색 테두리로 둘러싸면 되고, 배경은 검은색으로 칠하면 됩니다. Animated Drawings에서 자동으로 대상과 배경을 분리해서 인식을 하지만 혹시나 제대로 인식되지 않는 부분은 수동으로 지정해줘야 합니다.

 

아래쪽에 연필모양으로 대상자의 테두리를 흰색으로 칠하면 되고, 지우개 모양으로는 배경을 선택하면 됩니다. 특히 다리사이나 팔과 몸통 사이를 잘 인식 못하는 경우가 있는데, 이런 경우는 연필과 지우개로 움직일 대상을 구분 지어줘야 합니다.

Animated-Drawings-대상-배경-분리
Animated-Drawings-대상-배경-분리

 

그리고 마지막으로 사람의 관절을 움직일 대상에 심어주는 행위를 합니다. 관절은 크게 머리 부분과 몸통 부분으로 나눠지는데요. 몸통 부분은 팔꿈치, 어깨, 무릎 등과 같은 주요 관절 부위와 그림에서 움직일 대상의 부분을 정확하게 일치시켜줘야 합니다. 그렇지 않으면 그림이 움직일 때 매우 어색해 보일 수가 있습니다. 관절 포인트를 클릭하고 드래그하여 움직이면 됩니다.

 

머리 부분은 머리 중심 부분을 잡고 머리끝 부분을 잘 맞춰서 배치하면 됩니다. 모든 관절을 다 정확하게 배치했다면 Next를 누릅니다.

Animated-Drawings-대상-관절-입히기
Animated-Drawings-대상-관절-입히기

 

그러면 아래 그림과 같이 왼쪽 화면에는 표현할 수 있는 행동들의 예제가 보입니다. 왼쪽의 행동 중 하나를 선택하면 내가 업로드한 그림이 그 행동과 동일하게 똑같이 움직입니다. 그리고 오른쪽 하단의 아이콘을 누르면 전체화면으로 그림이 움직이게 되는데, 여기서 mp4 파일로 다운로드할 수 있습니다.

Animated-Drawings-대상-움직이게-만들기
Animated-Drawings-대상-움직이게-만들기

 

아래 그림처럼 귀엽게 저의 그림이 움직이는 모습을 볼 수 있습니다.

Animated-Drawings
Animated-Drawings

 

 

 

유용한 웹사이트 모음

✔ 2023 퍼스널 컬러 테스트로 나의 색상 알아보기(Feat. MBTI)

✔ 체크카드 신용카드로 즉시 현금 만드는 초간단 방법(개꿀팁)

✔ 아파트 매매 전 반드시 확인해야 하는 사이트

✔ 내가 MZ 세대라고? MZ력 테스트하는 사이트(무료)

✔ 인스타, 틱톡, 유튜브 계정 무한으로 만들 수 있는 임시 이메일 사이트

✔ 스타일리쉬한 파워포인트(PPT) 템플릿 다운 사이트 TOP3

✔ 코딩없이 클릭 몇 번으로 앱 및 웹사이트 제작하는 방법(정말 쉬움)

✔ [분노유형 파악] 3분 만에 내 성격이 괴팍한지 알아보는 사이트

✔ 숨은 맛집 찾기 (데이트, 모임 장소 만족도 99%)

✔ 블로그 속도 체크해서 검색순위 랭킹 올려보자

✔ 10초 만에 목적지까지 택시요금 계산하기

✔ 2023년 나의 운세는? 계묘년 무료 운세 보기 사이트

✔ 정확도 높은 무료 사주 사이트 TOP3 지금 확인해 보세요

✔ 무료 아이콘, 스티커 받을 수 있는 사이트

✔ 임시 전화번호 필요한 분?!! 이 사이트를 이용해 보세요(문자 가능)

✔ 가장 어울리는 2개의 색상 조합을 알고 싶다면? 

✔ [전기차 보조금] 2023년 전기차 보조금 정리

✔ URL 링크 줄여주는 사이트(3초 컷)

✔ 어젯밤 꿈 무료로 풀이해 주는 무료 꿈해몽 사이트(로또 번호 연계까지)

✔ PDF 용량을 5초 만에 줄일 수 있는 사이트

✔ 영문주소 변환 1초 만에 가능한 사이트

✔ 네이버의 실시간 검색어를 보여주는 사이트

✔ 파일 확장자를 원하는 데로 변경해 주는 무료 사이트

✔ 한글 및 오피스를 설치 없이 무료로 이용 가능한 사이트

✔ 김프가 이용방법 상세한 가이드(김치프리미엄 확인 사이트)

✔ 4대 보험 가입이 되어있는지 확인하는 사이트

✔ 큰 시험을 앞두고 나의 운세를 확인해보고 싶다면? 무료운세 사이트 추천

공유하기

facebook twitter kakaoTalk kakaostory naver band

공유하기

facebook twitter kakaoTalk kakaostory naver band