포토샵 움짤 동영상 GIF 저장 – 타임라인 프레임 만들기
포토샵으로 GIF 움짤 만들기: 타임라인 프레임으로 깔끔하게 저장
포토샵은 동영상이나 연속 사진(프레임)을 이용해 움직이는 GIF 움짤을 만들기에 꽤 좋은 도구입니다. 특히 포토샵 움짤 동영상 제작에서 가장 많이 쓰는 게 타임라인 ‘프레임 애니메이션’ 기능인데, 이걸 제대로 써두면 속도 조절부터 용량 줄이기까지 훨씬 수월해집니다.
포토샵 없이 간단히 동영상을 GIF 움짤로 만드는 방법도 있지만, “원하는 구간만 자르고, 화질/용량을 내가 원하는 만큼 손보는” 건 포토샵이 여전히 편합니다.
참고 : 동영상 사진 JPG – GIF 움짤 무료 변환 컨버팅 방법
모바비 Movavi – 동영상 → GIF, MP4, AVI, MPEG, MP3 변환 컨버팅
동영상에서 JPEG(연속 이미지)로 저장하기
이미 연속 이미지가 준비돼 있다면 이 부분은 건너뛰어도 됩니다. 동영상에서 바로 프레임을 뽑아 GIF를 만들 때는 “몇 장을 어떤 간격으로 캡처할지”가 용량과 움직임을 결정합니다.
팟플레이어 기준으로 동영상을 실행한 뒤 연속 캡처 기능을 사용합니다.
단축키 : Ctrl + G 눌러 연속 영상 캡쳐를 실행합니다.
팟플레이어 동영상 캡쳐 단축키
여기서 핵심은 “간격”입니다. 너무 촘촘하면 용량이 폭발하고, 너무 성기면 움직임이 뚝뚝 끊겨 보여요.
- 시간(ms)당 : 일정 시간 간격으로 캡처(움짤 속도 잡기 쉬움)
- 프레임당 : 원본 프레임 기준으로 캡처(원본이 고프레임이면 용량 증가)
캡처 구간, 장수(또는 간격), 확장자(JPEG/PNG), 이미지 크기(해상도)를 정한 뒤 시작을 누르면 재생과 동시에 이미지가 순서대로 저장됩니다.
GIF는 해상도가 조금만 올라가도 용량이 급격히 커지니, 처음부터 너무 큰 크기로 뽑지 않는 게 좋습니다.
포토샵으로 GIF 움짤 파일 만들기
이미지 준비가 끝났다면 포토샵을 실행합니다. 연속 이미지는 “레이어로 한 번에 불러오기”가 가장 빠릅니다.
파일 → 스크립트 → 스택으로 파일 불러오기
Adobe Photoshop CC 2022 기준
찾아보기로 GIF로 만들 이미지를 한 번에 선택합니다.
파일명이 001, 002, 003처럼 정리돼 있으면 나중에 프레임이 꼬일 일이 거의 없습니다.
이미지가 모두 선택됐으면 확인을 눌러 불러옵니다.
불러오는 과정에서 소스 이미지에 맞추기 또는 고급 개체로 만드는 옵션이 보일 수 있는데, GIF 용도라면 보통은 “소스에 맞추기” 쪽이 가볍게 돌아가는 편입니다.
잠시 기다리면 레이어 패널에 이미지가 순서대로 쌓입니다.
이제 이 레이어들을 “프레임 애니메이션”으로 바꿔주면 끝이에요.
연속 이미지가 아니라 동영상 파일을 바로 가져올 거라면 파일 → 가져오기 → 비디오 프레임을 레이어를 선택하면 됩니다. 여기서 구간(시작/끝)과 간격을 잡아 레이어로 뽑아올 수 있어요.
포토샵 타임라인에서 프레임 애니메이션 만들기
창 → 타임라인을 실행합니다.
하단에 타임라인 패널이 생기면, 여기서 프레임 애니메이션 만들기를 선택합니다.
- 비디오 타임라인 만들기
- 프레임 애니메이션 만들기 <- 선택
타임라인 우측 상단의 메뉴(선 3개)를 열고 레이어에서 프레임 만들기를 선택하면, 레이어가 자동으로 프레임으로 변환됩니다.
프레임이 만들어지면 각 프레임의 재생 간격을 0초, 0.2초, 0.5초, 1초, 2초, 5초, 10초로 손쉽게 바꿀 수 있고, 기타로 더 세밀한 속도도 지정할 수 있습니다. 움직임이 너무 빠르거나 느리면 여기서 먼저 조절하는 게 가장 빠릅니다.
여기까지 오면 포토샵 안에서 바로 재생해 보면서 “끊김/속도/필요 없는 프레임”을 정리할 수 있고, 정리된 상태 그대로 GIF로 저장하면 됩니다.
포토샵 GIF 움짤 저장
파일 → 내보내기 → 웹용으로 저장
포토샵 파일저장 및 다양한 확장자 포맷 특징
포맷을 GIF로 두고, 이미지 크기(해상도)와 품질(색상 수/디더링)을 조절합니다. GIF는 구조상 색상과 해상도에 바로 용량이 붙기 때문에, “선명함”을 끝까지 끌어올리기보다는 보기 좋은 선에서 타협하는 게 결과가 더 좋을 때가 많습니다.
| 조절 항목 | 올리면 | 내리면 | 추천 |
|---|---|---|---|
| 가로/세로 | 선명해짐 | 용량↓ 로딩↑ | 긴 움짤이면 먼저 줄이기 |
| 색상(Colors) | 그라데이션↑ | 밴딩↑ 용량↓ | 사진 기반이면 중간값부터 |
| 디더링 | 밴딩 완화 | 노이즈↓ 용량↓ | 피부/하늘 있으면 적당히 |
| 프레임 간격 | 움직임 부드러움 | 끊김↑ | 0.05~0.12s 근처가 자주 쓰임 |
해상도/품질을 올리면 당연히 GIF 파일이 커집니다.
저장 버튼을 누르기 전에 우측 하단의 예상 용량을 보면서 “게시할 곳(블로그/커뮤니티/메신저)” 기준으로 적당히 맞춘 뒤 저장하면 포토샵 움짤 GIF 만들기가 완료됩니다.
GIF가 너무 무겁다면?
GIF는 구조적으로 효율이 떨어져서, “그냥 저장”하면 금방 커집니다.
특히 사진 기반 움짤은 더 빨리 커지고요. 아래는 작업하면서 가장 자주 쓰는 감량 방법들입니다.
- 해상도부터 줄이기 : 가로 기준 700→600→500처럼 한 단계만 내려도 용량이 확 줄어듭니다.
- 프레임 수 줄이기 : 모든 프레임이 필요 없으면 2~3장 간격으로 남기면 움직임은 유지되면서 가벼워집니다.
- 색상 수(Colors) 낮추기 : 사진/그라데이션이 많을수록 색상 수가 용량을 밀어 올립니다.
- 디더링 과하게 주지 않기 : 밴딩은 줄지만 노이즈가 늘어 용량이 올라갈 수 있습니다.
- 움짤 구간을 짧게 : 6초를 3초로만 줄여도 체감이 바로 나옵니다.
그 외에도 GIF 무료로 용량을 압축하는 프로그램을 사용하느것도 좋습니다.
FAQ
Q. “스택으로 파일 불러오기”가 아니라 한 장씩 열어도 되나요?
가능은 하지만 비효율적입니다. 프레임이 많아질수록 작업이 늘어나고, 순서가 꼬일 확률도 올라가요. 연속 파일은 스택으로 한 번에 올리는 게 가장 안정적입니다.
Q. 프레임 간격을 몇 초로 두는 게 보기 좋나요?
정답은 없지만, 보통은 0.05~0.12초 구간에서 많이 맞춥니다. 동작이 빠른 장면은 간격을 더 짧게, 반복 루프가 목적이면 조금 길게 두는 편이 자연스럽습니다.
Q. GIF로 저장했는데 색이 뭉개져 보여요.
GIF는 색상 표현이 제한적이라 그럴 수 있습니다. 이럴 땐 색상 수를 올리거나 디더링을 적당히 주면 개선되지만 용량이 올라갑니다. “화질이냐 용량이냐”에서 타협선을 잡는 게 핵심입니다.
Q. 동영상에서 바로 ‘비디오 프레임을 레이어’로 가져오는 게 더 좋은가요?
구간을 딱 잘라서 작업할 때는 이 방식이 더 빠릅니다. 반대로 특정 프레임만 골라 쓰거나, 캡처 간격을 더 자유롭게 제어하려면 외부에서 연속 이미지로 뽑아서 가져오는 방식이 편할 때가 많습니다.
