GIF 만드는 법: 동영상·사진으로 움짤 만들기 (PC·아이폰·안드로이드)

모든 GIF는 이미 있는 동영상, 여러 장의 정지 이미지, 움직임을 대신 만들어 주는 템플릿 중 하나에서 시작합니다. 내 자료와 비슷한 줄을 찾아보세요.

어떤 방법을 쓰든 결과물은 같은 구조의 파일입니다. 정지 이미지(프레임)가 차곡차곡 쌓여 있고, 프레임마다 표시 시간과 최대 256색의 팔레트를 따로 가지며, 몇 번 반복할지에 대한 정보가 붙어 있습니다. 글 맨 위의 그림이 바로 그 구조이고, 이것만 이해하면 아래에 나오는 설정 대부분이 자연스럽게 이해됩니다.

동영상을 GIF로 바꾼다는 것은 몇 초 분량의 영상에서 정지 이미지를 뽑아내는 일입니다. 이 사이트의 동영상 GIF 변환 도구는 MP4, MOV, WebM을 브라우저 안에서만 처리하므로 영상이 휴대폰이나 컴퓨터 밖으로 나가지 않습니다. 회사 화면 녹화나 가족 영상도 안심하고 변환할 수 있습니다.

1. 1GIF 만들기 도구를 열고 MP4, MOV, WEBM 파일을 끌어다 놓거나, 탭해서 휴대폰에서 고릅니다.
2. 2영상을 재생하거나 넘기면서 「여기서 시작」과 「여기서 끝」으로 쓸 구간을 정합니다. 움짤은 보통 2~6초입니다.
3. 3「초당 프레임 수」를 고릅니다. 대부분은 10이면 충분하고, 스포츠나 게임처럼 빠른 장면에서만 15~25를 쓰세요. 올릴수록 프레임과 용량이 늘어납니다.
4. 4「프레임 추가」를 누르면 프레임이 띠 모양으로 늘어섭니다. 느린 앞부분을 지우거나, 프레임을 복제해 한 장면을 길게 보여 주거나, 전체 순서를 뒤집을 수 있습니다.
5. 5너비를 정하고(채팅이나 웹페이지라면 480px면 충분합니다) 반복은 「무한 반복」으로 둡니다.
6. 6「GIF 만들기」를 눌러 미리보기와 용량을 확인한 뒤 다운로드합니다.

가능하면 카메라가 움직이지 않는 영상을 고르세요. 고정 카메라로 찍은 리액션은 손으로 들고 찍은 같은 장면보다 훨씬 작게 압축됩니다. 프레임마다 바뀐 부분만 다시 저장하면 되기 때문입니다. 아래 용량 테스트에서 실제 숫자로 확인할 수 있습니다.

여러 장의 정지 이미지는 플립북과 같은 원리로 GIF가 됩니다. 사진 한 장이 프레임 하나가 되어 정해진 시간 동안 보였다가 다음 장으로 넘어갑니다. 여행 사진, 여러 각도에서 찍은 제품, 요리 순서, 연속된 그림 모두 움짤로 만들 수 있습니다.

1. 1JPG, PNG, WEBP, HEIC 이미지를 온라인 GIF 메이커에 추가합니다. 언제든 더 넣을 수 있고, 새 이미지는 띠의 맨 끝에 붙습니다.
2. 2순서를 정리합니다. 프레임을 선택해 「앞으로」나 「뒤로」를 누르거나, 「순서 뒤집기」로 전체를 거꾸로 바꿉니다.
3. 3「프레임당 표시 시간」을 정합니다. 사진 슬라이드쇼라면 500ms~1.5초가 보기 편하고, 스톱모션이라면 80~150ms일 때 움직임이 이어져 보입니다.
4. 4모양을 고릅니다. 「첫 프레임과 같게」는 첫 사진의 비율을 따르고, 「정사각형」은 채팅과 프로필용, 「세로 9:16」은 스토리용입니다.
5. 5「이미지 전체 보이기」를 고르면 모든 사진이 틀 안에 들어가고, 「프레임 가득 채우기」를 고르면 가장자리를 잘라 여백을 없앱니다.
6. 6반복을 정하고 「GIF 만들기」를 눌러 다운로드합니다.

몇 초 간격으로 찍은 사진일수록 움짤이 부드러우니 연속 촬영 사진이 제격입니다. 스톱모션은 카메라를 고정하고 노출을 잠가야 프레임마다 밝기가 깜빡이지 않습니다. 기울기를 바로잡거나 일부만 쓰고 싶은 사진은 먼저 잘라서 자른 사본을 추가하세요.

스마트폰은 기본 앱만으로도 간단한 GIF를 만들 수 있습니다. 가능한 기능은 제조사마다 다르므로 여기서는 Apple과 Samsung이 공식적으로 안내하는 내용만 다루고, 다른 사이트의 설명에만 나오는 기능은 그렇다고 밝혀 둡니다. 속도, 크기, 색상까지 정하고 싶다면 어떤 휴대폰이든 브라우저에서 컴퓨터와 똑같이 만들 수 있습니다.

템플릿은 움직임이 이미 준비되어 있어 사진이나 문구만 넣으면 됩니다. 메시지, 생일 축하, 단톡방에 보낼 움짤을 가장 빨리 만드는 방법입니다.

• 「my beloved」 밈: 하트 로켓 GIF 만들기는 내 사진을 빨간 하트 로켓 안에 넣고, 문구나 두 번째 사진 옆에서 열리게 합니다.
• 나만의 이모지: GIF를 디스코드·슬랙 이모지로 만들면 정사각형으로 맞추고 크기를 줄여 각 서비스의 한도(디스코드 256KB, 슬랙 128KB) 안에 넣어 줍니다.
• 움직이는 로고와 아이콘: 애니메이션이 SVG라면 SVG를 GIF로 변환해 이메일처럼 SVG를 지원하지 않는 곳에서도 움직이게 할 수 있습니다.

포토샵은 레이어로 GIF를 만들기 때문에 프레임을 하나씩 손보고 싶을 때 좋습니다. 아래는 최신 버전의 프레임 애니메이션 타임라인을 쓰는 순서이며, 메뉴 이름은 한국어판 기준입니다.

1. 1파일 → 스크립트 → 스택으로 파일 불러오기로 이미지를 레이어로 불러옵니다. 동영상은 파일 → 가져오기 → 레이어로 비디오 프레임을 쓰고 구간을 고릅니다.
2. 2창 → 타임라인을 열고 패널 가운데에서 프레임 애니메이션 만들기를 고릅니다.
3. 3타임라인 패널 메뉴에서 레이어에서 프레임 만들기를 고릅니다. 레이어 하나가 프레임 하나가 됩니다.
4. 4각 프레임 썸네일 아래 작은 메뉴에서 지연 시간을 정하고, 패널 아래쪽 반복 옵션을 계속으로 바꿉니다.
5. 5파일 → 내보내기 → 웹용으로 저장(레거시)으로 내보냅니다. GIF를 고르고 색상 수(처음에는 128 추천)와 디더링 여부를 정한 뒤, 미리보기 모서리의 용량을 확인하고 저장합니다.

영어판 포토샵이라면 명령 이름은 Load Files into Stack, Create Frame Animation, Make Frames From Layers, Save for Web (Legacy)입니다. 포토샵은 프레임 단위로 세밀하게 다룰 수 있지만 구독과 열 단계가 넘는 작업이 필요합니다. 사진이나 영상을 순서대로 놓고 깔끔하고 가벼운 GIF를 얻는 것이 목적이라면 브라우저 도구로 같은 설정을 1분 안에 끝낼 수 있습니다.

GIF의 모습과 용량을 결정하는 설정은 다섯 가지입니다. 각 설정의 역할과 자주 쓰는 용도별 기준값을 정리했습니다.

어떤 설정이 정말 효과가 있는지 알아보려고, 이 사이트의 GIF 인코더로 같은 3초 영상을 설정을 하나씩 바꿔 가며 만들었습니다. 하나는 세밀한 풍경 위를 천천히 패닝하는 영상으로, 대부분의 휴대폰 영상처럼 매 프레임 모든 픽셀이 바뀝니다. 다른 하나는 같은 그림을 고정해 두고 작은 물체 하나만 움직이는 영상으로, 화면 녹화나 삼각대 촬영과 비슷합니다.

세 가지가 분명합니다. 첫째, 설정보다 내용이 중요합니다. 같은 크기에서 고정 촬영은 패닝의 50분의 1이었는데, 인코더가 바뀐 픽셀만 저장하기 때문입니다. 둘째, 움직임이 있는 영상에서는 초당 프레임이 용량과 거의 정확히 비례합니다. 프레임이 두 배면 파일도 두 배입니다. 셋째, 255색을 64색으로 줄이자 38% 가벼워졌고, 디더링을 켜자 23% 무거워졌습니다. 숫자는 영상마다 다르지만 효과가 큰 순서는 같습니다.

위에서부터 차례로 해 보고 용량이 맞으면 거기서 멈추세요. 앞쪽 단계일수록 효과는 크고 화질 손해는 작습니다.

1. 1길이를 줄입니다. 늘어지는 앞뒤를 잘라 내면 그만큼 저장할 것이 줄어듭니다.
2. 2초당 프레임을 낮춥니다. 20fps를 10fps로 바꾸면 움직이는 영상은 대략 절반이 됩니다.
3. 3움직이는 부분만 잘라 냅니다. 움직이는 배경이 줄수록 프레임마다 바뀌는 픽셀이 줄어, 테스트에서 가장 효과가 컸습니다.
4. 4너비를 줄입니다. GIF가 보이는 곳 대부분은 480px면 충분하고, 채팅이라면 320px로도 됩니다.
5. 5색상 수를 줄이고, 줄무늬가 없다면 디더링을 끕니다.
6. 6남은 것은 압축합니다. GIF 압축 도구는 완성된 GIF를 256KB나 5MB처럼 원하는 용량에 맞춰 줍니다. 디테일은 조금 줄어듭니다.

그래도 너무 크다면, 솔직히 그 영상에는 GIF가 맞지 않습니다. 짧은 MP4나 WebP가 훨씬 작은 용량으로 화질을 지킵니다(아래 비교 참고). 정지 이미지가 무겁다면 화질 손실 없이 이미지 용량 줄이는 법에서 JPG, PNG, WebP를 다룹니다.

GIF는 프레임마다 팔레트의 한 색을 투명으로 지정할 수 있습니다. 그래서 픽셀은 완전히 투명하거나 완전히 불투명하거나 둘 중 하나이고, 중간은 없습니다. 윤곽이 선명한 스티커, 아이콘, 누끼 이미지에는 잘 맞지만 부드러운 윤곽이 거칠어 보이는 이유도 여기에 있습니다.

사진이나 PNG의 부드러운 윤곽은 뒤 배경과 섞이는 반투명 픽셀로 이루어져 있습니다. GIF는 이 픽셀들을 불투명이나 투명 중 하나로 반올림할 수밖에 없어서, 곡선은 계단처럼 깨지고 불투명해진 픽셀에는 오려 낸 원래 배경색이 남습니다. 흰 배경에서 만든 GIF를 어두운 페이지에 올렸을 때 보이는 흰색이나 검은색 테두리가 바로 이것입니다.

• 이미지로 투명 GIF를 만들려면 PNG 누끼 이미지를 쓰고 GIF 만들기 도구의 배경에서 「투명」을 고릅니다.
• 이미 있는 움짤을 투명하게 만들려면 GIF 배경 제거 도구를 쓰세요. 프레임마다 배경을 지우고 다른 색으로 채울 수도 있습니다.
• 테두리를 막으려면 GIF를 올릴 페이지와 비슷한 색 위에서 누끼를 따거나, 형태를 선명하게 하고 흐린 그림자를 빼세요.

정지 이미지의 투명 배경과, PNG가 GIF보다 부드러운 윤곽을 잘 다루는 이유는 투명 배경 이미지 만드는 법에서 자세히 설명합니다.

GIF는 1987년에 나왔고 1989년에 애니메이션과 투명을 지원하게 되었습니다. 지금도 쓰이는 이유는 재생 버튼 없이 어디서나 움직이기 때문입니다. 새로운 형식이 더 가볍고 깨끗하지만, GIF가 되는 곳 모두에서 받아 주지는 않습니다.

채팅, 이모지, 이메일, GIF를 요구하는 곳에는 GIF를 쓰세요. 몇 초가 넘는 것, 소리가 있는 것, 그리고 올린 GIF를 어차피 동영상으로 바꾸는 경우가 많은 SNS에는 MP4가 낫습니다. 완성된 GIF는 GIF를 MP4로 변환하면 프레임 타이밍이 그대로 유지되는데, 2.1MB짜리 테스트 GIF가 184KB짜리 MP4가 되었습니다. 내 웹사이트에서 투명이나 가벼운 파일이 필요하면 움직이는 WebP를 고르세요. WebP는 이미지 형식 비교에서 더 자세히 다룹니다.