그리드 오버레이 사용 방법
- 스프라이트, 시트 또는 타일셋을 끌어다 놓습니다. 칸 크기는 프레임 그리드를 바탕으로 추정됩니다.
- 칸의 너비와 높이(16×16, 32×32는 클릭 한 번)를 정하고, 타일이 0,0에서 시작하지 않으면 오프셋을 지정합니다.
- 선 색, 불투명도, 두께를 고르고, 구역을 나누고 싶다면 2, 4, 8칸마다 주 그리드선을 추가합니다.
- 내보내기 배율을 고릅니다. 그리드선은 확대된 픽셀 사이에 놓입니다.
- PNG를 다운로드합니다.
결과물
- 칸 그리드가 그려진 확대 PNG
- 가는 1px 그리드와 주 그리드선(선택)
- 바깥 테두리(선택)
게임을 만들며 얻은 팁
- 튜토리얼에는 8× 이상의 배율을 쓰세요. 1×에서는 그리드선이 픽셀을 덮어야 해서 그림이 가려집니다.
- 팔레트에 없는 선 색(보통 시안이나 마젠타)을 고르면 보는 사람이 선과 그림을 헷갈리지 않습니다.
- 16×16 타일로 만든 64×64 방을 문서화할 때는 4칸마다 주 그리드선을 두면 편합니다.
- 오프셋 값을 이용하면 Tiled나 엔진에 가져오기 전에 타일셋에 1px 여백이 있는지 확인할 수 있습니다.
활용 사례
- 팀이나 스토어 페이지용 타일셋 문서화
- 픽셀 아트 튜토리얼과 단계별 이미지 만들기
- 16 px, 32 px 그리드에 맞춰 스프라이트 정렬 확인
- 레벨 디자이너용 참고 이미지 준비
자주 묻는 질문
그리드가 픽셀을 가리나요?
2× 이상의 배율에서는 확대된 픽셀 사이 경계에 선이 그려집니다. 1×에서는 픽셀 사이에 공간이 없으므로 선이 픽셀 한 줄을 대신합니다.
정사각형이 아닌 그리드도 쓸 수 있나요?
네. 칸의 너비와 높이를 따로 정할 수 있어 16×24, 32×16 그리드도 됩니다.
픽셀 그리드 옵션은 무엇인가요?
칸 그리드 아래에 깔리는 옅은 1픽셀 그리드로, 배율이 4× 이상일 때 표시됩니다. 픽셀을 하나하나 세기 쉬워집니다.
PNG 크기는 얼마가 되나요?
원본 크기에 내보내기 배율을 곱한 크기입니다. 최종 크기는 다운로드 버튼 아래에 표시됩니다.
이미지가 업로드되나요?
아니요, 모든 것이 브라우저 안에서 그려집니다.