색상 팔레트를 8~16색으로 제한하면 형태는 깔끔해지지만, 하늘이나 금속 표면처럼 색이 서서히 변하는 부분을 표현할 색이 부족해집니다. 디더링(dithering)은 두 색의 픽셀을 규칙적인 패턴으로 섞어서, 실제로는 없는 중간색이 있는 것처럼 눈을 속이는 기법입니다. 이 가이드는 디더링의 원리와 실전에서 자연스럽게 쓰는 기준을 정리합니다.
왜 디더링이 필요한가
사람의 눈은 작은 픽셀들이 촘촘히 섞여 있으면 그것을 하나의 평균색으로 인식합니다. 검은 픽셀과 흰 픽셀을 체스판처럼 번갈아 배치하면 멀리서는 회색으로 보이는 것이 그 예입니다. 이 성질을 이용하면 팔레트에 색을 추가하지 않고도 두 색 사이에 "가짜 중간 단계"를 만들 수 있습니다. 색 수를 늘리면 파일 관리와 애니메이션 일관성이 복잡해지므로, 넓은 면적의 완만한 변화는 디더링으로 처리하는 편이 효율적입니다.
기본 패턴 세 가지
가장 많이 쓰는 것은 2x2 체커보드(50%)입니다. 여기에 더 성긴 25% 패턴과 더 빽빽한 75% 패턴을 더하면, 두 색 사이에 세 단계의 중간 밀도가 생깁니다. 밝은 영역에서 어두운 영역으로 갈수록 25% → 50% → 75% 순서로 패턴 밀도를 높이면 전환이 부드러워집니다.
자연스럽게 쓰는 규칙
- 패턴을 한 방향으로 흐르게 — 디더링 픽셀이 면의 곡률을 따라 흐르도록 배치하면 입체감이 살고, 격자에 딱 맞춰 두면 평평해 보입니다.
- 경계를 손으로 다듬기 — 두 밀도 구간이 만나는 지점은 픽셀을 하나씩 옮겨 밀도를 서서히 바꿔야 계단처럼 끊기지 않습니다.
- 작은 부분에는 쓰지 않기 — 24px 아이콘이나 캐릭터 얼굴에 디더링을 넣으면 노이즈처럼 보입니다. 넓은 면적에서만 효과가 있습니다.
- 스크롤 배경은 주의 — 화면이 계속 움직이는 배경에 촘촘한 디더링을 쓰면 어른거림(shimmering)이 생깁니다.
실전 체크리스트
- 1. 중간색부터 검토팔레트에 중간색을 하나 추가하는 게 더 깔끔하다면 디더링 대신 그 방법을 쓰세요.
- 2. 25/50/75 세 단계이 세 밀도만으로 대부분의 그러데이션을 만들 수 있습니다.
- 3. 곡률을 따라 흐르게패턴이 면의 형태를 따라가도록 배치하세요.
- 4. 실제 크기로 확인확대한 상태가 아니라 게임에서 보일 크기로 축소해 어른거림이 없는지 보세요.
디더링으로 만든 그러데이션이 들어간 이미지를 배율에 맞게 조정해야 한다면 이미지 크기 변경 도구에서 정수 배율로 키워야 패턴이 깨지지 않습니다.
자주 묻는 질문
디더링은 언제 쓰고 언제 피해야 하나요?
하늘·금속 표면처럼 넓고 완만한 그러데이션이나 오래된 콘솔 특유의 질감을 낼 때 유용합니다. 반대로 캐릭터 얼굴처럼 작고 중요한 부분, 그리고 화면이 자주 스크롤되는 배경에는 지저분해 보일 수 있어 자제하는 편이 좋습니다.
그리기 툴의 자동 디더링 기능을 써도 되나요?
밑작업으로는 쓸 만하지만 그대로 두면 패턴이 기계적으로 보입니다. 자동으로 깔아둔 뒤 경계 부분을 손으로 다듬어 패턴 밀도를 조절하는 방식이 가장 자연스럽습니다.
몇 가지 패턴만 알면 되나요?
2x2 체커보드(50%)와 그보다 성긴 25%·75% 패턴 세 가지만 익혀도 대부분의 상황을 처리할 수 있습니다. 더 부드러운 전환이 필요하면 4x4 베이어 행렬을 참고하세요.
관련 가이드: 색상 팔레트 정하는 법 · 아웃라인과 셰이딩 · 스프라이트 사이즈