> ## Documentation Index
> Fetch the complete documentation index at: https://docs.variaid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 🧩 PSD 준비 가이드

> 업로드 전 필수 점검 항목

### PSD 정제는 더 좋은 배너 결과를 얻기 위한 필수 프로세스입니다.

## ✅ 레이어 구성 필수 규칙

* Variation 이후에도 함께 움직여야 하는 요소는 반드시 하나의 레이어로 병합하세요. 예: 객체+그림자, 스티커 배경+텍스트, 텍스트+하단 박스
* 효과(그림자/외곽선 등) 레이어는 원본 레이어와 반드시 통합(병합)하세요.
* Ellipse 같은 Shape 레이어는 래스터화 또는 스마트 오브젝트로 변환하세요.
* BG 아래에 있는 불필요 레이어는 제거하세요.
* 숨김(invisible) 레이어는 프로그램에서 사용되지 않지만, 파일 용량 및 처리 편의를 위해 정리를 권장합니다.

## 🏷️ 레이어 네이밍 규칙

* 레이어 이름은 아래 규칙 중 하나로 시작해야 합니다.
* `BG (Background)`: 배경, 배경을 장식하는 오브젝트
* `Under (Underlay)`: 배경 위에 이미지/텍스트를 얹기 전 깔리는 띠 형태 오브젝트
* `Image`: 배너의 이미지 오브젝트
* `Text`: 배너의 텍스트 오브젝트
* `Emb (Embellishment)`: 마지막으로 배너를 장식하는 오브젝트
* `Logo`: 마지막에 얹어지는 배너 로고 레이어
* `CTA`: 배너의 CTA 영역
* 예시: `BG`, `Under`, `Image_0`, `Image_1`, `Text_0`, `Text_1`, `Text_2`, `Logo`

## 🎯 레이어 영역 인터랙티브 미리보기

탭을 전환하며 각 레이어의 실제 영역을 확인하세요.

<Tabs>
  <Tab title="Original">
    <img src="https://mintcdn.com/draph/EiwDABw_gkW2GsBI/data/screenshot_origin.jpg?fit=max&auto=format&n=EiwDABw_gkW2GsBI&q=85&s=e3410efc423b9adcb640bbff52173942" alt="원본 (마킹 없음)" width="1200" height="1200" data-path="data/screenshot_origin.jpg" />
  </Tab>

  <Tab title="BG">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/BG.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=b11b870654b0c1b00895eb08d3b3a0a8" alt="BG 영역" width="1200" height="1200" data-path="data/BG.jpg" />
  </Tab>

  <Tab title="Under">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/Under_resize.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=c9cc110361eff975f6bb3b0fea15e456" alt="Under 영역" width="1200" height="1200" data-path="data/Under_resize.jpg" />
  </Tab>

  <Tab title="Image">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/Image.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=05011b1a06ab94285a39b2dc1628f6ec" alt="Image 영역" width="1200" height="1200" data-path="data/Image.jpg" />
  </Tab>

  <Tab title="Text">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/Text.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=b67702701d06c879408ac1e5e623f91a" alt="Text 영역" width="1200" height="1200" data-path="data/Text.jpg" />
  </Tab>

  <Tab title="Emb">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/Emb.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=6e6774c517edf516c307298918794a68" alt="Emb 영역" width="1200" height="1200" data-path="data/Emb.jpg" />
  </Tab>

  <Tab title="Logo">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/Logo.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=9038c62eb7f69c06d45f71ed2b7665d5" alt="Logo 영역" width="1200" height="1200" data-path="data/Logo.jpg" />
  </Tab>

  <Tab title="CTA">
    <img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/CTA.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=d09624b997fe8abc6414781c7159d10d" alt="Logo 영역" width="1200" height="1200" data-path="data/CTA.jpg" />
  </Tab>
</Tabs>

## 📐 Aspect Ratio 동작 규칙

* `BG`, `Under`는 최종 생성 시 지면 비율에 맞게 변형될 수 있습니다.
* `Image`, `Text`, `Emb`, `Logo`, `CTA`는 입력 비율 기준으로 고정됩니다.

## ☑️ 업로드 전 체크리스트

1. 함께 움직여야 하는 요소 병합 완료
2. 효과 레이어 병합 완료
3. Shape 레이어 변환 완료
4. BG 아래 불필요 레이어 제거 완료
5. 네이밍 규칙 확인 완료
6. 숨김/미사용 레이어 제거 완료