프로크리에이트로 초간단! 움직이는 그림(GIF) 파일 만들기

안녕하세요. 콩장수입니다. 
 
아이패드의 장점이라면 단연 그림 그리기 기능이라고 할 수 있는데요. 사실 저도 드로잉을 위해서 아이패드를 구입을 했지요. 아이패드로 그림을 그릴 때 필수 앱인 프로크리에이트를 주로 사용을 하는데요. 프로크리에이트는 아이펜슬을 사용해서 손쉽게 드로잉을 하고, 채색까지 빠르고 편하게 할 수 있지요.
 
혹시 프로크리에이트가 그림 그리기 뿐만 아니라 움직이는 GIF 파일을 만들 수 있다는 사실 알고 계실까요? 대부분 알고 계실 테지만, 저처럼 생소하신 분들을 위해서 손쉽게 GIF 파일을 만드는 법에 대해서 소개해 보려고 합니다.  

 

프로크리에이트로 움직이는 그림 GIF 파일 만들기

오늘은 표정 변화가 생기는 귀여운(?) 캐릭터 얼굴을 만들어보는 시간을 가지도록 하겠습니다. 제 목표는 사람의 눈과 입이 열렸다가 닫히는 과정을 움직이는 그림 파일로 만드는 것인데요. 어도비 포토샵이나 일러스트를 써보신 분은 레이어의 개념을 아실 거예요. 프로크리에이트도 레이어로 구성이 되어있는데요. 조금씩 변화하는 얼굴을 각각 다른 레이어에 그려 넣어서, 이를 순차적으로 연속해서 보여주면서 반복적으로 재생하는 원리로 마치 살아있는 듯한 움직이는 애니메이션이 만들어지는 것이죠.

1. 가만히 있을 때 얼굴 그리기

먼저 저는 프로크리에이트에서 귀여운(?) 남자 얼굴을 그려보았습니다. 아래처럼 가만히 있을 때의 얼굴 표정을 그립니다. 포스팅을 위해서 대강 그린 것이니 못 그렸더라고 양해 부탁드려요 ^_^ 

가만히 있을 때 얼굴을 그립니다

 

2. 방금 그린 그림을 복제해서 똑같은 레이어 생성하기

방금 그린 그림의 레이어를 복제해서 똑같은 이미지를 위에 올립니다. 레이어를 복제하는 방법은 굉장히 쉬운데요. 복제하려는 레이어에 손가락을 가져다 대고 왼쪽에서부터 오른쪽으로 쓱 밀면, 아래와 같은 메뉴가 생기지요. 메뉴에 보면 [복제] 메뉴가 있는 것을 확인하실 수가 있으세요. [복제]를 눌러 동일한 레이어를 만듭니다.

 3. 아래 레이어는 눈표기 꺼두고, 복제한 레이어 수정하기

동일한 그림이 있는 레이어가 두 개 생성되었지요. 복제한 레이어를 수정해야 해서, 아래에 위치한 레이어의 눈표시를 잠시 꺼둬야 합니다. 복제한 레이어를 수정하기 위해 지우개로 지워도 아래 똑같은 그림이 보이기 때문에 확인하기가 힘들기 때문이죠. 아래 레이어의 눈표시는 잠깐 꺼두고 복사한 레이어의 그림에 지우개로 수정할 부분을 지웁니다. 감고 있었던 눈을 살짝 열고, 입도 조금 벌려주었습니다.

 

3. 위에서 그려진 그림을 다시 복제

방금 그린 두 번째 그림의 레이어를 다시 복제해서 위에 올리고, 동일한 방식으로 작업을 진행합니다. 아래 레이어의 눈을 끄고, 지우개와 펜슬을 이용해 수정을 합니다. 완전히 뜬 눈과 치아가 보일 정도로 크게 벌린 입을 그려주었습니다. 

 
 

4. 반복된 영상 재생을 위해서 이미지 순차적 배열

 

이제 서로 다른 3 장의 그림이 완성되었습니다. 움직이는 애니메이션 기능은 레이어의 위에서 아래로 지나가면서 순차적으로 보이게 됩니다. 따라서 이미지가 보이는 순서를 고려서 배열을 해줘야 하는데요. 눈을 떴다가 다시 감기는 모습까지 나와야 하므로, 그림은 각 2개씩 필요하겠지요. 그래서 각각의 이미지를 하나씩 같은 이미지로 복제해서, 아래 화면처럼 이미지를 순서대로 배열을 합니다. (레이어를 끌어다가 원하는 곳에 놓으면 순서를 바꿀 수가 있습니다) 그리고  모든 레이어의 눈 표기를 켜줍니다. gif파일로 만든다면 이미지는 위에서부터 아래로, 다시 위에서부터 아래로 무한 반복하게 됩니다! 

5. GIF 파일 만들기

그럼 이제 움직이는 gif파일을 만들 차례인데요. 아주아주 간단합니다. 결론부터 말씀드리면 아래의 메뉴를 따라 클릭을 해주시면 움직이는 gif파일이 뚝딱 만들어집니다.

[동작] - [공유] - 움직이는 GIF

아래 이미지처럼, 프로크리에트 위에 보면 스패너 아이콘이 보이는데요. 이것은 [동작]을 의미하는 아이콘인데, 클릭해 줍니다.  그럼 다음과 같은 메뉴가 보입니다. [공유]를 눌러줍니다. 그럼 아래에 보면 [움직이는 GIF]라는 하위 메뉴가 보일 거예요. 이것을 클릭하게 되면 바로 움직이는 이미지 파일을 만들 수 있는 것이죠.

 
 6. 완성

아래는 위의 과정을 거쳐 완성된 GIF 파일입니다. 포스팅을 위해 대강 만들어서 그런지 굉장히 어색합니다. 일단 눈과 입이 동시에 아래로 벌어져 징그럽습니다.  좀 더 자연스러운 캐릭터 이미지를 만들려면 레이어를 더 추가하셔도 되고, 눈과 입뿐만 아니라 눈썹과 코의 변화, 입 주변과 이마 주름, 고개가 살짝 움직이는 모션을 주면 좀 더 자연스럽게 연출할 수 있겠지요. 

프로크리에이트로 움직이는 GIF 파일 완성!!

gif 파일을 이미지로 첨부하면 사진 편집(사이즈조절, 회전, 잘라내기 등)이 안됩니다. 큰 아이패드에 캐릭터를 코딱지만하게 그려서 얼굴 캐릭터 주변으로 여백이 너무 많아서 아쉽네요. 캐릭터를 꽉 채울 수 있도록 사이즈를 미리 정하고 캔버스를 생성하시기 바랍니다. ( 이건 번외의 이야기지만, 요즘 엔 사진을 업로드하기만 하면 TTS(Text-to-Speech) 프로그램으로 음성이 생성되는 데다가, 그 발음에 맞춰 입모양을 만들어주는 AI 사이트도 있더라고요. 하지만 사람이 직접 만드는, 이런 잡스러운 이미지는 어설프긴 해도 그 나름의 매력이 있는 것 같아요. )

■ 표정이 변하는 얼굴 GIF파일 활용 방법

이런 움직이는 gif파일은 블로그에 나만의 움직이는 이모티콘을 만들어 블로그 본문에 넣을 수도 있어서 생동감 있는 블로를 만들 수도 있겠죠. 그리고 스튜디오 OBS [Studio OBS]라는 무료 강의녹화 소프트웨어가 있는데요. 여기에 해당 이미지를 넣어 "GIF톡"을 만들 수 있어요. GIF톡이란 마이크 대고 말을 할 때는 움직이는 그림(GIF 파일)로 보이고, 말을 하지 않을 때는 정지된 그림으로 보여서, 마치 캐릭터가 강의를 하고 있는 듯한 영상을 녹화할 수 있는 것이죠.

 

오늘은 프로크리에이터로 표정이 변화하는 얼굴 캐릭터 GIF파일을 만드는 방법에 대해서 알아보았습니다.

이상으로 포스팅을 마치도록 하겠습니다!!

부족한 제 블로그를 찾아주시고 읽어주셔서 감사합니다.  방문하시는 모든 분들에게 행복이 함께 하셨으면 좋겠네요. 더 좋은 글로 찾아뵐게요. 지난 발행글에도 혹시 도움이 될 만한 글이 있을지 모르니, 시간이 되신다면 함께 읽어주세요 ^_^