먼저 네 개의 이미지로 예제를 만들어 본 다음, 순서, 프레임 지속 시간 및 캔버스를 자신의 사진 시퀀스에 맞게 조정하세요. GIF 메이커 열기.
이미지를 선택하고 프레임 시퀀스 배열하기
GIF Maker를 열고 '이미지'를 선택하세요. 사진을 업로드하거나 '예제 사용해 보기'를 선택하세요. 일반적인 입력 형식은 JPG, PNG, WebP, GIF이며, 업로드 양식에 추가 지원 형식이 나열되어 있습니다. 한 번에 최대 50개의 파일을 포함할 수 있으며, 이미지당 25 MB 제한 및 전체 처리 제한이 있습니다.
이 예제는 '예제 사용해 보기'를 사용하여 gif-orbit-01.webp에서 gif-orbit-04.webp까지 로드합니다. 각 원본은 640 × 640 픽셀이며, 4장의 사진은 동일한 궤도 장면의 다른 위치를 보여줍니다. 결과물을 위해 원본 순서를 유지하세요.
프레임 카드는 미리보기 위에 위치합니다. 카드를 드래그하여 위치를 변경하거나, 카드를 선택한 후 설정 패널에서 '앞으로 이동' 또는 '뒤로 이동'을 사용하세요. 키보드 사용자는 화살표 키로 카드를 선택하고 Alt와 화살표 키를 조합하여 순서를 변경할 수 있습니다. 미리보기 위의 '재생' 버튼으로 현재 순서를 확인할 수 있습니다.
'복제'는 선택한 프레임의 복사본을 추가합니다. '제거'는 시퀀스에서 프레임을 삭제하며 최소 하나는 유지됩니다. '실행 취소'와 '다시 실행'으로 최근 편집 내용을 복구할 수 있습니다. 소스 파일을 추가하거나 제거하면 새로운 파일 세트가 시작되며 편집 기록이 초기화됩니다. 시퀀스에 더 많은 사진이 필요하면 '이미지 추가'를 사용하세요.
명확한 흐름이 있는 관련 사진을 사용하세요. 관련 없는 사진이 빠르게 바뀌는 것보다 단순한 순서가 이해하기 쉽습니다.
각 프레임의 지속 시간을 설정하고 전환 효과를 선택하세요.
프레임을 선택하고 초 단위로 '지속 시간'을 설정하세요. 지원되는 범위는 소스 프레임당 0.02에서 10초입니다. '모든 프레임에 이 지속 시간 적용'을 선택하면 모든 프레임에 동일한 타이밍이 설정됩니다. 제목이 있는 슬라이드쇼나 상세한 마지막 사진의 경우, 해당 프레임을 다른 프레임보다 더 오래 표시하세요.
예시의 경우 모든 '지속 시간'을 0.65초로 유지하세요. '예시 사용'을 선택하면 이 값이 자동으로 설정됩니다. 직접 이미지를 사용하는 경우 한 프레임에 0.65을 입력하고 '모든 프레임에 이 지속 시간 적용'을 선택하세요. '전환'에서 '부드러운 페이드'를 선택하고 '전환 시간'을 0.20초 또는 200밀리초로 설정하세요.
'텍스트 및 내보내기 품질'을 열고 '전환 단계'를 4으로 유지하세요. 각 페이드는 4개의 중간 프레임을 추가합니다. 4개의 원본 프레임, 4개의 루핑 페이드, '정방향 재생' 및 '무한 반복' 설정으로 이 예시는 총 20개의 렌더링된 프레임으로 구성됩니다. 4개의 0.65초 유지 시간과 4개의 0.20초 페이드가 합쳐져 3.4초 주기가 완성됩니다.
'깔끔한 컷'은 전환 프레임 추가 없이 이미지 간을 즉시 전환합니다. '왼쪽으로 슬라이드'는 다음 이미지를 캔버스 위로 이동시킵니다. 전환 단계를 늘리면 전환이 더 부드러워지지만 200 프레임 내보내기 제한을 더 많이 사용하게 됩니다. 선택한 시퀀스와 효과가 제한을 초과하면 편집기가 이를 알립니다.
'정방향'은 순서대로, '역방향'은 거꾸로 재생하며, '바운스'는 양 끝 프레임을 반복하지 않고 시퀀스를 왕복합니다. '루프'는 무한 반복 또는 고정된 재생 횟수를 선택합니다. 예시에서는 '정방향'과 '무한 반복'을 유지하세요.
'지속 시간'은 전환 전의 유지 시간이며, '전환 시간'은 여기에 추가됩니다. 페이드가 활성화된 경우 4장의 사진을 0.65초로 설정해도 2.6초 루프가 되지 않습니다.
이 가이드의 예시
원래 순서대로 된 4개의 예시 이미지; 프레임당 0.65초; 정방향; 무한 반복; 부드러운 페이드; 0.20초 전환 시간; 4 전환 단계; 정사각형 640 × 640 px; 전체 이미지 표시; 100% 줌으로 중앙 정렬; 첫 번째 프레임 캡션 "Made to loop."; 하단; 32 px; 흰색; 256 색상; 부드러운 색상 그라데이션 및 파일 크기 최적화 활성화됨.
- 소스 이미지
- 4 WebP · 각 640 × 640 px
- 프레임 타이밍
- 0.65초 유지 + 0.20초 페이드
- 다운로드된 GIF
- 640 × 640 px · 20 프레임
- 애니메이션 주기
- 3.4초 · 무한 반복
캔버스를 선택하고 이미지 프레임을 조정하며 캡션을 추가하세요.
'캔버스 및 배경'에서 예시를 위해 '정사각형 · 1:1'을 선택하고 '너비'와 '높이'를 640 px로 유지하세요. 다른 사전 설정으로는 '세로', '스토리', '가로', '와이드스크린'이 있습니다. '첫 번째 이미지에 맞춤'은 첫 번째 이미지의 모양에서 시작하며, '사용자 지정 크기'는 애니메이션의 총 처리 제한 내에서 각 변당 16에서 1600 px까지의 치수를 허용합니다.
'이미지 맞춤'은 '전체 이미지 표시'와 '캔버스 채우기'를 제공합니다. 100% 줌에서 '전체 이미지 표시'를 선택하면 소스 가장자리가 모두 유지되며 모양이 다른 사진 주변에 배경이 남을 수 있습니다. '캔버스 채우기'는 출력 영역을 덮으며 가장자리가 잘릴 수 있습니다. '배경'을 원하는 색상으로 설정하거나 대상에 필요한 경우 '투명 배경'을 활성화하세요.
프레임을 선택하여 개별적으로 구도를 변경하세요. 미리보기를 드래그하거나 확대/축소를 변경하고, 왼쪽 또는 오른쪽 버튼으로 90도 회전하거나 뒤집기를 사용하여 대칭으로 만드세요. 프레임 초기화를 누르면 해당 프레임이 100% 확대 상태에서 중앙 정렬되고 회전이 해제됩니다. 예시에서는 네 개의 원본 정사각형 사진을 모두 중앙에 배치하고 '전체 이미지 표시'를 사용합니다.
첫 번째 프레임을 선택하고 캡션에 'Made to loop.'을 입력하세요. 나머지 세 개의 캡션은 비워둡니다. '텍스트 및 내보내기 품질'에서 캡션 위치는 '하단', 캡션 크기는 32 px, 캡션 색상은 '흰색'으로 유지하세요. 캡션은 개별 프레임에 속하므로 다른 프레임을 선택하면 다른 문구를 작성할 수 있습니다. 예시의 첫 번째 캡션은 해당 프레임과 함께 사라집니다.
색상 수는 GIF개, 상세 설정은 256로 유지하고, 결과물에는 '부드러운 색상 그라데이션'과 '파일 크기 최적화'를 활성화하세요. 색상 수를 낮추면 파일 용량은 가벼워지지만 미세한 색조가 변할 수 있습니다. '부드러운 색상 그라데이션'은 디더링을 사용하여 색상 띠를 부드럽게 만들지만 눈에 보이는 미세한 패턴이 추가될 수 있습니다.
캔버스 모양을 변경한 후 모든 프레임을 확인하세요. 한 사진에 맞는 구성이 다른 사진의 피사체를 잘라낼 수 있습니다. 출력 크기를 늘린다고 해서 작은 원본에서 누락된 디테일이 복구되지는 않습니다.
GIF을(를) 생성하고 다운로드한 애니메이션을 검토하세요.
미리보기를 재생하여 마지막 프레임에서 첫 번째 프레임으로 돌아가는 과정을 포함한 전체 주기를 확인하세요. 캡션이 충분히 오래 표시되는지, 잘린 부분이 일관적인지, 너무 빠르게 넘어가는 프레임은 없는지 확인하세요. 시퀀스가 준비되면 'GIF 생성'을 선택하세요. 서버가 업로드된 원본을 사용하여 최종 애니메이션을 렌더링합니다.
이 예제는 animation.gif을(를) 640 × 640 픽셀 크기로 다운로드합니다. 실제 결과물은 20개의 프레임, 3.4초 주기, 무한 반복으로 구성됩니다. 위 비교 이미지는 네 개의 원본 이미지를 콘택트 시트로 보여주며, 추가된 'Made to loop' 캡션을 포함한 다운로드된 GIF의 실제 첫 번째 프레임을 나타냅니다.
본문의 이미지는 미리보기일 뿐 애니메이션 플레이어가 아닙니다. 타이밍과 반복을 확인하려면 애니메이션을 지원하는 앱에서 다운로드한 GIF을(를) 여세요. 부드러워 보이는 미리보기도 GIF 팔레트 변환 후 색상 변화가 생길 수 있으므로, 공유하기 전에 저장된 결과물을 확인하세요.
파일 크기를 줄이려면 소스 프레임 수, 전환 시간, 전환 단계, 캔버스 크기 또는 GIF 색상 값을 낮춰보세요. 유지 시간만 단축하는 것으로는 이미지 프레임이 제거되지 않으므로, 파일 크기를 크게 줄이지 못하고 속도만 변경될 수 있습니다.
새로 고침하거나 페이지를 떠나기 전에 다운로드하세요. 편집기나 다운로드 페이지를 새로 고치면 메인 도구 페이지로 돌아갑니다. 내보낸 GIF은(는) 편집 가능한 소스 컨트롤이 포함된 프로젝트 파일이 아닌 평면화된 애니메이션이므로 원본 이미지를 보관해 두세요.
정적 이미지 뷰어는 GIF의 첫 번째 프레임만 보여줄 수 있습니다. 애니메이션이 누락되었다고 판단하기 전에 브라우저나 애니메이션을 지원하는 다른 뷰어에서 파일을 테스트하세요.
자주 묻는 질문
JPG 및 PNG 이미지를 함께 사용하여 GIF을 만들 수 있나요?
네. 이미지 모드에서는 지원되는 이미지 형식을 하나의 시퀀스로 결합할 수 있습니다. 각 입력은 하나 이상의 타임라인 프레임이 됩니다. 공유 캔버스 크기를 선택하고 각 이미지의 맞춤 상태를 확인하십시오.
각 이미지를 서로 다른 시간 동안 화면에 유지할 수 있나요?
네. 프레임을 선택하고 지속 시간을 변경하십시오. '모든 프레임에 이 지속 시간 적용'은 선택 사항입니다. 사진마다 다른 유지 시간이 필요한 경우 이 옵션을 사용하지 마십시오.
GIF의 프레임 수가 사진 수보다 많은 이유는 무엇인가요?
부드러운 페이드 및 왼쪽으로 슬라이드 효과는 전환 프레임을 삽입하며, 바운스 효과는 반환 시퀀스를 추가합니다. 업로드된 애니메이션 파일에도 여러 프레임이 포함될 수 있습니다. 200 프레임 제한은 업로드된 사진 수뿐만 아니라 렌더링된 애니메이션 전체에 적용됩니다.
각 이미지마다 다른 캡션을 넣을 수 있나요?
네. 캡션은 선택한 프레임에 적용됩니다. 각 프레임을 선택하여 텍스트를 입력하십시오. 캡션 위치, 크기 및 색상은 애니메이션의 공유 스타일링 컨트롤입니다.
GIF의 배경을 투명하게 할 수 있나요?
네. 캔버스 및 배경 설정에서 투명 배경을 활성화하십시오. GIF은 PNG 스타일의 부드러운 부분 투명도가 아닌 완전히 투명한 픽셀을 지원하므로 부드러운 가장자리가 변경될 수 있습니다. 다운로드한 결과물을 의도한 배경과 비교하여 확인하십시오.
사진의 가장자리가 잘리는 이유는 무엇인가요?
캔버스를 채우거나 확대(Zoom)를 과도하게 설정하면 원본 가장자리가 잘릴 수 있습니다. 전체 이미지를 유지하려면 '전체 이미지 표시'를 선택하고 확대(Zoom)를 100%로 설정한 뒤 중앙 정렬을 사용하세요. 캔버스 모양이 다르면 주변에 배경이 보일 수 있습니다.
GIF 재생 속도를 높이면 파일 크기가 작아지나요?
꼭 그렇지는 않습니다. 재생 시간을 짧게 조정해도 프레임 수는 그대로 유지되기 때문입니다. 파일 크기를 줄이려면 이미지 크기, 렌더링할 프레임 수 또는 색상 수를 조정하는 것이 더 효과적입니다.
모든 이미지는 브라우저에서 처리되나요?
아니요. 브라우저는 대화형 구성을 표시하는 역할을 하며, 프레임 미리보기와 최종 GIF 인코딩은 서버에서 처리됩니다. 최종 파일은 업로드된 원본과 선택한 설정을 바탕으로 렌더링됩니다.
사진을 일정한 리듬의 루프로 만들기
샘플을 사용하거나 직접 파일을 사용해 보고, 공유하기 전에 결과를 검토하세요.