등각(아이소메트릭) 그리드 SVG. 아이소 일러스트·픽셀아트·게임 맵 기본 도구.
📐 미리보기

사용법

  1. 가로/세로 크기 설정 (px)
  2. 셀 크기·선 두께·색상 조정
  3. 프리셋 또는 직접 색상 선택
  4. 투명 배경/수직선 옵션 선택
  5. SVG 또는 PNG로 다운로드

주요 기능

  • 아이소메트릭 30도 정확한 그리드
  • 셀 크기 10~120px 자유 조정
  • 5가지 프리셋 (표준·미세·굵게·블루프린트·다크)
  • 투명 배경 옵션 (다른 디자인 위에 오버레이)
  • SVG/PNG 둘 다 지원, 클립보드 복사

활용 예시

  • 아이소메트릭 일러스트 — 건축·도시·게임 아이콘 가이드라인
  • 픽셀아트 — 등각 도트 작업 기준선
  • 게임 맵 디자인 — RPG·타워 디펜스 타일 기준
  • 인포그래픽 — 데이터 시각화 등각 표현
  • 건축 도면 — 입체 스케치·블루프린트

등각(아이소메트릭)이란?

3D 객체를 2D에 표현하는 투영 기법으로, X·Y·Z 축이 모두 120도씩 등간격을 이룹니다. 시각적으로 30도·150도 사선 + 수직선으로 구성되어 깊이감을 만들면서도 깨끗한 격자 구조를 유지합니다. 픽셀아트와 게임(심시티·디아블로·문명) 디자인의 표준이며, 최근 일러스트레이션 트렌드의 핵심입니다.

자주 묻는 질문

왜 30도인가요?

아이소메트릭은 정확히 30도·150도입니다. tan(30°)=1/√3 비율의 사선이 등간격 격자를 만들어 입체감과 평면성의 균형을 잡습니다.

Figma에 붙여넣으려면?

SVG 다운로드 → Figma 캔버스에 드래그하면 벡터 그리드가 됩니다. 그리고 "프레임 잠금"으로 가이드처럼 사용하세요.

2.5D(다이메트릭)과 다른가요?

다이메트릭은 두 축만 같은 각, 아이소메트릭은 세 축 모두 등각입니다. 클래식 게임은 다이메트릭이 많지만 시각적 효과는 아이소메트릭이 더 좋습니다.

무료인가요?

네, 회원가입·업로드 없이 무료입니다.