NOW킴 NOW킴
일상에서 자주 필요한 작업을 간편하게 해결할 수 있는 무료 웹도구와 사용 가이드를 제공합니다. 이미지 편집, 글자·SNS, PDF·파일, 생활·기기 도구를 설치 없이 편리하게 이용할 수 있습니다.

여러 사진으로 움직이는 GIF 만들기|순서·속도·전환 설정 방법

NOW킴 읽는 시간 약 10분

여러 장의 사진을 한 번에 보여 주고 싶을 때 사진을 길게 나열하면 보는 사람이 한 장씩 넘겨야 합니다.

움직이는 GIF로 만들면 첫 번째 사진부터 마지막 사진까지 정해진 순서대로 자동 재생할 수 있습니다.

여행 사진, 반려동물의 변화, 제품의 여러 모습, 작업 과정이나 일상 기록처럼 서로 관련된 사진이라면 종류와 관계없이 활용할 수 있습니다.

이 도구는 특정한 주제의 GIF만 만드는 기능이 아닙니다.

사용자가 선택한 JPG, JPEG, PNG 또는 WebP 사진 여러 장을 이어 붙이고 화면 비율, 크기, 표시 시간, 반복, 움직임과 전환 효과를 정해 하나의 GIF로 저장하는 방식입니다.

이번 글에서는 사진 5장을 예제로 사용해 사진을 추가하는 단계부터 순서 변경, 화면 설정, 미리보기와 다운로드까지 알아보겠습니다.

어떤 사진으로 움직이는 GIF를 만들 수 있나요

GIF에 넣는 사진은 반드시 요리 과정이나 연속 촬영 사진일 필요가 없습니다.

여행지에서 찍은 장면을 방문 순서대로 보여 주거나 반려동물의 표정 여러 장을 짧게 이어 볼 수 있습니다.

제품의 앞면, 옆면과 뒷면을 차례로 보여 주거나 그림이 완성되는 단계, 방을 정리하는 과정과 계절에 따라 달라지는 풍경도 GIF로 만들 수 있습니다.

시간의 흐름이 있는 사진은 처음부터 마지막까지 변화가 드러나도록 배치합니다.

서로 다른 장면을 모은 사진은 가장 보여 주고 싶은 사진을 첫 번째에 놓고 비슷한 색이나 구도의 사진끼리 이어 주면 화면 전환이 덜 어색합니다.

이번 예제에는 사진 순서를 알아보기 쉽도록 샌드위치가 완성되는 과정을 담은 이미지 5장을 사용합니다.

예제 사진은 설명을 위해 AI로 만든 이미지이며, 이 도구는 같은 방법으로 여행·반려동물·제품·풍경 등 다양한 사진을 사용할 수 있습니다.

multiple photos moving 1
움직이는 GIF 예제로 준비한 순서가 있는 사진 5장

사진 여러 장 추가하고 순서 바꾸기

움직이는 GIF 만들기를 열고 사진 선택을 누릅니다.

JPG, JPEG, PNG 또는 WebP 형식의 사진을 여러 장 선택할 수 있습니다.

사진은 두 장 이상 있어야 장면이 바뀌는 GIF를 만들 수 있습니다.

도구 화면에는 선택한 사진이 서버에 업로드되거나 저장되지 않고 현재 브라우저에서 처리된다고 안내되어 있습니다.

사진을 추가하면 선택한 사진 5장처럼 전체 사진 수와 번호가 붙은 썸네일이 표시됩니다.

GIF는 썸네일에 표시된 번호 순서대로 재생됩니다.

순서가 맞지 않는 사진은 썸네일을 원하는 위치로 끌어 옮깁니다.

필요하지 않은 사진은 각 썸네일의 삭제 버튼으로 빼고, 모든 사진을 다시 고르려면 전체 삭제를 사용합니다.

multiple photos moving 2
사진 5장을 추가하고 GIF 재생 순서대로 배치한 화면

첫 장은 GIF를 열었을 때 가장 먼저 보이는 사진입니다.

마지막 장이 끝나면 반복 설정에 따라 첫 장으로 돌아가므로 첫 사진과 마지막 사진의 차이가 너무 크지 않은지도 함께 살펴봅니다.

사용할 곳에 맞게 화면 비율과 크기 정하기

화면 비율에서는 원본, 1:1, 4:5, 9:16과 16:9 가운데 하나를 선택할 수 있습니다.

원본은 처음 사진의 가로세로 형태를 유지할 때 사용하고, 1:1은 정사각형 이미지에 알맞습니다.

4:5는 세로 게시물, 9:16은 긴 세로 화면, 16:9는 가로 화면에 활용하기 좋습니다.

사진을 어디에서 보여 줄지 정하지 못했다면 비율을 먼저 바꾸기보다 원본 상태에서 중요한 부분이 잘리지 않는지 살펴봅니다.

출력 크기는 작게 480px, 보통 720px, 크게 1080px 가운데 선택합니다.

크게 만들수록 화면은 선명해질 수 있지만 GIF 파일 용량과 생성 시간도 늘어납니다.

이번 예제는 정사각형 사진이므로 1:1과 보통 720px를 사용합니다.

사진이 잘리지 않도록 맞춤 방식 선택하기

원본 사진의 모양과 선택한 화면 비율이 다르면 사진 일부가 잘리거나 빈 공간이 생길 수 있습니다.

화면 채우기는 빈 공간 없이 화면을 채우지만 사진 가장자리가 잘릴 수 있습니다.

사진 전체 보기는 원본 전체를 보여 주는 대신 사진 비율에 따라 화면 주변에 공간이 남을 수 있습니다.

사진 속 인물, 반려동물이나 제품이 잘리면 안 될 때는 사진 전체 보기를 선택하는 편이 안전합니다.

남는 공간의 배경은 검정, 흰색 또는 사진색 자동 가운데 고를 수 있습니다.

사진색 자동은 사진과 어울리는 색으로 빈 공간을 채워 서로 다른 비율의 사진을 함께 사용할 때 도움이 됩니다.

multiple photos moving 3
사진 전체 보기와 사진색 자동을 선택한 화면

사진 표시 시간과 반복 방식 정하기

사진당 표시 시간은 한 장의 사진이 화면에 머무는 시간을 정하는 설정입니다.

사진을 빠르게 보여 주고 싶다면 0.3초나 0.5초를 선택할 수 있고, 내용을 천천히 봐야 한다면 1초, 1.5초 또는 2초를 선택할 수 있습니다.

직접 조정란을 이용하면 준비된 버튼과 다른 시간도 입력할 수 있습니다.

글자가 포함된 사진이나 제품의 세부 모습을 보여 주는 사진은 너무 빨리 바뀌지 않도록 시간을 넉넉하게 설정합니다.

계속 반복은 마지막 사진이 끝나면 첫 사진부터 다시 재생합니다.

한 번만 보여 주고 멈추게 하려면 1회를 선택합니다.

움직임과 전환 효과 선택하기

움직임 효과는 사진 한 장 안에서 확대, 축소, 좌우 이동, 상하 이동, 흔들기, 회전이나 바운스 같은 변화를 만듭니다.

자동 랜덤을 선택하면 사진마다 다른 움직임을 적용할 수 있습니다.

사진 자체의 내용을 또렷하게 보여 주고 싶다면 움직임을 없음으로 두어도 됩니다.

전환 효과는 한 사진에서 다음 사진으로 바뀌는 모습을 정합니다.

바로 전환, 페이드, 좌우 슬라이드, 확대·축소, 중앙 펼침과 원형 전환 가운데 사진 분위기에 맞는 효과를 선택합니다.

여러 효과를 동시에 강하게 적용하면 사진보다 움직임이 먼저 보일 수 있으므로 한 번에 한 가지 설정을 바꾸며 미리보기를 비교하는 편이 좋습니다.

이번 예제에서는 각 사진을 알아볼 수 있도록 1.5초, 계속 반복, 움직임 없음과 전환 페이드를 사용합니다.

multiple photos moving 4
장면 전환 효과에서 페이드를 선택한 화면

미리보기에서 사진 연결 확인하기

설정을 바꾸면 미리보기에서 사진 순서와 움직임을 확인할 수 있습니다.

첫 사진부터 마지막 사진까지 빠진 장면 없이 이어지는지 살펴봅니다.

화면 채우기를 선택했다면 사진 가장자리의 인물이나 물건이 잘리지 않는지 확인합니다.

사진 전체 보기를 선택했다면 남는 공간의 배경색이 사진과 어울리는지도 함께 봅니다.

반복 GIF에서는 마지막 사진에서 첫 사진으로 돌아가는 순간도 여러 번 확인해야 합니다.

순서가 어색하면 썸네일을 다시 옮기고, 장면을 보기 어려우면 표시 시간을 늘립니다.

움직이는 GIF 만들고 내려받기

미리보기에 문제가 없다면 움직이는 GIF 만들기를 누릅니다.

사진 수와 출력 크기에 따라 만드는 시간이 달라질 수 있으므로 생성 중에는 브라우저 화면을 닫지 않습니다.

사진 5장·720px·1.5초·페이드 설정으로 만든 결과 파일은 31.0MB였습니다.

수정할 부분이 있으면 설정 바꾸기로 돌아가고, 다른 사진으로 새로 만들려면 처음부터를 누릅니다.

완성된 결과는 GIF 다운로드를 눌러 저장합니다.

31.0MB는 웹페이지에 올려 사용하기에는 큰 용량이므로, 웹용으로 사용할 때는 480px로 낮추거나 비슷한 사진을 빼 사진 수를 줄여 다시 만드는 편이 좋습니다.

multiple photos moving 5
완성한 GIF 파일의 속성과 31.0MB 용량을 확인한 화면

다운로드한 뒤에는 파일 속성을 열어 실제 파일 형식과 용량을 확인합니다.

사진 종류에 따라 설정 바꾸기

여행 사진은 장소를 둘러본 순서대로 배치하고 장면을 천천히 볼 수 있도록 표시 시간을 조금 길게 설정할 수 있습니다.

반려동물 사진은 비슷한 구도의 표정을 이어 놓으면 움직임이 자연스럽게 보이고, 천천히 확대 같은 효과를 가볍게 사용할 수 있습니다.

제품 사진은 앞면, 옆면과 뒷면의 순서를 정한 뒤 움직임을 줄이고 페이드 전환을 사용하면 제품 모양에 집중하기 쉽습니다.

작업 과정이나 변화 기록은 시작 사진과 완성 사진이 분명하게 보이도록 순서를 정하는 것이 중요합니다.

세로 화면에서 보여 줄 사진은 9:16, 정사각형 게시물은 1:1처럼 사용할 위치에 맞춰 비율을 선택합니다.

사진 주제에 따라 알맞은 설정은 달라지지만 사진 추가, 순서 변경, 화면 설정, 효과 선택과 다운로드 과정은 같습니다.

GIF 파일이 너무 클 때 확인할 부분

GIF는 여러 장의 화면 정보를 담기 때문에 일반 사진 한 장보다 파일 용량이 커질 수 있습니다.

이번 결과처럼 720px에서 31.0MB가 나왔다면 작게 480px로 낮추는 것이 좋습니다.

비슷한 사진을 줄여 전체 사진 수를 줄이는 것도 도움이 됩니다.

효과를 많이 사용하기보다 필요한 움직임과 전환만 남기면 화면도 단순해집니다.

GIF를 올릴 서비스에 따라 움직이는 이미지가 정지 사진으로 표시되거나 다른 형식으로 바뀔 수 있습니다.

공유하기 전에는 해당 서비스가 GIF 재생을 지원하는지 확인하고 원본 사진도 따로 보관합니다.

마무리

움직이는 GIF 만들기 도구는 한 가지 종류의 사진만 사용하는 기능이 아닙니다.

여행, 반려동물, 제품, 작업 과정과 일상 기록처럼 서로 관련된 사진 여러 장을 원하는 순서로 이어 하나의 GIF로 만들 수 있습니다.

사진을 추가한 뒤 재생 순서를 정하고 사용할 곳에 맞는 화면 비율과 크기를 선택합니다.

표시 시간, 반복, 움직임과 전환 효과를 조절한 다음 미리보기에서 사진 연결을 확인하고 GIF로 저장하면 됩니다.

같은 사진이라도 순서와 속도, 화면 비율과 효과에 따라 느낌이 달라지므로 사용 목적에 맞게 필요한 설정만 선택하는 것이 중요합니다.

NOW킴

NOW킴

함께 보면 좋은 글

댓글 0

첫 댓글을 남겨보세요.

광고 차단 알림

광고 클릭 제한을 초과하여 광고가 차단되었습니다.

단시간에 반복적인 광고 클릭은 시스템에 의해 감지되며, IP가 수집되어 사이트 관리자가 확인 가능합니다.