미리캔버스로 GIF 이미지 만들기: 쉽고 재미있게 따라하기 가이드

미리캔버스를 이용해 GIF 이미지를 만들고 싶은 분을 위한 글입니다.

얼마 전에 캔바에 들어가서 GIF이미지가 부쩍 많아진 것을 보고 놀랐는데요.

미리캔버스 기여자분들도 움직이는 이미지난 동영상 업로드를 적극적으로 만들어보면 수익에 도움이 될 것 같습니다.

 

저는 어도비 일러스트레이터로 그려놓은 캐릭터 이미지가 있어서 사용했는데,
일러스트레이터가 아니라도 미리캔버스에서 GIF 캐릭터 이미지를 만드는 방법은 비슷하답니다.

일러스트레이터를 사용하시는 분은 제가 만드는 방법도 참고해 보세요.

 

완성된 GIF이미지

 

1. 미리캔버스 디자인허브에서 GIF 애니 이미지 사이즈 확인

 

저는 움직이는 GIF이미지를 만들어서 미리캔버스 디자인 허브에 업로드를 하려고 합니다.

그래서 미리캔버스에서 GIF 애니 사이즈를 확인합니다.

 

• 해상도 : 72 dpi
• 사이즈 : 700 ~ 1920px 

 

2. 일러스트레이터에서 캐릭터 그리고 움직이기

일러스트레이터로 그려놓은 캐릭터가 있어서 사용하려고 합니다.

일러스트가 없다면 사용할 수 있는 툴을 사용해서 움직이는 이미지를 두 장 이상 만들면 됩니다.

 

2-1 일러스트레이터에서 대지 사이즈 정하기

미리캔버스에 업로드 가능한 GIF 애니 사이즈는 600~1920px인데요.

넉넉잡아서 크기를 가로 세로 1000px로 만들었습니다.

 

2-2 캐릭터가 최대로 움직이는 범위에서 대지 자르기

미리캔버스에 이미지를 업로드할 때는 이미지가 없는 여백은 최대한으로 잘라서 올려야 하는데요.

GIF 애니의 경우는 움직이기 때문에 캐릭터가 최대로 움직이는 범위를 그려서 대지를 잘라주는 것이 좋습니다. 

 

1. 일러스트 캐릭터 팔다리 움직이기

그룹으로 묶여있는 팔을 선택하고 회전툴을 이용해서 움직입니다.

캐릭터가 움직일 범위 중 대지를 가장 많이 차지하는 만큼 움직입니다.

• 움직일 부분 선택 후 그룹으로 만들기
• 회전툴로 회전축을 정한 후 움직이기

 

2. 대지 자르기

아트웍 테두리에 맞추기로 이미지에 크기에 꼭 맞게 대지를 잘라줍니다.

• 오브젝트> 대지 선택
• 아트웍 테두리에 맞추기를 클릭

 

2-3. 대지 복제 한 후 캐릭터 이미지 변형하기

1. 대지창 활성화 시키기 

대지 창이 활성화가 안돼 있다면 창에서 대지를 활성화합니다.

• 창 > 대시 선택

 

2. 대지 복제를 한 후 캐릭터 이미지 변형하기 

대지툴 선택 > 대지 선택 후 대지 창에서 대지 복제를 합니다.

• 이미지를 3-4개 복제

 

2-4. 팔다리 움직이는 귀여운 커플 이미지 3장 완성

저는 캐릭터 이미지 세장으로 움직임을 줄 이미지를 만들었습니다.

 

2-5. 완성된 이미지 내보내기

완성된 이미지를 내보내기로 저장합니다.

1. 파일> 내보내기> 화면에 맞게 내보내기 

파일에서 내보내기 > 화면에 맞게 내보내기를 선택합니다.

설정은 아래를 참고하세요.

 

• 대지 선택
• 서식 포맷 : png
• 접두어 : 파일명 (ex 손 흔들)

 

2. 1X폴더 안에-손 흔들. png파일이 저장됨 확인

1번에서 저장한 2가지 이미지가 png 확장자로 저장되었습니다.

 

 

3. 미리캔버스에서 GIF 이미지 만들기

이제 세장의 이미지를 미리캔버스에서 GIF 이미지로 만들겠습니다.

3-1. 미리캔버스> 크기조정

미리캔버스에서 크기조정 > 직접 입력을 해서 1000 x 1000 px 크기의 디자인 페이지를 만듭니다.

 

3-2. 툴> 업로드에 손흔들 png파일 업로드하기

업로드 툴에서 만들어둔 손흔들.png파일을 업로드합니다.

폴더에서 이미지를 선택 후 드래그 하면 됩니다.

 

 

3-3. 업로드된 일러스트를 클릭해서 사이즈 확인

페이지의 여백을 잘라내기 위해 가로사이즈를 1000px로 조절 후 세로 사이즈를 확인합니다.

제가 만든 이미지는 879px이네요.

 

3-4. 직접입력> 사이즈입력 후 일러스트 이미지 크기, 위치 조정

직접입력> 사이즈입력 후 페이지에 딱 맞게 일러스트 이미지 크기, 위치 조정을 조정합니다.

 

3-5. 원하는 페이지 선택 후 페이지 재생 시간 조절

원하는 페이지를 선택 후 페이지를 선택해 재생 시간을 조절합니다.

애니메이션 부분이 안보이면 아래 손가락 아이콘 부분을 클릭하면 보실 수 있습니다.

저는 중간 움직이는 이미지인 2번 이미지를 마지막 4페이지에 다시 넣어 이미지가 자연스럽게 움직이게 만들었습니다.

 

3-6. GIF 다운로드하기

마지막으로 미리캔버스 우측상단의 다운로드 버튼을 누른 후 파일 형식을 GIF로 선택합니다.

 

움직이는 이미지는 사용자의 눈길을 끌 수 있고, 여러 디자인 플랫폼에서 움직이는 이미지를 많이 제공하더라고요.

GIF 애니 요소도 적극적으로 만들어 보면 수익에 도움이 될 것 같습니다.

 

---

 

미리캔버스 기여자, 이벤트 팝업 디자인 팁

생성형AI imageFX로 캐릭터 디자인 하기

미리캔버스 디자인허브 템플릿 기여자 되는 법