✨ 주요 기능 개요

🔄 논리 흐름도

🎛️ 제어판 상세

1. 프리셋 설정 관리

• 프리셋 선택 - 드롭다운에서 저장된 레이아웃 설정 선택
• 프리셋 저장 - 이름 입력하여 현재 레이아웃을 프리셋으로 저장
• 가져오기/내보내기 - 타인 공유 프리셋 가져오기 또는 자신의 프리셋 내보내기
• 프리셋 지우기 - 현재 선택한 프리셋 취소

2. 복사 설정

• 인스턴스 수 - 생성할 이미지 복사본 수 설정 (1-20)
• 생성 버튼 - 편집기에서 선택한 이미지 복제
• 업로드 후 생성 - 이미지 업로드 후 설정에 따라 인스턴스 자동 생성

3. 글로벌 설정

• 수평 간격 (X) - 인스턴스 간 수평 거리 제어
• 수직 간격 (Y) - 인스턴스 간 수직 거리 제어
• 투명도 - 모든 인스턴스의 투명도 조정
• 확대/축소 - 모든 인스턴스 크기 균일 조정

4. 출력 이미지 설정

• 너비 - 최종 출력 이미지 너비 설정
• 높이 - 최종 출력 이미지 높이 설정
• 여백 - 이미지 주변 빈 영역
• 이미지 품질 - 출력 이미지 품질 백분율
• 종횡비 - 일반 종횡비 프리셋 (1:1, 4:3, 16:9 등)

5. 배경 제거 설정

• 흰색 배경 제거 - 흰색 배경 자동 식별 및 제거
• 빈 영역 자르기 - 이미지 주변 투명 영역 자동 자르기
• 흰색 임계값 - 흰색 식별 민감도 조정

6. 인스턴스 목록

• 모든 인스턴스 정보 표시: 번호, 위치, 레이어 등
• 목록 항목 클릭하여 해당 인스턴스 선택
• × 버튼 클릭하여 해당 인스턴스 삭제
• Ctrl 키를 누르고 목록 항목 다중 선택

🎨 편집기 조작 가이드

1. 기본 조작

• 인스턴스 이동 - 이미지 주체 클릭 및 드래그
• 인스턴스 회전 - 인스턴스 상단의 빨간색 회전 핸들 드래그
• 인스턴스 확대/축소 - 네 모서리의 녹색 확대/축소 핸들 드래그, 또는 마우스 휠 사용
• 다중 인스턴스 선택 - Ctrl 키를 누르고 클릭, 또는 드래그하여 선택

2. 편집기 도구 모음

• 정렬 조작 - 왼쪽 정렬, 오른쪽 정렬, 위쪽 정렬, 아래쪽 정렬, 수평 중앙, 수직 중앙, 완전 중앙
• 분배 조작 - 수평 균등 분배, 수직 균등 분배
• 레이어 조작 - 맨 앞으로, 앞으로, 뒤로, 맨 뒤로
• 선택 간격 - 선택한 인스턴스 간 수평·수직 간격 조정
• 선택 설정 - 선택한 인스턴스의 회전 각도와 확대/축소 조정

3. 컨텍스트 메뉴 기능

인스턴스에서 오른쪽 클릭하여 컨텍스트 메뉴 열기, 제공 기능:

• 레이어 조정 (맨 앞으로, 앞으로, 뒤로, 맨 뒤로)
• 인스턴스 복사/붙여넣기
• 다양한 정렬 방법
• 수평/수직 분배

4. 하단 고정 버튼

• 위치 재설정 - 모든 인스턴스를 현재 설정으로 재배열
• 모두 지우기 - 모든 인스턴스 삭제, 초기 상태로 복원
• 다운로드 - 현재 편집기 내용을 이미지로 내보내기

🔧 고급 팁

📚 프리셋 관리 시스템

프리셋이란?

프리셋은 완전한 레이아웃 설정을 저장한 파일, 포함 내용:

• 인스턴스 수, 위치, 회전 각도, 확대/축소
• 글로벌 설정 (간격, 투명도, 확대/축소 등)
• 출력 설정 (크기, 품질 등)
• 배경 제거 설정

프리셋 워크플로

1. 만족스러운 레이아웃 생성 또는 조정
2. "저장" 버튼 클릭, 프리셋 이름 입력
3. 프리셋 로컬 브라우저 저장소에 자동 저장
4. 다음에 드롭다운에서 직접 이 프리셋 선택
5. 새 이미지 업로드 시 프리셋 레이아웃 자동 적용

프리셋 관리 기능

• 프리셋 저장 - 현재 레이아웃을 새 프리셋으로 저장
• 프리셋 선택 - 저장된 프리셋을 현재 이미지에 적용
• 프리셋 이름 변경 - 프리셋 이름 수정
• 프리셋 삭제 - 불필요한 프리셋 제거
• 프리셋 내보내기 - 프리셋을 JSON 파일로 저장하여 타인과 공유
• 프리셋 가져오기 - 타인 공유 프리셋 파일 로드

⌨️ 키보드 단축키

일반 조작

복사/붙여넣기

레이어 조정

마우스 조작

• 왼쪽 드래그 - 인스턴스 이동 또는 드래그로 다중 선택
• 오른쪽 클릭 - 인스턴스 컨텍스트 메뉴 열기
• 마우스 휠 - 선택한 인스턴스 확대/축소 (인스턴스 위에서 스크롤)
• Ctrl + 왼쪽 클릭 - 인스턴스 다중 선택/선택 취소
• 회전 핸들 드래그 - 인스턴스 회전
• 코너 핸들 드래그 - 인스턴스 확대/축소

🔄 조작 팁