심리스 패턴 제작기

기하 모티프 타일을 만듭니다. 3×3 보기는 이음새 확인용이고 다운로드는 타일 한 장입니다.

1. 타일 설정

가로·세로 64~512픽셀과 배경색을 고르세요. 입력을 바꾸면 미리보기가 바로 갱신됩니다.

타일 너비 (px)타일 높이 (px)배경색

설정을 바꾸면 타일과 반복 미리보기가 갱신됩니다.

2. 모티프 편집

모티프마다 위치와 모양을 지정합니다. 경계에 걸친 부분은 맞은편에 이어집니다.

편집할 모티프

모양가로 위치 X (px)세로 위치 Y (px)모티프 크기 (px)회전 (도)모티프 색

3. 반복 확인

왼쪽은 파일로 저장할 타일 한 장, 오른쪽은 그 타일을 3×3으로 반복한 모습입니다.

단일 타일

타일의 모티프를 끌어 위치를 옮기거나 아래 좌표를 직접 입력하세요.

3×3 반복

경계 연결을 위해 모티프 복사본 36개를 배치했습니다.

4. 타일 저장

반복 미리보기가 아닌 타일 한 장을 저장합니다. PNG는 현재 지정한 픽셀 크기입니다.

원·마름모·잎 모티프를 직사각형 타일에 배치하고 색상, 크기, 회전과 좌표를 조정합니다. 모티프를 인접 타일의 같은 위치에도 그리므로 가장자리를 가로지르는 무늬가 반대편 경계와 이어집니다. 한 장의 타일과 3×3 반복 화면을 비교한 뒤 SVG 또는 원본 크기 PNG로 저장하세요. 이 도구는 벡터 도형 패턴을 만들며 사진의 이음새를 자동으로 지우거나 인쇄용 색 관리를 하지 않습니다.

주요 기능

64~512픽셀의 가로·세로 타일 크기와 배경색 설정
원·마름모·잎 모티프 최대 24개와 개별 색·크기·회전·좌표 편집
타일 경계를 넘어간 도형을 인접 위치에 반복해 연결
단일 타일과 3×3 반복 무늬 동시 확인
편집한 타일을 SVG 벡터 또는 원본 크기 PNG로 저장

사용 방법

예제를 불러오거나 타일 너비·높이와 배경색을 정합니다.
모티프를 추가하고 모양, 색상, 크기, 회전, 좌표를 조정합니다.
타일 모서리나 경계를 가로지르는 도형이 3×3 반복 미리보기에서 자연스럽게 이어지는지 확인합니다.
필요하면 위치와 간격을 다시 조정하고 SVG 또는 PNG 타일을 내려받습니다.
다른 앱에서 타일을 반복 배치할 때 이미지를 자르거나 비율을 다르게 바꾸지 않습니다.

활용 예시

웹페이지 배경에 쓸 반복 타일 SVG 초안
디지털 문구나 포장 시안의 단순 기하 무늬
경계가 이어지는 아이콘·꽃잎 배치 비교

자주 묻는 질문

왜 타일 가장자리에서 잘린 도형이 반대편에 나타나나요?

같은 모티프를 인접 타일의 좌표에도 복사하고 타일 영역만 잘라내기 때문입니다. 반복 배치하면 양쪽 경계가 이어집니다.

사진의 이음새도 자동으로 없앨 수 있나요?

아니요. 이 도구는 원·마름모·잎 벡터 모티프를 새로 배치합니다. 사진의 픽셀 경계 수정이나 질감 합성 기능은 제공하지 않습니다.

SVG와 PNG의 차이는 무엇인가요?

SVG는 타일 도형을 벡터로 저장합니다. PNG는 현재 타일 너비와 높이에 맞춰 픽셀 이미지로 저장합니다. 3×3 화면은 확인용이며 저장 파일은 타일 한 장입니다.

패턴을 반복해도 항상 이음새가 없나요?

생성된 타일을 잘라내거나 가로·세로 비율을 다르게 조정하지 않고 정확히 같은 크기로 반복하면, 타일 경계의 도형 위치가 맞습니다. 내보낸 파일의 추가 편집은 결과를 바꿀 수 있습니다.

인쇄용 원단 파일로 바로 사용할 수 있나요?

패턴은 화면용 SVG·PNG 타일입니다. 실제 인쇄에는 원단 규격, 해상도, 색 공간과 업체의 파일 요구 사항을 별도로 확인하세요.

개인정보 안내

모티프 좌표와 이미지 생성은 브라우저에서 처리됩니다. 이 도구는 작업 내용을 서버 API로 전송하지 않습니다.