움직이는 레이어(GIF)

어떤 특성이든 움직이는 GIF가 될 수 있어요. 다른 특성 이미지처럼 레이어 폴더에 넣으면 돼요. KURV는 움직이는 레이어를 모두 동시에 재생하고, 작품 하나하나를 움직이는 GIF 한 개로 공개해요. 같은 컬렉션 안의 PNG, WebP, JPG 특성은 모든 프레임에서 그대로 멈춰 있어요.

결과물

• 프레임이 둘 이상인 특성이 하나라도 있으면 컬렉션의 모든 작품이 GIF가 돼요. 움직이는 특성을 입지 않은 작품은 프레임이 하나인 GIF예요.
• 스튜디오 미리 보기, Preview 12, 원본 크기 작품은 실제 GIF를 보여 줘요. 움직이는 특성이 없는 작품도 마찬가지예요. 갤러리 타일과 공유 카드는 첫 프레임을 보여 줘요.
• 레이어 순서, 희귀도, 규칙, 혼합 모드, 불투명도는 움직이는 레이어에서도 정지 레이어와 똑같이 작동해요.
• 움직이는 특성은 정지 레이어 위든 아래든 어느 레이어에나 놓일 수 있고, 한 작품이 여러 개를 동시에 입을 수 있어요.
• 같은 작품은 언제나 같은 파일로 나와요. 공개가 멈췄다가 이어지더라도 이미 공개된 것과 일치해요.

타이밍

• 움직이는 레이어는 모두 작품 전체 길이 동안 반복되고, 모든 작품은 끝없이 반복 재생돼요. 한 번만 재생되도록 설정된 GIF도 작품 안에서는 반복돼요.
• 작품은 움직이는 특성들의 주기가 맞아떨어지는 데 걸리는 시간만큼, 최대 20초 동안 반복돼요. 1초짜리 깜빡임과 1.5초짜리 흔들림이 함께 있으면 3초마다 반복되고, 둘이 함께 처음부터 다시 시작해요.
• 두 특성의 주기가 20초가 넘어서야 맞아떨어지면, 작품은 더 긴 쪽을 기준으로 반복되고, 짧은 쪽은 그 시점에 처음으로 건너뛰어요. 스튜디오의 Check 탭에서 이런 조합을 모두 짚어 줘요.
• 셋 이상의 특성은 둘씩은 주기가 맞아도 셋 모두는 맞지 않을 수 있어요. 4초, 5초, 3초 주기는 둘씩은 20초 안에 맞지만, 셋 모두는 60초가 지나야 맞아요. 그래서 셋을 모두 입은 작품은 건너뛰어요. Check 탭은 이런 조합도 짚어 줘요. 0.5초, 1초, 2초처럼 서로 정확히 배수인 주기는 언제나 맞아떨어져요.
• 20초보다 오래 재생되는 특성은 20초에서 처음부터 다시 시작해요.
• 0이나 10 ms의 지연은 브라우저와 마찬가지로 100 ms로 재생돼요. 두 레이어의 프레임이 서로 20 ms 안에 바뀌면, 두 번째 변화가 10 ms 일찍 첫 번째 변화와 함께 시작돼요.
• 작품 하나는 최대 240프레임이고, 특성 파일 하나도 최대 240프레임이에요. 그래서 특성 하나만 있으면 작품이 반복되는 20초 안에서 모든 프레임이 재생돼요. 작품이 입은 특성들이 함께 반복되는 동안 240번 넘게 바뀌면, 작품은 대신 일정한 박자로 재생돼요. 여전히 매끄럽게 반복되지만, 두 박자 사이에 걸치는 프레임은 보이지 않아요. Check 탭에서 이런 조합을 모두, 재생되는 박자와 함께 짚어 줘요.

한도

특성 하나라도 움직이면, 스튜디오의 Check 탭이 생성하기 전에 아래 항목을 모두 보여 줘요.

• 특성 파일 하나는 최대 240프레임, 한 변 최대 4096픽셀이고, 프레임들의 픽셀을 모두 합쳐 최대 268메가픽셀(268,435,456픽셀)이에요. 1057 × 1057 프레임 240개에 해당하는 양이에요. 움직이는 부분만 잘라 낸 프레임은 그 크기만큼만 계산해요. 이 중 하나라도 넘는 파일은 가져오기가 거부하고 그 파일을 짚어 줘요.
• 프레임이 손상된 GIF, 즉 그림 데이터가 프레임보다 먼저 끝나는 GIF도 가져오기가 거부하고 짚어 줘요. 프레임이 하나뿐인 GIF에도 같은 규칙이 적용돼요. 이런 프레임은 브라우저마다 다르게 보여 주기 때문에, 하나로 정해진 그리는 방법이 없어요.
• 움직이는 컬렉션 안의 PNG 특성은 한 변 최대 8192픽셀이에요. 더 큰 파일은 가져오기가 거부하고 짚어 줘요. 그림 데이터가 일찍 끝나는 PNG는 브라우저마다 제각각 일부만 그려 보여 주기 때문에, 스튜디오 미리 보기와 공개 과정에서 그 특성을 입은 작품을 모두 거부하고 그 특성을 짚어 줘요.
• 작품 하나는 최대 20초 동안 반복되고 최대 240프레임을 담아요. 둘 중 하나를 넘으면 어떻게 되는지는 위의 타이밍을 참고하세요.
• 작품 하나가 그려야 하는 픽셀은 최대 1,000메가픽셀이에요. 여기에는 움직이는 특성 파일 하나하나를 읽는 것, 작품을 그리는 두 번의 과정에서 매 프레임 바뀌는 영역, 그리고 매 프레임을 쓰는 것이 모두 포함돼요. 1000 × 1000에서 꽉 찬 배경 위의 깜빡임과 반짝임은 약 160메가픽셀이에요. 매 프레임 캔버스 전체를 다시 칠하는 짧은 반복을, 작품 길이를 16초로 늘리는 느린 특성과 함께 입으면 1,000메가픽셀을 넘어요. 뒤에 꽉 찬 배경이 없는 작품은 더 많이 들어요. 픽셀을 투명하게 바꾸는 프레임은 통째로 쓰이기 때문이에요. None 가중치, 그 레이어가 없는 작품 수 설정, 또는 그 레이어를 뺀 uniques/의 작품처럼 일부 작품에는 없는 레이어는 그 작품들의 꽉 찬 배경으로 치지 않아요. Check 탭은 한도를 넘는 조합을 모두 짚어 주고, 공개는 그런 조합을 입은 첫 작품에서 멈추고 그 특성들을 짚어 줘요.
• 작품 하나는 최대 20 MB(20,971,520바이트)예요. 공개는 이를 넘는 첫 작품에서 멈추고 그 작품을 짚어 줘요.
• 한 번의 공개에 담을 수 있는 작품은 모두 합쳐 최대 40 GB(42,949,672,960바이트)예요. 작품당 20 MB라면 약 2,000개, 3 MB라면 13,000개예요. 첫 번째 작품 묶음이 그려지고 나면, 그 크기로 계산한 컬렉션 전체가 40 GB를 넘을 경우 Publish 카드가 예상 크기를 알려 주고, 공개는 계속 진행돼요. 움직이는 특성을 입지 않은 작품은 입은 작품보다 훨씬 작아서, 첫 작품들 때문에 들어갈 수 있는 컬렉션이 너무 커 보일 수도 있어요. 공개는 그려진 작품들이 실제로 40 GB를 넘을 때만, 그 작품을 보내기 전에 멈춰요.
• 작품의 모든 프레임은 최대 255색으로 된 팔레트 하나에서 색을 가져오고, 투명 픽셀을 위한 인덱스가 하나 더 있어요. 255색 이하인 작품은 모든 색을 정확히 유지해요. 그보다 많은 작품은 아트에 가장 잘 맞는 255색을 디더링 없이 쓰기 때문에, 부드러운 그러데이션에 띠가 보일 수 있어요.
• GIF의 픽셀은 투명하거나 불투명하거나 둘 중 하나예요. 불투명도가 절반 미만인 픽셀은 투명으로 저장돼요. 아래에 불투명한 것이 없는 곳에서는 부드러운 가장자리가 딱딱해져요. 작품에 이런 가장자리가 있으면 스튜디오 미리 보기가 알려 줘요.
• 움직이는 것은 GIF 파일뿐이에요. 움직이는 PNG나 WebP는 첫 프레임만 쓰여요.
• Download a copy는 작품이 그려지는 대로 하나씩 파일에 써요. 작품이 모두 합쳐 1 GB를 넘으면, 사본은 각각 최대 1 GB인 여러 파일로 나뉘어 1번부터 번호가 붙어 저장돼요. 파일마다 자기 작품과 그 라벨 파일이 들어 있고, 마지막 파일에는 manifest.json과 stats.json도 들어 있어요. 첫 번째 파일은 Download a copy를 누르면 저장되기 시작해요. 그 뒤의 파일들은 쓰이는 대로 그 버튼 아래에 각자의 버튼이 생기고, 그 버튼을 누르면 저장돼요.
• 움직이는 컬렉션은 정지 컬렉션보다 그리는 데 오래 걸려요. 모든 작품의 모든 프레임이 공개되기 전에 내 브라우저에서 그려지기 때문이에요. Publish 카드의 예상 시간에는 작품별로 이 그리는 시간이 포함돼요.

GIF 레이어 준비하기

1. GIF마다 캔버스 크기, 예를 들어 1000 × 1000으로 내보내고, 해당 부분은 제자리에 그리고 나머지는 투명하게 두세요. PNG 특성과 같아요.
2. GIF 파일 이름 끝에는 .gif를 그대로 두세요. 가져오기는 폴더 안에 .gif로 끝나는 파일이 있으면 그 폴더를 움직이는 아트로 읽고, 그다음 내용을 보고 그 안의 모든 GIF를 찾아요. .gif로 끝나는 파일이 하나도 없는 폴더에서는 모든 특성을 정지 이미지로 읽어요.
3. 주기는 0.5초, 1초, 2초처럼 단순한 비율로 맞추세요. 1.3초와 1.7초로 반복되는 특성은 22초가 지나야 맞아떨어지고, 둘 중 하나는 건너뛰게 돼요.
4. 프레임 지연은 10 ms 단위로 쓰세요. GIF가 시간을 세는 단위예요.
5. 프레임 전체를 채우는 맨 아래 레이어를 두세요. 그러면 가장자리가 부드럽게 유지되고 작품도 더 빨리 그려져요.
6. 움직이는 부분은 작게, 프레임 수는 적게 유지하세요. 작품이 작아지고 컬렉션도 더 빨리 공개돼요.
7. 가져온 다음 Check 탭을 열고 움직이는 레이어 카드를 읽어 보세요.

다음: 스튜디오, 규칙, 생성