사진과 그림으로 만드는 GIF: 내 프레임으로 만드는 애니메이션

사진을 올리고 ‘카드’ 블록을 연 다음 상황에 맞는 테두리를 고르세요. 미리보기마다 여러분의 사진이 그 안에 들어가 있어 고르기 쉽습니다. 그다음 ‘위쪽 문구’에 인사말을, ‘아래쪽 문구’에 보내는 사람을 적고 글꼴과 색을 정하면 됩니다. 아래에서 사진이 바뀌는 동안 테두리와 문구는 그대로 머무르는데, 그래서 단순한 애니메이션이 아니라 카드가 됩니다. 카드에는 256색을 권합니다. 무늬가 있는 테두리는 사진과 팔레트를 나눠 쓰기 때문입니다.

프레임 300장까지입니다. 움직이는 GIF는 그 안의 모든 프레임으로 세므로, 100프레임짜리 GIF 두 개면 벌써 3분의 2를 씁니다. 크로스페이드를 켜면 총량이 늘어납니다. 엮은 애니메이션은 600프레임이 한도이고, 전환이 들어가지 않으면 짧게 줄이며 그 사실을 설정 바로 아래에 알려 줍니다.

둘 다 보통 파일처럼 올리면 됩니다. 각각 원래 지연 시간과 함께 프레임으로 나뉘어 차례로 이어지므로, 따로 합치기 모드가 필요 없습니다. 순서는 사진과 똑같이 끌어서 바꿀 수 있습니다.

프레임 크기와 장수, 색상 수 세 가지가 한꺼번에 용량을 끌어올립니다. 사진 마흔 장으로 만든 640픽셀 GIF는 쉽게 수십 메가바이트가 됩니다. ‘파일 용량’ 칸이 결과를 미리 대략 보여 주고 10MB를 넘으면 눈에 띄게 표시합니다. 가장 빠르게 줄이는 방법은 프레임 크기입니다. 용량은 한 변의 제곱에 가깝게 줄어듭니다.

GIF는 애니메이션 전체가 크기 하나를 쓰므로 프레임을 공통 크기로 맞춥니다. 기본은 프레임을 통째로 넣고 가장자리에 여백을 더하는 방식이며, 대신 가장자리를 잘라 채우거나 늘일 수도 있습니다. 기본 크기는 올린 그림들의 중간값에서 가져오고 긴 변 640픽셀로 제한됩니다.

GIF는 프레임마다 색을 최대 256가지만 저장하는데 사진에는 수만 가지가 있어, 하늘이나 피부처럼 부드럽게 이어지는 부분을 점으로 흉내 내야 합니다. 기본으로 켜져 있는 디더링이 이를 깔끔하게 처리해 띠가 사라집니다. 그래도 색이 더 중요하다면 256색으로 올리거나, 색이 온전히 남는 WebM으로 저장하세요.

네, 프레임마다 초 단위 길이 칸이 있습니다. 제목 프레임만 2초 두고 나머지는 0.5초로 넘기는 식입니다. 손으로 정한 시간은 전체 속도를 바꿔도 초기화되지 않습니다.

프레임 아래의 ◀, ▶ 화살표로 바꿉니다. 항상 보이고, 손가락으로 끌 수 없는 곳에서도 동작합니다. 같은 화살표로 키보드에서도 프레임을 옮길 수 있습니다. 미리보기를 마우스로 끄는 방식은 데스크톱 브라우저용입니다.

Chrome과 Edge에서는 그렇습니다. Safari와 Firefox는 아직 움직이는 GIF의 프레임을 하나씩 넘겨주지 못해, 그런 파일은 그림 한 장 — 첫 프레임으로 추가됩니다. 이 도구는 프레임을 몰래 버리지 않고 그 사실을 알려 줍니다.