플랫포머나 탑다운 게임의 맵은 대부분 작은 타일을 반복해서 붙여 만듭니다. 캐릭터 하나 그리는 것과는 완전히 다른 종류의 작업으로, 낱개의 타일이 예쁜 것보다 옆 타일과 이어졌을 때 자연스러운지가 훨씬 중요합니다. 이 가이드는 타일셋을 그릴 때 반드시 고려해야 할 기본기와, 지형 경계를 자동으로 처리해주는 오토타일링의 원리를 정리합니다.
타일 크기는 캐릭터 크기와 맞춰라
타일 크기를 먼저 정하고 그 배수로 캐릭터를 그리는 것이 순서상 자연스럽습니다. 16x16이나 32x32처럼 흔한 크기를 쓰면 외부에서 받아온 무료 에셋과 섞어 쓰기도 수월해집니다. 타일 크기와 캐릭터 크기의 관계는 스프라이트 사이즈 정하는 법 가이드에서 더 자세히 다룹니다.
이음매(seam)가 생기지 않게 그리기
같은 타일을 가로세로로 반복해 붙였을 때 경계선이 두드러져 보이면 "타일이 티가 난다"는 인상을 줍니다. 이를 막으려면 타일의 네 변에 걸치는 무늬(풀, 돌 질감 등)를 그릴 때 왼쪽 끝과 오른쪽 끝, 위쪽 끝과 아래쪽 끝의 픽셀이 자연스럽게 이어지도록 그려야 합니다. 그리기 툴에서 캔버스를 반복(wrap-around) 미리보기로 확인하거나, 완성된 타일을 4방향으로 복제해 붙여보고 경계선이 도드라지는 부분이 없는지 직접 확인하는 것이 가장 확실한 방법입니다.
왜 타일 하나로는 부족한가
잔디밭 한가운데는 잔디 타일 하나로 채울 수 있지만, 잔디와 흙이 만나는 경계는 이야기가 다릅니다. 위쪽이 잔디고 아래쪽이 흙인 타일, 왼쪽 모서리만 흙인 타일, 오른쪽 모서리만 흙인 타일처럼 경계 방향의 조합마다 별도의 타일이 필요합니다. 이걸 전부 손으로 하나씩 그리고 배치하면 지형 종류가 늘어날수록 작업량이 기하급수적으로 늘어납니다.
오토타일링이 해결하는 문제
오토타일링은 인접한 8방향 타일이 같은 지형인지 다른 지형인지를 검사해서, 어떤 경계 타일을 그려야 하는지 자동으로 골라주는 기능입니다. 대부분의 엔진은 47타일 블롭(blob) 세트라는 표준 레이아웃을 사용합니다. 이는 상하좌우 4방향과 대각선 4방향, 총 8방향의 인접 여부 조합 중 실제로 시각적으로 구분이 필요한 47가지 경우의 수만 남긴 세트로, 이 47장만 미리 그려두면 나머지 조합은 엔진이 알아서 조립해줍니다. Godot의 TileSet 오토타일 기능이나 Tiled 맵 에디터의 Wang 타일 기능이 모두 이 방식을 기반으로 동작합니다.
처음이라면 9타일 축소판으로 시작해도 된다
47타일을 전부 그리는 건 부담스러울 수 있습니다. 초보자라면 우선 중앙, 상하좌우 변, 네 모서리까지 총 9장으로 구성된 3x3 축소 세트로 시작해도 충분히 자연스러운 지형을 표현할 수 있습니다. 완성도를 더 높이고 싶을 때 나머지 조합을 하나씩 추가하는 방식으로 접근하면 부담이 훨씬 줄어듭니다.
실전 체크리스트
- 1. 타일 크기부터 확정캐릭터 크기와의 배수 관계를 먼저 정하세요.
- 2. 반복 붙여서 확인완성한 타일을 여러 번 복제해 붙여보고 이음매가 도드라지지 않는지 확인하세요.
- 3. 9타일 세트부터중앙+변 4개+모서리 4개로 시작해 필요할 때 47타일로 확장하세요.
- 4. 엔진의 오토타일 기능 활용Godot TileSet, Tiled Wang 타일처럼 조합을 자동으로 처리해주는 기능을 적극 활용하세요.
타일과 함께 쓸 캐릭터나 오브젝트 아이콘이 필요하다면 픽셀 이미지 추천 페이지에서 저작권 걱정 없는 오리지널 아이콘을 바로 받아볼 수 있습니다.
자주 묻는 질문
47타일과 16타일(블롭/Wang)의 차이는?
16타일 세트는 상하좌우 4방향 인접만 검사해 모서리가 살짝 부자연스럽고, 47타일 세트는 대각선까지 검사해 안쪽/바깥쪽 코너를 정확히 표현합니다. 처음에는 9~16타일로 시작하고 완성도가 필요할 때 47타일로 확장하세요.
타일이 반복되는 티가 나는데 어떻게 줄이나요?
한 지형에 대해 무늬가 조금씩 다른 변형 타일을 2~3개 만들어 무작위로 섞어 배치하면 패턴이 눈에 덜 띕니다. 또 눈에 확 들어오는 밝은 픽셀이나 특이한 무늬는 타일 가장자리보다 중앙 쪽에 배치하세요.
타일 사이에 여백(거터)을 넣어야 하나요?
엔진이 텍스처를 확대할 때 옆 타일 색이 새어 들어오는 현상(bleeding)을 막으려면 타일 사이에 1~2px 여백을 두고 가장자리 픽셀을 여백으로 한 칸 확장(extrude)하는 것이 안전합니다. 대부분의 타일 패커가 이 기능을 지원합니다.
관련 가이드: 스프라이트 사이즈 · 스프라이트 시트 만들기 · 무료 게임 에셋 사이트