# \[배너 제작] 레퍼런스 활용 TIP

## 1. 레퍼런스 검색

AI 디자인 에이전트가 추천하는 레퍼런스를 선택하거나, 상단 검색창에서 원하는 레퍼런스를 직접 검색할 수 있습니다. **검색은 단어뿐 아니라 자연어 형태(예: 텍스트가 강조된 시안, 건강하고 신선한 주스)**&#xB85C;도 가능합니다.

어떤 레퍼런스를 검색해야 할지 고민된다면, **제품 또는 브랜드의 톤앤매너(예: 자연친화적, 전문적인, 귀여운 등)**&#xB098; 배너에 포함될 **오브젝트(예: 시계, 계산기, 아이콘 등)**&#xB97C; 기준으로 검색해 보세요.

<figure><img src="/files/PQlCbOO0NqFxVDcSWqEC" alt=""><figcaption></figcaption></figure>

## 2. 레퍼런스 선택

픽스폴리오는 선택한 레퍼런스를 기반으로 아래 요소를 분석하여 배너를 생성합니다.

* **레이아웃**
* **색감**
* **오브젝트 구성 및 톤앤매너**
* **카피 길이**
* **타이포그래피 스타일**

레퍼런스의 구성 요소와 레이아웃을 살펴보고, 제작하려는 제품이나 서비스에 대입해보면 결과물을 보다 쉽게 예측할 수 있습니다. 또한, 레퍼런스를 기반으로 생성되지만, **제품의 색상과 특징에 맞게 주요 오브젝트가 자동으로 재구성되므로 업종이나 카테고리가 달라도 활용이 가능합니다.**

#### **예시 (1)**

<figure><img src="/files/7vihohEMfaJpvKoEBO9l" alt=""><figcaption></figcaption></figure>

#### **예시 (2)**

<figure><img src="/files/zJBt17vc8yQQa7idHnWp" alt=""><figcaption></figcaption></figure>

#### **예시 (3)**

<figure><img src="/files/G6kR4nAs4Sz445Ac51Wu" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**배너 제작 시 생성 개수를 여러 개로 설정하면, 동일한 형태가 아닌 디테일이 다른 다양한 시안이 생성되어 폭넓은 아이디어를 확인할 수 있습니다.**
{% endhint %}

## 3. 스타일 확장

스타일 확장을 통해 **레퍼런스의 레이아웃은 유지하면서 다양한 톤앤매너로 배너**를 생성할 수 있습니다. 2D→3D 변경, 배경 및 색감 수정, 모델 추가 등 자유롭게 스타일을 확장해 보세요.

#### 예시 (1)

```
별도 요청 사항: 실사로 바꿔줘
```

<figure><img src="/files/YKN4ccZkPrRTECZvEAni" alt=""><figcaption></figcaption></figure>

#### 예시 (2)

```
별도 요청 사항: 둥글고 귀여운 3D 스타일로 바꿔줘
```

<figure><img src="/files/oBa7cPpfQK7Nf6yXP6ZS" alt=""><figcaption></figcaption></figure>

#### 예시 (3)

```
별도 요청 사항: 20대 한국인 여자 모델을 추가해줘
```

<figure><img src="/files/mObiT61k67QQ21Yigkcj" alt=""><figcaption></figcaption></figure>

#### 예시 (4)

```
별도 요청 사항: 겨울 느낌으로 바꿔줘
```

<figure><img src="/files/6d28kuZFeopA5Lu0DTwu" alt=""><figcaption></figcaption></figure>

## 4. 레퍼런스 첨부

픽스폴리오에서 제공하는 레퍼런스 외에도, **원하는 이미지를 직접 첨부**하여 배너를 생성할 수 있습니다. 첨부한 레퍼런스를 기준으로 **색감, 레이아웃, 톤앤매너가 반영된 배너가 생성**됩니다. 또한 **\[별도 요청 사항]에 간단한 프롬프트를 입력하면, 원하는 방향을 추가로 반영**할 수 있습니다.

#### 예시 (1)

```
별도 요청 사항: 카피에 맞게 일본 내용으로 구성해줘
```

<figure><img src="/files/omQRBLlDiYWsIQQOQpUP" alt=""><figcaption></figcaption></figure>

#### 예시 (2)

```
별도 요청 사항: 전체톤은 제품톤에 맞춰줘
```

<figure><img src="/files/sxL3aG7NUihaTfS0GSPu" alt=""><figcaption></figcaption></figure>

#### 예시 (3)

```
별도 요청 사항: 배경은 하늘색으로 해주고, 캐릭터는 햄스터로 바꿔줘
```

<figure><img src="/files/TjyBnPXYPhqPFPo1by5l" alt=""><figcaption></figcaption></figure>

#### 예시 (4)

```
별도 요청 사항: 제품에 들어가는 재료들도 포함해서 구성해줘
```

<figure><img src="/files/jAxNnoWoHj7V21ICGtyO" alt=""><figcaption></figcaption></figure>

## 5. 레퍼런스 고르기

레퍼런스를 선택할 때 가장 중요한 요소는 **컨셉, 톤앤매너, 레이아웃**입니다. 레퍼런스의 컨셉과 오브젝트의 스타일, 레이아웃 구성을 파악한 후 제작하려는 배너에 적합한 방향을 선택하면, 나머지는 픽스폴리오가 자동으로 완성합니다.&#x20;

또한 3D 스타일의 타이포그래피나 아이소메트릭 기반의 컨셉 비주얼 등 다양한 디자인을 손쉽게 적용할 수 있으며, 수정 및 스타일 확장을 통해 여러 방향의 시안을 빠르게 제작할 수 있습니다.

#### 예시 (1) - 컨셉/ 톤앤매너

<figure><img src="/files/lMs3Q9mIgGvq3OflS72p" alt=""><figcaption></figcaption></figure>

#### 예시 (2) - 레이아웃

<figure><img src="/files/Sr3orJYmoDnz9vCSWD6n" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fixfolio.ai/tip/banner-reference.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
