워블 GIF가 뚝뚝 끊기거나 찢어지거나 이상하게 보이는 이유 (그리고 해결법)

모션 마스크를 칠하고 내보내기를 눌렀는데 결과가 이상합니다 — 매끄럽게 흔들리는 것이 아니라 눈에 띄게 갈라지거나, 가장자리가 찢어지거나, 그냥 살아 있다기보다 고장 난 것처럼 움직입니다. 이것은 워블 메이커가 실제로 모션을 렌더링하는 방식과 연결된 구체적이고 고칠 수 있는 이유로 일어납니다. 메커니즘을 이해하고 나면 해결은 빠릅니다.

---

먼저, 워블이 실제로 생성되는 방식

워블 메이커는 천 물리나 뼈대를 시뮬레이션하지 않습니다. 이미지를 24×24 격자의 타일로 나누고 각 타일을 사인파를 따라 변위시키며, 각 타일의 변위량은 얼마나 강하게 칠했는지("가중치")에 따라 조정됩니다. 인접한 두 타일은 독립적으로 애니메이션됩니다 — 각각은 격자 위치에 따라 자기만의 위상 오프셋을 받으므로, 이웃한 타일들은 의도적으로 서로 살짝 어긋나게 움직입니다(이것이 워블에 딱딱한 블록 하나가 미끄러지는 것이 아니라 유기적이고 탄력적인 느낌을 줍니다).

이 독립성이 바로 문제가 생길 수 있는 이유이기도 합니다. 인접한 두 타일이 모두 높은 가중치와 높은 진폭으로 칠해져 있으면, 하나의 프레임에서 서로 충분히 멀어져서 그 사이의 이음매가 눈에 보이게 될 수 있습니다 — 타일 경계에서 메시가 말 그대로 갈라지는 얇은 틈이나 이중 가장자리요. 이것은 버그가 아니라 격자가 격자라는 것의 직접적인 결과입니다. 타일 가장자리를 이어붙이는 보간이 없고 그저 타일별 독립적인 변위만 있습니다.

이를 염두에 두고, 좋지 않은 내보내기의 가장 흔한 세 가지 원인을 알아보겠습니다.

---

원인 1: 너무 크거나 넓은 영역을 칠했습니다

머리카락 전체나 캐릭터의 몸통 전체처럼 크고 연속적인 영역을 채우면, 그 영역의 모든 타일이 높은 가중치를 받고 그 모든 타일이 거의 같은 진폭으로 독립적으로 변위됩니다. 넓은 영역에서 누적되는 시각적 효과는 "이 영역이 함께 흔들린다"가 아니라 "수십 개의 타일이 어디에 있어야 하는지에 대해 서로 동의하지 않는다"이며, 이는 움직임이 아니라 찢어지거나 산산조각 나는 것처럼 읽힙니다.

해결책: 넓은 채우기 대신 더 좁고 표적화된 영역을 칠하세요. 그 주변의 일반적인 영역이 아니라 실제로 움직이는 특정 부분 — 머리카락 한 가닥, 귀끝, 리본 꼬리 — 을 생각하세요. 실제 움직임의 선을 따라 2~3타일 폭으로 칠하는 것이 같은 시각적 공간을 덮는 넓은 덩어리보다 훨씬 잘 유지됩니다. 정말로 큰 영역을 움직이고 싶다면, 완전한 가중치와 완전한 진폭으로 칠하기보다 강도를 낮추세요(원인 2 참고).

---

원인 2: 넓게 칠한 영역에 강한 강도

워블 메이커는 세 가지 강도 프리셋을 가지고 있고, 이것들은 그냥 "조금 더" 대 "조금 덜"이 아닙니다 — 실제 픽셀 변위량에 매핑됩니다. 약함은 5px, 중간은 10px, 강함은 18px이며, 이는 작업 캔버스(최대 480px)에서 타일별, 프레임별로 적용됩니다. 강함은 약함보다 거의 4배 더 많이 변위됩니다.

작게 칠한 영역 — 액세서리 하나, 펜던트, 머리카락 끝 하나 — 에서는 타일당 18px의 흔들림이 경쾌하고 탄력적으로 보이며, 이것이 정확히 강함 프리셋의 의도입니다. 크게 칠한 영역에서는 같은 18px의 흔들림이 많은 이웃 타일에 걸쳐 동시에 독립적으로 일어나고, 타일들이 눈이 하나의 연속적인 표면으로 읽을 수 없을 만큼 충분히 멀리, 충분히 빠르게 움직이기 때문에 그 사이의 이음매가 눈에 보이게 됩니다.

해결책: 강함은 작고 집중된 요소 — 흔들리는 참, 귀끝, 방울 — 를 위해 아껴두세요. 더 큰 칠해진 영역(전체 포니테일, 넓은 머리카락 부분, 큰 리본)을 덮는 것에는 중간이나 약함을 사용하세요. 중간의 10px 흔들림은 보통 중간 크기 영역에서 "명확히 살아 있지만 여전히 유지되는" 최적점이며, 약함의 5px는 개별적으로는 거의 눈에 띄지 않지만 큰 영역에 걸쳐서는 은은한 흔들림으로 좋게 읽힙니다.

---

원인 3: 딱딱한 가장자리 바로 앞까지 칠했습니다

브러시 자국이 이미지 안의 딱딱한 경계 — 얼굴 가장자리, 단단한 물체의 윤곽, 날카로운 색 전환 — 바로 앞까지 이어지면, 그 경계 바로 위 타일들은 변위되는 반면 칠한 영역 바로 밖의 타일들은 완전히 정지 상태를 유지합니다. "움직이는 것"과 "움직이지 않는 것" 사이의 그 날카로운 단절은 눈이 매우 쉽게 포착하며, 부드럽게 흔들리는 것이 아니라 아트가 스스로에게서 벗겨지는 것처럼 보이는 경향이 있습니다.

이것은 얼굴 주변에서 특히 눈에 띕니다. 턱선이나 뺨에 닿는 머리카락에 모션을 칠하면, 워블이 매 프레임 얼굴 윤곽을 눈에 띄게 잡아당기고, 이는 약한 강도에서도 부자연스러워 보입니다.

해결책: 모션 마스크와 왜곡하고 싶지 않은 딱딱한 가장자리 사이에 칠하지 않은 작은 완충 공간을 남기세요. 턱선, 단단한 소품의 윤곽, 혹은 다른 날카로운 경계에서 몇 픽셀 앞에 브러시를 멈추세요. 칠하지 않은 완충 지대는 부드러운 전환 구역 역할을 합니다 — 기계적으로 특별한 일을 하는 것은 아니지만, 날카로운 가장자리 자체가 변위 값을 받지 않으므로 그것이 눈에 띄게 끌려가지 않은 채 내부의 모션만 일어나며 제자리에 유지된다는 뜻입니다.

---

덜 명백한 원인: 원본 이미지 자체

잘 표적화된 칠하기와 합리적인 강도로도, 원본 이미지가 여러분에게 불리하게 작용할 수 있습니다. 워블 메이커는 칠하거나 렌더링하기 전에 원본을 최대 480px의 작업 크기로 리샘플링합니다 — 원본 아트에 이미 모션 블러, 강한 안티앨리어싱, 혹은 매우 섬세한 선화(얇은 한 픽셀짜리 머리카락 가닥, 섬세한 크로스해칭)가 있다면, 그 디테일은 480px에서 매우 적은 픽셀로 압축됩니다. 이미 부드럽거나 이미 얇은 그 디테일을 타일당 10~18px 변위시키면, 애초에 픽셀 정보가 많지 않았기 때문에 원본보다 더 흐릿하거나 지저분하게 뭉개질 수 있습니다.

해결책: 원본에 섬세한 선화나 블러가 있다면, 칠한 영역이 얼마나 크든 작든 관계없이 약함 강도로 낮추고, 얇은 디테일(한 가닥 머리카락, 섬세한 보석 체인)이 정지 상태보다 움직일 때 조금 더 부드럽게 읽힐 것으로 예상하세요. 명확하고 두꺼운 윤곽선을 가진 평평하고 깔끔한 선화는 사실적이거나 심하게 흐릿한 원본 이미지보다 변위에서 훨씬 잘 버팁니다. 변위가 산산조각 나지 않고 움직일 수 있는 견고한 픽셀 데이터가 타일당 단순히 더 많기 때문입니다.

---

빠른 진단 체크리스트

• 이미지 조각 사이에 틈이나 이중 가장자리가 보이나요? 너무 넓은 영역을 칠했습니다 — 획을 좁히세요.
• 전체 영역이 산산조각 나는 것처럼 보이나요? 강함에서 중간이나 약함으로 낮추세요.
• 얼굴이나 딱딱한 윤곽 근처의 무언가가 뜯겨 나가는 것처럼 보이나요? 다음번에는 가장자리 앞에 완충 공간을 남기세요.
• 낮은 강도에서도 모든 것이 약간 번져 보이나요? 원본에 섬세한 선화나 블러가 있습니다 — 약함을 유지하고 얇은 디테일이 부드러워질 것을 예상하세요.

좋은 소식은 이 중 어느 것도 다시 업로드할 필요가 없다는 것입니다. 워블 메이커의 미리보기는 라이브이고 즉각적이므로, 마스크를 조정하거나 강도를 한 단계 낮추거나 더 좁은 영역을 다시 칠하고 즉시 결과를 볼 수 있습니다 — 내보내기를 낭비하지 않으며, 미리보기는 토큰이 들지 않으므로 실제로 내보내기 전에 원하는 만큼 조정할 수 있습니다.

워블 메이커 무료로 사용해보기 → — 첫 내보내기는 무료, 카드 필요 없음.

함께 읽으면 좋은 글

• 워블 메이커 사용해보기 → — 흔들릴 부분을 칠하세요, 첫 내보내기 무료
• 워블 메이커 — 모든 애니메 아트를 위한 무료 지글 & 바운스 애니메이션
• 워블로 애니메이션화하기 좋은 요소
• 워블 메이커 vs 메시 리깅
• 푸루푸루 효과 완전 정리