본문 바로가기

방송용 움직이는 이모티콘 만드는 법 - GIF 제작 가이드

트위치, 치지직에서 쓸 수 있는 애니메이션 이모티콘을 직접 만드는 전 과정을 공개한다


움직이는 이모티콘이 채팅을 바꾼다

채팅창에서 정적인 이모티콘과 움직이는 이모티콘의 시선 집중도는 비교가 안 된다. 살랑살랑 흔들리는 캐릭터, 반짝이는 눈, 통통 튀어오르는 글자. 애니메이션 이모티콘이 하나 올라오면 채팅창 분위기가 확 살아난다. 실제로 BTTV(BetterTTV)와 7TV에서 인기 있는 이모티콘 상위권은 대부분 GIF 형태의 애니메이션 이모티콘이다.

트위치의 경우 파트너나 제휴 스트리머에게 애니메이션 이모티콘 슬롯을 제공하고 있고, 치지직도 2025년 하반기부터 움직이는 이모티콘을 지원하기 시작했다. 7TV나 BTTV 같은 서드파티 확장 프로그램을 사용하면 누구나 커스텀 애니메이션 이모티콘을 채팅에서 쓸 수 있다.

외주 제작을 맡기면 이모티콘 하나에 1~3만 원, 세트로 맡기면 10만 원 이상이 든다. 하지만 기본 원리를 알면 직접 만드는 것도 어렵지 않다. 간단한 흔들림 효과 정도는 10분이면 완성할 수 있고, 프레임 애니메이션도 무료 도구만으로 충분히 가능하다.

플랫폼별 이모티콘 규격 총정리

이모티콘을 만들기 전에 반드시 알아야 할 것이 각 플랫폼의 규격이다. 사이즈나 파일 크기 제한을 맞추지 않으면 업로드 자체가 거부된다.

트위치 애니메이션 이모티콘: 세 가지 사이즈(28×28, 56×56, 112×112px)를 모두 제출해야 한다. GIF 형식, 각 파일 최대 1MB. 프레임 수에 제한은 없지만, 파일 크기 제한 때문에 보통 10~30프레임이 현실적이다. 루프 재생된다.

치지직 이모티콘: 기본 사이즈 112×112px, GIF 또는 APNG 형식. 파일 크기 제한 256KB. 트위치보다 용량 제한이 빡빡하므로 최적화가 중요하다.

7TV: 최대 사이즈 128×128px, AVIF/WebP/GIF 지원. 파일 크기 제한이 비교적 넉넉해서(최대 2.5MB) 좀 더 부드러운 애니메이션이 가능하다. 7TV는 업로드 시 자동으로 여러 사이즈와 포맷으로 변환해주므로 편리하다.

BTTV: 최대 112×112px, GIF 형식, 파일 크기 2MB 이하. 7TV와 비슷하게 비교적 여유롭다.

공통적으로 배경은 반드시 투명이어야 한다. 불투명 배경의 이모티콘은 채팅창에서 네모난 박스처럼 보여서 굉장히 어색하다.

정적 이모티콘을 GIF로 변환하기

이미 정적(PNG) 이모티콘이 있다면, 간단한 변환만으로 움직이는 버전을 만들 수 있다. 가장 쉬운 방법 몇 가지를 소개한다.

방법 1 - ezgif.com으로 흔들림 효과: ezgif.com은 브라우저에서 GIF를 편집할 수 있는 무료 사이트다. 'GIF Maker' 탭에서 같은 이미지를 여러 장 업로드하되, 각각 살짝 위치를 다르게 조정하면 흔들리는 효과가 만들어진다. 더 간단한 방법은 'Effects' 탭에서 'wiggle' 효과를 적용하는 것이다.

방법 2 - Photopea에서 프레임 애니메이션: Photopea(무료 웹 포토샵)에서 이모티콘 이미지를 열고, 레이어를 복제한 뒤 각 레이어를 살짝씩 변형(크기, 위치, 회전)한다. Window → Timeline에서 프레임 애니메이션을 만들 수 있고, File → Export as → GIF로 내보내면 된다.

방법 3 - 캡컷으로 영상→GIF 변환: 캡컷에서 이모티콘 이미지에 '바운스', '흔들기', '스핀' 같은 애니메이션을 적용하고, 짧은 영상으로 내보낸 뒤 ezgif.com에서 GIF로 변환하는 방법이다. 캡컷의 애니메이션 프리셋이 다양해서 의외로 좋은 결과가 나온다.

방법 4 - AI 도구 활용: 2026년에는 정적 이미지를 입력하면 자동으로 움직임을 추가해주는 AI 도구들이 나왔다. Runway의 'Image to Video' 기능이나, Pika Labs 등을 활용하면 캐릭터가 눈을 깜빡이거나 고개를 끄덕이는 자연스러운 애니메이션을 만들 수 있다. 다만 이모티콘처럼 아주 작은 이미지에서의 결과물은 아직 일관적이지 않을 수 있다.

처음부터 애니메이션 이모티콘 그리기

정적 이모티콘 없이 처음부터 애니메이션 이모티콘을 만들고 싶다면, 프레임별 그리기(Frame-by-Frame Animation) 방식을 사용한다. 그림 실력이 뛰어나지 않아도 된다. 이모티콘은 원래 심플한 디자인이 효과적이니까.

추천 도구 - Aseprite: 픽셀 아트 및 GIF 애니메이션 전문 프로그램이다. 스팀에서 약 25,000원에 판매하지만, 공식 GitHub에서 소스코드를 받아 직접 컴파일하면 무료로 사용할 수 있다. 이모티콘 제작에 최적화된 인터페이스를 가지고 있다.

무료 대안 - Piskel: 브라우저에서 바로 쓸 수 있는 무료 픽셀 아트/GIF 편집기. piskelapp.com에 접속하면 설치 없이 바로 작업할 수 있다. 어니언 스킨(이전 프레임을 반투명하게 보여주는 기능)이 지원되어 프레임 간 움직임을 맞추기 편하다.

무료 대안 - Krita: 무료 오픈소스 그래픽 프로그램으로, 애니메이션 기능도 내장되어 있다. 픽셀 아트뿐 아니라 일반 일러스트 스타일의 이모티콘도 만들 수 있다. 타블렛이 있다면 더 편하지만, 마우스로도 심플한 이모티콘은 충분히 그릴 수 있다.

애니메이션 이모티콘 제작 시 핵심 원칙 세 가지: 첫째, 프레임 수는 6~12개면 충분하다. 너무 많으면 파일이 커지고 제작 시간만 늘어난다. 둘째, 루프가 자연스러워야 한다. 마지막 프레임이 첫 프레임으로 자연스럽게 이어지도록 설계하라. 셋째, 28×28px에서도 알아볼 수 있어야 한다. 아무리 큰 사이즈에서 예뻐도 작게 축소했을 때 뭉개지면 실패다.

최적화와 업로드 트러블슈팅

이모티콘을 만들었는데 파일 크기가 제한을 초과한다면, 최적화가 필요하다. GIF 파일 크기를 줄이는 방법들을 정리한다.

색상 수 줄이기: GIF는 최대 256색을 지원하는데, 이모티콘처럼 심플한 이미지는 32~64색만으로도 충분하다. ezgif.com의 'Optimize' 기능에서 색상 수를 줄이면 파일 크기가 크게 감소한다.

프레임 수 줄이기: 30fps 애니메이션을 15fps나 10fps로 줄여도 이모티콘 사이즈에서는 차이를 거의 못 느낀다. ezgif.com에서 'Remove every 2nd frame'을 적용하면 프레임 수가 절반으로 줄면서 파일 크기도 절반 가까이 줄어든다.

디더링 제거: GIF의 디더링(색상 경계를 자연스럽게 만드는 패턴)은 파일 크기를 크게 늘린다. 이모티콘처럼 작은 이미지에서는 디더링 없이 깔끔한 색상 경계가 오히려 보기 좋다.

lossy 압축: gifsicle이나 ezgif.com의 'Lossy GIF compressor'를 사용하면, 눈에 거의 보이지 않는 수준의 품질 저하로 파일 크기를 30~50% 줄일 수 있다.

업로드 시 자주 발생하는 문제들과 해결법: '파일 형식이 올바르지 않습니다' 에러가 뜬다면 실제로 GIF가 맞는지 확인하라. 확장자만 .gif로 바꿔서는 안 되고, 실제 GIF 포맷으로 내보내야 한다. '사이즈가 맞지 않습니다' 에러는 정확한 픽셀 사이즈를 확인하라. 1px이라도 차이나면 거부된다. 투명 배경이 적용 안 되는 경우, GIF 내보내기 시 'Transparent' 옵션이 체크되어 있는지, 배경 레이어가 확실히 투명인지 확인하라.

3일 무료체험큰손탐지기, 지금 바로 시작하세요

설치 없이 웹에서 바로 사용 가능 · PC & 모바일 지원

무료체험 시작
카카오톡 상담