JigsawDesigner 도움말
Generate Jigsaw로 퍼즐 재단선 생성
닫힌 경계와 슬롯 템플릿을 선택하고 그리드, 목표 조각 수 및 거리 매개변수를 설정한 다음 생성된 SVG를 확인하세요.
입력 도형 준비하기
퍼즐 영역에는 닫힌 외곽 경계를 사용하세요. 원하는 경계는 보이고 잠금 해제된 상태로 유지하며, 생성에 포함하지 않을 도형은 제거합니다.
슬롯 템플릿 선택
Templates 패널에서 기본 제공 또는 사용자 지정 슬롯 템플릿을 선택하세요. 강조 표시된 템플릿이 생성에 사용할 연결 프로파일을 제공합니다.
캔버스와 생성 조건 설정
아무것도 선택하지 않으면 오른쪽 속성 패널에 프로젝트 전체 설정이 나타납니다. 예시의 수치는 권장 기본값이 아닙니다.
프로젝트 정보
프로젝트 이름, 생성 날짜 및 수정 시간 확인 및 편집.
캔버스 설정
픽셀 단위 크기 설정 또는 사전 설정(A4, A3 등) 선택.
생성용 격자
Grid Size는 생성 과정의 분할을 조절합니다. 화면에 보이는 편집용 격자 간격과는 별개입니다.
목표 조각 수
Piece Count로 원하는 조각 수를 지정합니다. 윤곽과 생성 조건에 따라 최종 개수는 달라질 수 있습니다.
연결부를 만들 변의 길이 범위
Slot Min / Max Distance는 연결부를 만들 수 있는 변의 길이 범위입니다. 범위를 벗어나는 변은 직선으로 남습니다. 절단 폭이나 조각 사이의 간격을 뜻하지 않습니다.
작업
고급 설정 및 퍼즐 생성 버튼에 액세스합니다.
캔버스 크기의 단위는 픽셀입니다. 실제 제작 크기는 제작용 소프트웨어에서 확인하세요. Shape Count는 최상위 개체 수이며 완성된 퍼즐 조각 수가 아닙니다.
iPhone
캔버스와 생성 조건 설정
캔버스의 개체 선택을 해제한 다음 하단 막대에서 속성을 열어 캔버스와 퍼즐 생성 매개변수를 설정합니다.
캔버스 설정
캔버스 크기의 단위는 픽셀입니다. 실제 제작 크기는 제작용 소프트웨어에서 확인하세요. Shape Count는 최상위 개체 수이며 완성된 퍼즐 조각 수가 아닙니다.
생성용 격자 · 목표 조각 수
Grid Size는 생성 과정의 분할을 조절합니다. 화면에 보이는 편집용 격자 간격과는 별개입니다. Piece Count로 원하는 조각 수를 지정합니다. 윤곽과 생성 조건에 따라 최종 개수는 달라질 수 있습니다.
연결부를 만들 변의 길이 범위
Slot Min / Max Distance는 연결부를 만들 수 있는 변의 길이 범위입니다. 범위를 벗어나는 변은 직선으로 남습니다. 절단 폭이나 조각 사이의 간격을 뜻하지 않습니다.
생성 실행 및 SVG 확인
Website Demo Wave 연결 템플릿과 원형 윤곽을 사용해 생성 전 도형과 생성 후 결과를 비교합니다. Generate Jigsaw를 선택하고 진행 작업이 끝날 때까지 기다립니다. 생성된 SVG는 이름이 있는 그룹으로 돌아옵니다. 경계와 연결부를 확대하고 Layers를 확인한 뒤 필요하면 입력을 조정해 다시 생성하세요.
1생성 전
2생성 후
생성 전
유효한 닫힌 외곽선 하나를 가져오거나 그린 뒤, 생성에 사용할 표시되고 잠금 해제된 도형만 남기세요.
캔버스와 생성 조건 설정
인스펙터에서 격자 크기, 조각 수, 슬롯 거리 범위를 설정합니다. 이 값은 생성되는 절단선의 밀도와 복잡도에 영향을 줍니다.
생성 후
생성기를 실행하고 결과를 확인한 뒤 필요에 따라 설정을 조정하고 SVG를 내보냅니다.
예시는 800 × 600 px 캔버스, 목표 100조각, Grid Size 10, 연결부 거리 10–50을 사용합니다. 새 그룹과 연결부를 확인한 뒤 다듬거나 SVG로 내보내세요. 작업 흐름 예시이며 속도 측정 결과는 아닙니다.
iPhone
템플릿을 적용하고 퍼즐 확인
동일한 닫힌 삼각형의 생성 전후를 비교한 다음 레이어에서 편집 가능한 경로를 확인합니다.
1생성 전
유효한 닫힌 외곽선 하나를 가져오거나 그린 뒤, 생성에 사용할 표시되고 잠금 해제된 도형만 남기세요.
2생성 후
닫힌 윤곽선과 생성 설정을 준비한 뒤 오른쪽 위 퍼즐 버튼을 탭합니다.
예시는 800 × 600 px 캔버스, 목표 100조각, Grid Size 10, 연결부 거리 10–50을 사용합니다. 새 그룹과 연결부를 확인한 뒤 다듬거나 SVG로 내보내세요. 작업 흐름 예시이며 속도 측정 결과는 아닙니다.
자주 묻는 질문
생성에 실패하는 이유는 무엇인가요?
먼저 경계가 유효한 닫힌 경로인지, 슬롯 템플릿이 유효한지, 요청한 밀도가 윤곽선에 적절한지 확인하세요.
출력에 항상 정확한 목표 조각 수가 포함되나요?
조각 수는 목표값으로 사용하고 실제 생성 결과를 확인하세요.