AI 렌더링 — 배경 사진과 도면 합성

현장 사진(배경) 위에 창호 도면을 겹쳐 AI가 실제 시공 모습으로 합성하는 기능입니다. 배경 이미지 + 격자 도면 = AI 렌더링 결과물의 흐름으로 동작하며, 세살 스튜디오의 오른쪽 사이드바에서 모든 과정이 이루어집니다.

스튜디오 화면 구성

세살 스튜디오는 세 개의 패널로 구성됩니다. AI 렌더링은 오른쪽 사이드바에서 진행됩니다.

단계별 사용 방법

① 배경 사진 업로드

1. 오른쪽 사이드바가 닫혀 있다면 캔버스 오른쪽 끝의 › 탭을 클릭해 패널을 엽니다.
2. ↑ 사진 추가 버튼을 클릭해 이미지 파일을 선택합니다.
   여러 장을 한꺼번에 업로드할 수 있습니다.
3. 업로드된 사진이 아래 썸네일 목록에 나타납니다. 원하는 썸네일을 클릭하면 즉시 캔버스 배경으로 적용됩니다. 선택된 썸네일은 초록 테두리로 표시됩니다.

② 도면 파라미터 조정

왼쪽 사이드바에서 창호의 치수와 격자 살 설정을 조정합니다. 배경 사진 위에 도면이 실시간으로 합성되어 미리보기되므로, 실제 공간에 어울리는 비율과 패턴을 즉석에서 확인할 수 있습니다.

• 가로폭 / 세로높이 — 실제 설치 공간에 맞춰 조정
• 가로살 배열 (상/중/하) — 세 구역의 칸수 비율을 독립 조정 가능
• 울거미 · 살 색상 — 오른쪽 사이드바 마감 섹션에서 색상 지정

③ AI 렌더링 프롬프트 작성

오른쪽 사이드바 하단의 텍스트 입력란에 원하는 분위기를 한 줄로 입력합니다. AI가 이 텍스트를 참고해 배경+도면의 질감·조명·분위기를 합성합니다.

좋은 프롬프트 예시	기대 효과
오래된 참나무 결, 옻칠 마감, 흰 한지	목재 질감과 한지 배경 강조
한옥 카페 인테리어, 따뜻한 낮 채광	밝고 따뜻한 공간감
야간, 은은한 간접 조명, 분위기 있는 레스토랑	저녁 감성 분위기
전통 사찰, 고즈넉한 자연 배경, 자연광	정적이고 고요한 전통 느낌
모던 미니멀, 화이트 톤, 대형 창, 도시 전경	깔끔하고 현대적인 분위기

④ 렌더링 실행

1. ✨ Rendering 버튼을 클릭합니다.
2. 캔버스 위에 "AI 렌더링 중…" 로딩 오버레이가 표시됩니다. 처리 시간은 보통 30~90초입니다.
3. 완료되면 결과 팝업이 자동으로 열립니다. 다운로드로 PNG를 저장하거나 팝업을 닫습니다.
4. 생성된 결과물은 렌더링 히스토리에 자동 저장됩니다. 썸네일을 클릭하면 언제든 다시 볼 수 있습니다.

렌더링 히스토리

최근 렌더링 결과는 오른쪽 사이드바 하단 렌더링 히스토리에 최대 9개까지 자동 보관됩니다. 썸네일을 클릭하면 결과 팝업에서 다시 확인하거나 다운로드할 수 있습니다. 히스토리의 버튼으로 항목을 삭제할 수도 있습니다.

배경 사진 관리

동작	방법
배경 사진 추가	오른쪽 사이드바 ↑ 사진 추가 버튼 또는 드래그 & 드롭
배경 사진 전환	썸네일 클릭 → 즉시 해당 사진으로 캔버스 배경 변경
배경 사진 제거	썸네일 옆 버튼 클릭
배경 없이 도면만 보기	활성화된 썸네일을 다시 클릭해 비활성화