라이브 2D 프로그램 - laibeu 2D peulogeulaem

클래스101은 모든 사람이 사랑하는 일을 하며
살 수 있도록 세상을 바꾸고자 합니다.

클래스101

기업교육

채용

도움말

크리에이터

크리에이터 센터

정규 클래스 지원하기

도움말

고객센터

오전 10시 ~ 오후 6시 (주말, 공휴일 제외)

오전 10시 ~ 오후 6시 (주말, 공휴일 제외)

CLASS101 KoreaCLASS101 USACLASS101 JapanInstagramYoutubeFacebookNaverpostNaverblogPlaystoreAppstore

이용약관개인정보 처리방침101프라임 이용약관기프트카드 및 캐시 이용약관환불 정책사업자 정보 확인단체/기업 교육 문의제휴/협력 문의PR 관련 문의지식재산권 침해 신고 센터

주식회사 클래스101 | 대표 공대선 | 서울특별시 강남구 테헤란로 302, 1-11층, 13층(역삼동, 위워크타워) | | 전화번호: 1800-2109 | 클라우드 호스팅: Amazon Web Services Korea LLC | 사업자등록번호 : 457-81-00277 | 통신판매업신고 : 2022-서울강남-02525 | 클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.

앱 다운로드

음... 저는 일단 그림 그릴 줄을 모릅니다.

그래도 평소 관심 있던 프로그램이 하나 있는데 라이브2D라는 프로그램이죠.

괴밀 할때 꽤 흥미롭게 봤던 프로그램이라 한번 써보고 싶었는데... 뭐부터 해야 할지 막막 하더라구요.

그래서 일단 다운 받았습니다. 다운은 어렵지 않습니다. Live2d 공식 홈페이지가서 Cubism을 다운 받으면 Pro버전과 Free 버전이 있는데 기능적인 제한이 크지만 그냥 취미로 해보고 싶다면 나쁘지 않은 것 같습니다. Free 버전을 다운 받아 설치했습니다.

그리고 그냥 무작정 해보기로 했습니다.

일단 그림이 필요한데요. 원래는 포토샵으로 작업한 PSD 파일이 필요하지만 저는 포토샵을 써본적도 없고 디지털 그림을 그려본적이 없으므로 그냥 그림판으로 원래 있던 그림 하나를 열었습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

본 그림은 삼국지 퍼즐대전에 나오는 꼬마 사마의 입니다. Live2D에서 그림을 불러오기 위해서는 2의 배수로 사이즈를 맞춰야 한답니다.

250x250 픽셀로 되어 있는데 2의 배수 사이즈로 맞춰 줍시다.

256, 512, 1024, 2048까지 가능합니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 움직임을 작업하기 위해 그림을 좀 하나 만들려고 합니다. 굉장히 조잡합니다 ㅠ 그냥 넘어갑시다.

사마의를 일단 복사했습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

그리고 그림판 작업 배율을 500프로까지 확대했습니다. 제가 느끼기엔 라이브 2D를 하려면 그림이 좀 큰게 좋습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

눈을 깜빡였다 치고 눈썹을 선택해 밑으로쫙 내려줍니다... 이게 눈을 감은거라 칩시다...

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

그림을 PNG로 저장합시다. 웹에 올릴거나 게임에 쓴다던가 여러가지 확장성을 고려할때 PNG 파일로 저장하는 것이 좋습니다. 그리고 Live2d에서 인식할 수 있는게 어차피 PSD파일 아니면 PNG 파일입니다. 저는 사마의.PNG로 저장했습니다.​


 Live2d Cubism을 설치했다면 Modeler가 있을겁니다. 실행합니다. 실행하면 Free 버전을 선택합니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

좌측창을 보면 파츠라고 되어 있습니다. 레이어 역할을 하는 것 같습니다. 몸이던 얼굴이던 선택을 한 후 텍스쳐 편집을 누릅니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

파일에서 선택을 누르고

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

사마의.png를 열어줍니다.​


라이브 2D 프로그램 - laibeu 2D peulogeulaem
창이 뜨면 점  삽입을 선택합니다. 

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

낮은 퀄리티에 디테일이 매우 떨어지게 작업할 예정이므로 대충 사마의의 몸을 점 4개로 두른다음에 OK를 누릅니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

오른쪽 눈만 움직일 예정이므로 눈이던지 눈썹이던지 선택하고 텍스쳐 편집을 누릅니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

점 삽입으로 눈부위를 네모쳐 줍니다. 그림이 작으면 잘 안 보이므로 하단에 줌 인 버튼을 눌러 확대해서 디테일하게 작업 합시다.

저는 대충했습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

아까 그림이 크면 좋다고 했는데... 작은 그림을 선택해서 그런지 눈썹이 잘 안 보입니다. 그래도 사마의 얼굴 위에 잘 맞춰 배치해 줍니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

눈썹을 사마의 얼굴 위에 배치하고 나면 눈썹을 우클릭해서 파라미터 편집을 선택합니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

그리고 오른쪽 눈 깜빡임을 저는 선택했습니다. 다양한 설정이 가능하지만 저는 모르는 부분이므로 아는 부분만 일단 해보는 겁니다.

3점 삽입을 누릅니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

그러면 이제 파라미터 창에서 오른쪽 눈 깜빡임 부분에 3개의 점이 생겼습니다. 각 점을 선택하고 움직임을 정해주기만 하면 됩니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

-1, 0, 1 위치에 정확하게 맞으면 편집이 가능합니다. 각 점에서 저는 눈 사이즈를 바꾸는 것으로 움직이는 것처럼 흉내냈습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

-1, 0, 1이 아닌 점을 선택하면 편집할 수 없는 파라미터를 선택했다고 나옵니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

이제 설정된 파일을 저장합니다. 저는 사마의.cmox로 저장했습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

Modeler를 닫고 이번에는 live2d Animation을 실행합니다.

Free 버전으로 실행을 선택합니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

새 프로젝트를 만듭니다. 설정에 대한 세부사항은 모르는 부분이라 그냥 넘어갑니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

파일을 열어줍니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

아까 modeler에서 만든 사마의.cmox 파일을 열어줍니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

이제 여기서는 간단합니다. 원래 다양한 설정이 가능할 것 같지만... 간단하게

프레임 누르고 오른쪽 눈 깜빡임 누르면 됩니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

프레임 시간대 별로 누르고 오른쪽 눈 깜빡임을 눌러줬습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

3프레임 정도 만들었습니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

3프레임인데 그냥 저장하면 10초짜리 파일이 되므로 과합니다. 오른쪽 끝으로 가서 총 프레임 수 300 써있는 부분을 마우스로 꾹 누른상태로 왼쪽으로 드래그 합니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem
 

쭉 왼쪽으로 드래그해서 원하는 재생 시간까지 맞춥니다.

라이브 2D 프로그램 - laibeu 2D peulogeulaem

다 됐습니다. 이제 내보내기로 gif로 파일을 저장합니다.

그러면 이제 이렇게 완성된 파일이 나옵니다...만

라이브 2D 프로그램 - laibeu 2D peulogeulaem

이런 퀄리티로 작업할거면... 그냥 gif만 만드는 프로그램 쓰지 굳이 고생하며 쓸 필요가 없겠죠ㅠㅠ

다양한 작업이 가능한데 일단 제 목적은 움직여라도 보자였습니다.

전문가들이 세삼 존경스럽네요. 디테일함이 정말 중요한 것 같아요. 세삼함 정교함의 가치란 엄청 난 거군요.

데스티니 차일드나 괴리성 밀리언 아서에서 봤던 움직이는 그림들은 퀄리티가 엄청난 것이었어요.

혹시 나중에 시간이 된다면 그림을 좀 배워보고도 싶지만 그럴 여유가 있을까요? 지금 제코가 석자라;;;

아무튼 그래도 사용법만 익힌다면 재밌을 것 같습니다. ㅎㅎㅎ