> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/kr/learn/tutorials.md).

# 튜토리얼

## 프롬프트

* [참조 이미지를 바탕으로 프롬프트 만들기](#reference-image)
* [아이디어 도출 프롬프트 만들기](#ideation-prompt)

## 이미지 품질 복원

* [손상된 제품 이미지 품질 복원](#repair-a-damaged-product-image-quality)
* [손상된 인물 사진 이미지 품질 복원](#repair-a-damaged-portrait-image-quality)
* [팩샷의 사실적인 합성](#realistic-blending-of-packshots)

## 크리에이티브 효과

* [3D 타이포그래피](#id-3d-typography)

***

## 참조 이미지를 바탕으로 프롬프트 만들기 <a href="#reference-image" id="reference-image"></a>

Google의 Gemini와 같은 AI 채팅 도구를 사용해 참조 이미지를 텍스트 프롬프트로 바꾸세요. 프롬프트를 다듬은 뒤 새 시각물을 생성하세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F0JMSGzK0dOURoPLxntst%2F1.png?alt=media&amp;token=d74b8665-2d70-4461-a49d-af6a86644fba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FAMgjtDJORCTJzLB2znRl%2F2.png?alt=media&amp;token=52de924d-30cc-4b9e-be10-bcb266aac54e" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed url="<https://app.arcade.software/share/87SjVktgKuB1mGU59DGc>" flowId="87SjVktgKuB1mGU59DGc" %}

### 방법

{% stepper %}
{% step %}

#### 참조 이미지를 선택하세요

참조 이미지를 선택하세요.

* 명확한 주제가 포함된 선명한 구도.
* 텍스트나 사람이 많거나 명확한 주제가 없는 이미지는 AI가 무엇을 사용해야 하는지 파악하기 어렵게 만듭니다.

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FRs8ghMgTbfqvlbREin6k%2Freference-image-1.png?alt=media&amp;token=ea5f631f-1cc5-4ffd-8200-20d64c5a4a74" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### 이미지를 AI 채팅 도구에 업로드하세요

더 나은 결과를 위해 Beachside는 Google Gemini를 권장합니다.
{% endstep %}

{% step %}

#### 다음 템플릿을 복사해 붙여넣으세요

***

텍스트 프롬프트를 만드세요.\
이미지는 생성하지 마세요.

첨부된 이미지를 바탕으로 다음에 대한 텍스트 설명을 작성하세요 *<mark style="color:초록색;background-color:green;">**3개의 서로 다른 장면.**</mark>* 다음을 재현하세요 *<mark style="color:초록색;background-color:green;">**같은 각도, 빛, 색감, 마감**</mark>*<mark style="color:초록색;background-color:green;">**.**</mark>\
각 장면은 첨부된 이미지의 배경을 그대로 유지하고, 그 안에 제품을 배치하여(텍스트 설명에서는 항상 제품이라고 지칭) 평면 광고 비주얼을 만듭니다.

다음 가이드라인에 따라 텍스트 설명을 작성하세요:

* 각 텍스트 설명은 하나의 연속된 문단으로 작성하세요;
* 첨부된 참조 이미지의 파일 이름은 절대 언급하지 마세요;
* 이미지에 보이는 항목은 반드시 제품이라는 단어로만 지칭하세요;
* 제품의 형태, 디자인 또는 기타 특성은 절대 설명하지 마세요;
* *<mark style="color:빨간색;background-color:$danger;">**여기에 추가 요청 사항을 입력하세요**</mark>*

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
텍스트 프롬프트를 만드세요.
이미지는 생성하지 마세요.

첨부된 이미지를 바탕으로 3개의 서로 다른 장면에 대한 텍스트 설명을 작성하세요. 같은 각도, 빛, 색감, 마감 방식을 재현하세요. 각 장면은 첨부된 이미지의 배경을 그대로 유지하고, 그 안에 제품을 배치하여(텍스트 설명에서는 항상 제품이라고 지칭) 평면 광고 비주얼을 만듭니다.

다음 가이드라인에 따라 텍스트 설명을 작성하세요:
- 각 텍스트 설명은 하나의 연속된 문단으로 작성하세요;
- 첨부된 참조 이미지의 파일 이름은 절대 언급하지 마세요;
- 이미지에 보이는 항목은 반드시 제품이라는 단어로만 지칭하세요;
- 제품의 형태, 디자인 또는 기타 특성은 절대 설명하지 마세요;
- 여기에 추가 요청 사항을 입력하세요

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
```

{% endprompt %}
{% endstep %}

{% step %}

#### 템플릿 편집

다음 영역을 편집해야 합니다 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>*&#xB2E4;음 영역에서 *<mark style="color:초록색;background-color:green;">**초록색**</mark>* 필요한 경우 수정하세요. "*여기에 추가 요청 사항을 입력하세요"를* 필요하지 않다면 삭제하는 것을 잊지 마세요.

{% hint style="info" %}

* **추상적이기보다 구체적으로 작성하세요:** "프리미엄한 느낌" 대신 "무광 석재 표면, 부드러운 스튜디오 조명, 골드 포인트"라고 작성하세요.
* **한 번에 5개 이하의 프롬프트로 제한하세요:** 그 이상이면 결과가 서로 반복되기 시작합니다.
  {% endhint %}

편집 후 프롬프트는 다음과 같습니다:

***

텍스트 프롬프트를 만드세요.\
이미지는 생성하지 마세요.

첨부된 이미지를 바탕으로 다음에 대한 텍스트 설명을 작성하세요 *<mark style="color:초록색;">`3개의 서로 다른 장면.`</mark>* 다음을 재현하세요 *<mark style="color:초록색;">`같은 각도, 빛, 색감, 마감.`</mark>*\
각 장면은 첨부된 이미지의 배경을 그대로 유지하고, 그 안에 제품을 배치하여(텍스트 설명에서는 항상 제품이라고 지칭) 평면 광고 비주얼을 만듭니다.

다음 가이드라인에 따라 텍스트 설명을 작성하세요:

* 각 텍스트 설명은 하나의 연속된 문단으로 작성하세요;
* 첨부된 참조 이미지의 파일 이름은 절대 언급하지 마세요;
* 이미지에 보이는 항목은 반드시 제품이라는 단어로만 지칭하세요;
* 제품의 형태, 디자인 또는 기타 특성은 절대 설명하지 마세요;
* *<mark style="color:빨간색;">`오렌지를 일본산 유자 껍질로 바꾸고 모든 꽃 요소를 제거하세요. 나무 그루터기 표면에는 고운 물방울이 남아 있습니다. 이 요소들은 장면에 항상 포함하세요.`</mark>*

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% endstep %}

{% step %}

#### 필요한 경우 결과를 확인하고 편집하세요

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FkCag8UD4noLRopeWvmOF%2FGroup%2084%20(1).png?alt=media&amp;token=2b7c29bf-c009-4ee9-9880-86ac8005a914" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Beachside에서 프롬프트 사용하기

다음 단계를 따르세요:

1. 새 장면을 만드세요.
2. 제품(또는 제품들)을 새 장면에 배치하세요.
3. 작성한 프롬프트 중 하나를 붙여넣으세요.
4. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPEh9gpCq9Jy8kKajqtRS%2FGroup%2086.png?alt=media&amp;token=5b14afda-3a29-4288-b80c-52c216ae6cd9" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### 자주 묻는 질문

<details>

<summary><strong>왜 템플릿이 "이미지는 생성하지 마세요"로 시작하나요?</strong></summary>

이 단계의 결과물은 텍스트입니다. 이 지시가 없으면 이미지를 받은 대화형 AI는 보통 프롬프트를 작성하지 않고 이미지를 반환합니다.

</details>

<details>

<summary><strong>마지막의 영어 문단도 번역할 수 있나요?</strong></summary>

아니요. 그 문단에는 이미지 품질 키워드가 들어 있으며, 이미지 모델은 원래 영어를 가장 안정적으로 인식합니다. 이를 번역하거나 다시 쓰면 출력 품질이 낮아집니다.

</details>

<details>

<summary><strong>제품의 형태와 디자인을 왜 설명하지 않나요?</strong></summary>

제품의 외형은 업로드한 사진에서 가져옵니다. 프롬프트에 "호박색 유리 펌프 병" 같은 문구가 있으면, 이미지 모델은 그 텍스트를 바탕으로 새 병을 그리게 되어 사용자의 제품과 일치하지 않게 됩니다.

</details>

<details>

<summary><strong>다중 제품 이미지의 크기 비율이 일관되지 않고 그림자의 방향도 서로 다릅니다.</strong></summary>

다중 제품 템플릿에서 다음 두 제약이 삭제되었는지 확인하세요: "항상 배치와 앞뒤 및 높이의 위계를 명시"와 "모든 제품은 같은 조명 방향과 그림자 논리를 공유".<br>

</details>

***

## 아이디어 도출 프롬프트 만들기 <a href="#ideation-prompt" id="ideation-prompt"></a>

Google의 Gemini와 같은 AI 채팅 도구를 사용해 브랜드 스타일, 색상 팔레트, 핵심 요소, 재질, 카메라 앵글 등의 요소를 바탕으로 아이디어 도출 프롬프트를 만드세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FLn8vNaw56imHGHHEkwKG%2FGroup%2093.png?alt=media&amp;token=4595c547-f5b7-4e61-8162-6e1f624137d4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FybQkO2eC2OfK41VjJHHH%2FGroup%2096.png?alt=media&amp;token=9ade2fcc-85ed-49fa-b294-0fba4cfdd098" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed url="<https://app.arcade.software/share/HKi3t58cPsThjBcmvcfR>" flowId="HKi3t58cPsThjBcmvcfR" %}

{% @arcade/embed url="<https://app.arcade.software/share/00ew3OElfRMKiPGC5dHc>" flowId="00ew3OElfRMKiPGC5dHc" %}

{% @arcade/embed url="<https://app.arcade.software/share/4sMaFIH6rKnQarfuG03F>" flowId="4sMaFIH6rKnQarfuG03F" %}

### 사용 방법

{% stepper %}
{% step %}

#### 시각 가이드라인을 결정하세요

다음 내용을 결정해야 합니다:

1. 브랜드 스타일
2. 색상 팔레트
3. 핵심 요소
4. 재질
5. 카메라 앵글

\
이 요소들은 브랜드 가이드라인에서 추출하거나 AI를 사용해 만들 수 있으며, 필요에 따라 다음 단계를 따르세요:
{% endstep %}

{% step %}

#### 시각 가이드라인이 없다면

기존 브랜드 문서나 시각 자료에서 추출하거나, 처음부터 직접 만들 수 있습니다:

<details>

<summary><i class="fa-file-lines">:file-lines:</i> <strong>기존 브랜드 가이드라인 문서</strong></summary>

브랜드 가이드라인을 바탕으로 이미지 세트를 일관되게 유지하는 가장 좋은 방법은 모든 설명을 직접 작성하는 것입니다. 그러나 AI 채팅에 브랜드 가이드라인 파일의 모든 정보를 추출하도록 요청할 수도 있습니다:

1. 브랜드 가이드라인 파일을 AI 채팅에 업로드하세요(더 나은 결과를 위해 Beachside는 Google Gemini를 권장합니다).
2. 다음 프롬프트를 사용해 시각 가이드라인을 추출하세요:

{% code title="텍스트 프롬프트" overflow="wrap" %}

```
첨부된 문서를 바탕으로 시각적 요소를 추출하도록 도와주세요.
이미지는 생성하지 마세요.

다음 각 항목을 추출하세요:
1. 브랜드 스타일
2. 색상 팔레트
3. 핵심 요소
4. 재질
5. 카메라 앵글

결과는 키워드만으로 구성하고 위의 5개 카테고리 아래에 각각 정리해야 합니다.
```

{% endcode %}

</details>

<details>

<summary><i class="fa-image">:image:</i> <strong>기존 참조 이미지 사용</strong></summary>

1. 하나 또는 여러 개의 이미지 참조를 AI 채팅에 업로드하세요(더 나은 결과를 위해 Beachside는 Google Gemini를 권장합니다).
2. 다음 프롬프트를 사용해 시각 가이드라인을 추출하세요:

{% code title="텍스트 프롬프트" overflow="wrap" %}

```
첨부된 이미지를 바탕으로 시각적 요소를 추출하도록 도와주세요.
이미지는 생성하지 마세요.

다음 각 항목을 추출하세요:
1. 브랜드 스타일
2. 색상 팔레트
3. 핵심 요소
4. 재질
5. 카메라 앵글

결과는 키워드만으로 구성하고 위의 5개 카테고리 아래에 각각 정리해야 합니다.
```

{% endcode %}

</details>

<details>

<summary><i class="fa-square-dashed-circle-plus">:square-dashed-circle-plus:</i> <strong>AI 채팅으로 처음부터 만들기</strong></summary>

AI를 사용해 넓은 개념에서 키워드 묶음을 생성하세요(예: 고급스러운 빨간 선물 세트, 금색 포장 압축 파우더, 휴일 분위기). 이후 다듬을 만한 유망한 옵션을 선택하세요.

{% code title="텍스트 프롬프트" overflow="wrap" %}

```
"〇〇〇〇" 요소를 바탕으로 아이디어를 브레인스토밍해 주세요.
이미지는 생성하지 마세요.

〇〇〇〇(브랜드/제품/스타일...)를 바탕으로 다음 항목별로 5가지 아이디어를 나열하세요:
- 색상 팔레트
- 주요 장면 요소(소품, 재질...)
- 카메라 앵글
- 장면 조명

결과에는 아이디어 번호, 한 줄 설명, 키워드가 포함되어야 합니다. 목표는 완성형 문구가 아니라 선택하기 쉬운 방식으로 정리하는 것입니다.
```

{% endcode %}

</details>
{% endstep %}

{% step %}

#### 다음 템플릿을 복사해 붙여넣으세요

***

텍스트 프롬프트를 만드세요.\
이미지는 생성하지 마세요.

다음 요소들을 영감으로 사용하여 *<mark style="color:초록색;background-color:green;">**3개의 서로 다른 시나리오에 대한 텍스트 설명을 작성하세요.**</mark>*

* 브랜드/스타일 인상: *<mark style="color:빨간색;background-color:$danger;">**여기에 설명을 입력하세요**</mark>*
* 색상 팔레트: *<mark style="color:빨간색;background-color:$danger;">**여기에 설명을 입력하세요**</mark>*
* 핵심 요소: *<mark style="color:빨간색;background-color:$danger;">**여기에 설명을 입력하세요**</mark>*
* 재질/질감: *<mark style="color:빨간색;background-color:$danger;">**여기에 설명을 입력하세요**</mark>*
* 카메라 앵글: *<mark style="color:빨간색;background-color:$danger;">**여기에 설명을 입력하세요**</mark>*

각 시나리오에 제품을 배치하세요(텍스트 설명에서는 항상 "제품"이라고 지칭). 이 과정은 인쇄 광고용 비주얼을 만들기 위한 것입니다.

설명을 작성할 때 다음 가이드라인을 따르세요: ​

* 각 설명은 하나의 연속된 문단으로 작성하세요;
* 이미지에 보이는 항목은 지칭할 때 반드시 "제품"이라는 단어만 사용하세요; 제품의 형태, 디자인 또는 기타 구체적 특징은 설명하지 마세요;
* 장면 안에서 제품의 위치와 주변의 여백을 명확하게 명시하세요;
* 3개의 장면은 색상 차이만이 아니라 서로 뚜렷하게 달라야 합니다;
* 위의 요소들과 일관된 스타일을 유지하면서 명시되지 않은 세부사항(예: 배경, 표면, 조명 세부사항 등)은 직접 채워 넣으세요;
* 텍스트, 로고, 사람은 포함하지 마세요.

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
텍스트 프롬프트를 만드세요.
이미지는 생성하지 마세요.
다음 요소들을 영감으로 사용하여 3개의 서로 다른 시나리오에 대한 텍스트 설명을 작성하세요.

- 브랜드/스타일 인상: 여기에 설명을 입력하세요
- 색상 팔레트: 여기에 설명을 입력하세요
- 핵심 요소: 여기에 설명을 입력하세요
- 재질/질감: 여기에 설명을 입력하세요
- 카메라 앵글: 여기에 설명을 입력하세요

각 시나리오에 제품을 배치하세요(텍스트 설명에서는 항상 "제품"이라고 지칭). 이 과정은 인쇄 광고용 비주얼을 만들기 위한 것입니다.

설명을 작성할 때 다음 가이드라인을 따르세요: ​
- 각 설명은 하나의 연속된 문단으로 작성하세요;
- 이미지에 보이는 항목은 지칭할 때 반드시 "제품"이라는 단어만 사용하세요; 제품의 형태, 디자인 또는 기타 구체적 특징은 설명하지 마세요;
- 장면 안에서 제품의 위치와 주변의 여백을 명확하게 명시하세요;
- 3개의 장면은 색상 차이만이 아니라 서로 뚜렷하게 달라야 합니다;
- 위의 요소들과 일관된 스타일을 유지하면서 명시되지 않은 세부사항(예: 배경, 표면, 조명 세부사항 등)은 직접 채워 넣으세요;
- 텍스트, 로고, 사람은 포함하지 마세요.

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
```

{% endprompt %}
{% endstep %}

{% step %}

### 템플릿 편집

다음 영역을 편집해야 합니다 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>*&#xB2E4;음 영역에서 *<mark style="color:초록색;background-color:green;">**초록색**</mark>* 필요한 경우 수정해야 합니다.

{% hint style="info" %}

* 한 번에 5개 이하의 프롬프트로 제한하세요: 그 이상이면 결과가 서로 반복되기 시작합니다.
* 시각 정보를 담는 단어를 사용하고, 판단은 피하세요: "와비사비, 절제된 럭셔리" 또는 "따뜻한 흙빛 톤, 무광 트라버틴"
* 최소한 색상 팔레트와 핵심 요소는 유지해야 AI가 브랜드에 맞게 유지할 충분한 방향을 가질 수 있습니다.
* 핵심 요소, 재질/질감, 카메라 앵글만 구체적으로 작성하면 됩니다. 브랜드/스타일 인상과 색상 팔레트는 방향성만 유지하면 됩니다. 이를 과도하게 구체화하면 AI가 차이를 둘 여지가 없어지고, 세 장면이 거의 동일하게 나옵니다.
  {% endhint %}

편집 후 프롬프트는 다음과 같습니다:

***

텍스트 프롬프트를 만드세요.\
이미지는 생성하지 마세요.

다음 요소들을 영감으로 사용하여 *<mark style="color:초록색;">`3개의 완전히 새로운 장면에 대한 텍스트 설명을 작성하세요:`</mark>*

* 브랜드 / 스타일 인상: *<mark style="color:빨간색;">`Reeee 와비사비 절제된 럭셔리`</mark>*
* 색상 팔레트: *<mark style="color:빨간색;">`따뜻한 흙빛 톤; 베이지 트라버틴 베이스`</mark>*
* 핵심 요소: *<mark style="color:빨간색;">`겹쳐 쌓인 수건`</mark>*
* 재질 / 질감: *<mark style="color:빨간색;">`자연 트라버틴, 부드러운 테리 천`</mark>*
* 카메라 앵글: *<mark style="color:빨간색;">`약간 높은 각도의 눈높이 시점; 중간 클로즈업 샷`</mark>*

다음 가이드라인에 따라 텍스트 설명을 작성하세요:

* 각 텍스트 설명을 하나의 독립된 문서로 작성하세요
* 제품이 장면에서 어디에 놓이는지, 그리고 그 주위에 얼마나 많은 여백이 남는지 항상 명시하세요
* 제품과 주변의 모든 요소는 하나의 광원을 공유해야 하며, 모든 그림자는 같은 방향으로 떨어져야 합니다
* 3개의 장면은 색상만이 아니라 서로 분명히 달라야 합니다
* 요소들이 명시하지 않은 부분은 위의 요소들과 같은 분위기를 유지하면서 직접 채워 넣으세요
* 제품의 형태, 디자인 또는 기타 특성은 절대 설명하지 마세요

이미지 품질을 향상시키려면, 프롬프트 끝에 다음 문구를 영어 원문 그대로 항상 정확히 포함하세요: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
{% endstep %}

{% step %}

### 필요한 경우 결과를 확인하고 편집하세요

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FD8FsvQFZiVpj2Pi9ZDEA%2Fimage%2069.png?alt=media&amp;token=e88d97ca-6c55-4fe3-9619-a9b4dd70282c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Beachside에서 프롬프트 사용하기

다음 단계를 따르세요:

1. 새 장면을 만드세요.
2. 제품(또는 제품들)을 새 장면에 배치하세요.
3. 작성한 프롬프트 중 하나를 붙여넣으세요.
4. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FNeRMFdN5kHLdKIwbWAfr%2Fimage.png?alt=media&amp;token=986ab066-b1cc-4292-b7dd-424a90e12310" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### 자주 묻는 질문<br>

<details>

<summary><strong>일관된 이미지 시리즈를 얻으려면 어떻게 하나요?</strong></summary>

요소는 고정하고 구도만 바꾸세요. 팔레트, 재질, 조명은 유지하고 소품과 시점만 바꾸면 세 개의 프롬프트가 같은 세계를 세 가지 각도에서 본 것처럼 읽힙니다. 매번 요소를 바꾸면 시리즈가 무너집니다.

</details>

***

<br>

## 손상된 제품 이미지 품질 복원

왜곡된 제품 이미지를 복원하거나 누락된 세부사항을 복원하세요. 일관된 질감의 균형 잡힌 이미지를 만드세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FD1ca4zgqyvVdSd3d5pNS%2Fgitbook_task_upscale.png?alt=media&amp;token=05d5f356-323c-4654-9150-75a4838ce1b1" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed url="<https://app.arcade.software/share/OkbMsJbfWernHM4i90p9>" flowId="OkbMsJbfWernHM4i90p9" %}

### 방법

{% stepper %}
{% step %}

#### 이미지 레이어 분리

복원이 필요한 이미지를 Beachside에 업로드하고 "레이어 분리"로 처리하세요.

* 후속의 독립적인 처리를 위해 제품과 배경을 두 개의 아트보드로 분리하세요.

다음 단계를 따르세요:

1. 새 장면을 만드세요.
2. 새 장면에 장면 그래프를 배치하세요.
3. 마우스 오른쪽 버튼을 클릭하고 다음을 선택하세요 <kbd><mark style="color:$primary;">**레이어로 분리**<mark style="color:$primary;"></kbd>.
4. 레이어 분리가 완료되면 배경과 제품을 각각 새 장면에 복사하세요

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fdinreul2ASL0K4uAwXWj%2FSPLIT.png?alt=media&amp;token=90947d45-dd83-4194-a506-a98e996e53a1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 다음 템플릿을 복사해 붙여넣으세요

배경 캔버스를 선택하고 "모델 생성" 작업을 선택한 다음 다음 프롬프트를 입력하세요.

***

* 배경의 이미지 품질을 복원하세요
* *<mark style="color:빨간색;background-color:$danger;">**여기에 추가 요청 사항을 입력하세요**</mark>*
* 다른 시각 요소는 변경하지 마세요.

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
배경의 이미지 품질을 복원하세요.
여기에 추가 요청 사항을 입력하세요
다른 시각 요소는 변경하지 마세요.
```

{% endprompt %}
{% endstep %}

{% step %}

#### 프롬프트 템플릿 편집

다음 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>*&#xB85C; 표시된 영역을 편집해야 합니다. 추가 요구 사항이 없다면 "여기에 추가 요구 사항을 입력하세요"를 삭제하는 것을 잊지 마세요.

{% hint style="info" %}

* **추상적이기보다 구체적으로 작성하세요:**

  "자연스러움을 더하세요" 대신 "배경의 하늘에 있는 부자연스러운 색상 그라데이션을 수정하세요"라고 작성하세요.
  {% endhint %}

편집 후 프롬프트는 다음과 같습니다:

***

* 배경의 이미지 품질을 복원하고,
* 부자연스러운 하늘 색상 그라데이션을 수정하세요
* 다른 시각 요소는 변경하지 마세요.

***

{% endstep %}

{% step %}

### 제품을 배경 위에 배치하세요

복원된 배경에 제품 레이어를 붙여넣고 위치를 조정하세요. "콤보" 작업을 사용해 제품과 배경을 합성하세요.

다음 단계를 따르세요:

1. 텍스트 도구를 사용해 제품을 선택하세요.
2. 프롬프트를 입력하세요: "*`제품을 배경에 자연스럽게 통합하세요.`*"
3. 참조 이미지를 추가하고 "제품 조명 및 그림자"라고 라벨을 붙이세요.
4. Nano Banana pro가 선택된 모델인지 확인하세요.
5. 다음이 [정밀 모드](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) 가 선택되어 있는지 확인하세요.
6. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fik7pklsWnYWdgtEVF9rB%2FProduct%20Integration.png?alt=media&amp;token=51c06690-ad69-4bbe-a8c9-be68f3900966" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 기존 제품 복원

제품이 왜곡된 경우 원하는 최종 각도에 맞게 교체하기 위해 다음 순서대로 진행하세요. 제품 세부사항을 복원하려면 <kbd><mark style="color:$primary;">**콤보**<mark style="color:$primary;"></kbd>를 사용하세요:

1. 다음을 사용하세요 <kbd><mark style="color:$primary;">**콤보 제품 참조**<mark style="color:$primary;"></kbd>기능
2. 각 제품에 대한 고해상도 제품 이미지를 추가하세요

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>누워 있는 각도/평면 각도처럼 일반적이지 않은 각도의 제품은 라벨이 어긋나는 것을 방지하기 위해 비슷한 각도의 제품을 사용하는 것이 좋습니다.</p></div>
3. 프롬프트를 입력하세요 *`제품 라벨을 최적화하고 제품 구조의 세부사항을 명확하게 렌더링하세요`*
4. Nano Banana pro가 선택된 모델인지 확인하세요.
5. 다음이 [정밀 모드](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) 가 선택되어 있는지 확인하세요.
6. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FP5HObCaCvSF4w3Pwbvq1%2FFix%20product%20labels.png?alt=media&amp;token=bef7ed6f-26c1-4086-a588-65f88ea34988" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 선택 단계: 배경에 합성하기 전에 새 제품 각도를 만드세요

참조 이미지를 바탕으로 제품 각도를 만드는 방법은 다음과 같습니다:

{% @arcade/embed url="<https://app.arcade.software/share/7dX9fpGAcg7ba6AQBRLW>" flowId="7dX9fpGAcg7ba6AQBRLW" %}
{% endstep %}
{% endstepper %}

### 자주 묻는 질문

<details>

<summary><strong>복원 후에도 여전히 흐릿하면 다시 실행해도 되나요?</strong></summary>

가능하지만 두 번까지만 하세요. 복원은 이전 결과를 기반으로 쌓이기 때문에 반복할수록 손실이 누적됩니다. 이는 반복 생성과 같은 방식으로 손실이 늘어나는 것이며, 세 번째나 네 번째 시도쯤 되면 얻는 것보다 잃는 것이 더 많아집니다. 두 번 해도 충분하지 않다면 현재 버전을 더 밀어붙이기보다, 더 이르고 더 선명한 버전으로 돌아가 그 버전에서 다시 시작하세요.

</details>

<details>

<summary><strong>배경이 다른 장면으로 바뀌었습니다</strong></summary>

프롬프트가 템플릿 범위를 벗어났습니다. 이 단계는 품질 복원을 위한 것이며 장면을 다시 만드는 것이 아닙니다. 마지막 문구 `다른 시각 요소는 변경하지 마세요` 가 나머지를 고정하는 역할을 하므로 절대 삭제하거나 바꾸지 마세요. 한 단계 뒤로 돌아가 템플릿에 단 하나의 구체적인 복원 지시만 추가해 제출하세요.

</details>

<details>

<summary><strong>제품이 사진이 아니라 붙여 넣은 것처럼 보입니다</strong></summary>

항상 참조 이미지를 추가하고 *제품 조명 및 그림자* 라고 라벨을 붙이세요 — 모델은 원본 프레임에서 빛이 어느 방향에서 왔는지 알아야 합니다. 그런 다음 세 가지를 확인하세요: 그림자 방향이 다른 요소들과 일치하는지, 제품이 표면과 만나는 지점에 접촉 그림자가 있는지, 가장자리에 흰 테두리가 없는지. 떠 있는 듯한 느낌은 대부분 접촉 그림자가 빠졌기 때문입니다.

</details>

***

## 손상된 인물 사진 이미지 품질 복원

왜곡된 인물 사진 이미지를 복원하거나 누락된 세부사항을 복원하세요. 일관된 질감의 균형 잡힌 이미지를 만드세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fh7KPKRqn5fQINpLqjxOP%2Fgitbook_task_upscale.png?alt=media&amp;token=a038f733-f5a3-4a4e-b834-e71a602f399a" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed flowId="PtkvKNQjStCohGUts9UZ" url="<https://app.arcade.software/share/PtkvKNQjStCohGUts9UZ>" %}

### 방법

{% stepper %}
{% step %}

#### &#x20;이미지를 2개로 나누세요: 인물과 배경

복원할 이미지를 업로드한 뒤 레이어로 분리하세요. 인물은 제품보다 더 복잡하고 제품을 들고 있으므로 배경 제거 기능은 권장하지 않습니다:

1. 새 장면 만들기
2. 수정이 필요한 이미지를 추가하세요
3. 마우스 오른쪽 버튼을 클릭하고 다음을 선택하세요 <kbd><mark style="color:$primary;">**레이어로 분리**<mark style="color:$primary;"></kbd>.
4. 레이어 분리가 완료될 때까지 기다린 뒤 배경을 삭제하고 인물만 남기세요. 장면 아래 도구 메뉴에서 사각형 도형을 선택해 인물 뒤에 흰색 단색 배경을 추가하세요.

이제 같은 과정을 반복하되 인물을 제거하세요:

1. 새 장면 만들기
2. 선택하세요 <kbd><mark style="color:$primary;">**모델 생성**<mark style="color:$primary;"></kbd>
3. 인물을 제거하려면 다음 프롬프트를 입력하세요: *`모델을 제거하고 배경을 복원하세요`*

다음 두 이미지를 얻게 됩니다:&#x20;

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fu8VbTzpHFX7WniCe5AQl%2FSplit%20vision2.png?alt=media&amp;token=b6373806-5560-4d7b-8a00-608be4209fd2" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### AI 채팅 플랫폼을 사용해 프롬프트를 만드세요

배경과 여성을 각각 선호하는 AI 채팅 플랫폼(Gemini, ChatGPT, Claude)에 제공하여 최적화가 필요한 세부사항에 대한 프롬프트를 생성하세요. 다음 단계는 배경과 인물에 대해 각각 따로 수행해야 합니다.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F9ZIuVUAz5slbL7RgiWZt%2FSPLIT.png?alt=media&amp;token=c2fda95a-6d70-4e44-8ea0-3e16df3e62dd" alt=""><figcaption></figcaption></figure>

한 번에 한 이미지씩 다음 프롬프트를 사용하세요:

***

첨부된 이미지를 바탕으로 복원 버전에 필요한 전체 시각 프롬프트 세트를 추출해 주세요; 이미지는 생성하지 마세요. 각 항목의 재질에 대한 상세 설명을 제공하고, 색상, 배치, 재질을 정확하게 재현하세요. \
\
&#x20;*<mark style="color:빨간색;background-color:$danger;">**여기에 추가 요청 사항을 입력하세요.**</mark>*&#x20;

프롬프트는 반드시 다음 문장으로 시작해야 합니다: "참조 이미지를 바탕으로 완벽하게 복원하세요."

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
첨부된 이미지를 바탕으로 복원 버전에 필요한 전체 시각 프롬프트 세트를 추출해 주세요; 이미지는 생성하지 마세요. 각 항목의 재질에 대한 상세 설명을 제공하고, 색상, 배치, 재질을 정확하게 재현하세요. 

여기에 추가 요청 사항을 입력하세요. 

프롬프트는 반드시 다음 문장으로 시작해야 합니다: "참조 이미지를 바탕으로 완벽하게 복원하세요."
```

{% endprompt %}
{% endstep %}

{% step %}

#### 프롬프트를 편집하세요

다음 영역을 편집해야 합니다 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>*. 추가적인 구체적 재질 요구사항이 없다면 "여기에 추가 요청 사항을 입력하세요"를 삭제하는 것을 잊지 마세요. AI 채팅이 재질을 올바르게 이해하지 못할 수 있으니 프롬프트를 읽고 필요한 정보를 추가하세요.

{% hint style="info" %}
**추상적이기보다 구체적으로 작성하세요:** "석재 표면" 대신 "무광 석재 표면"이라고 작성하세요.
{% endhint %}

편집 후 프롬프트는 다음과 같습니다:&#x20;

***

첨부된 이미지를 바탕으로 복원 버전에 필요한 전체 시각 프롬프트 세트를 추출해 주세요; 이미지는 생성하지 마세요. 각 항목의 재질에 대한 상세 설명을 제공하고, 색상, 배치, 재질을 정확하게 재현하세요.

*<mark style="color:빨간색;">`머리카락은 더 자세히 설명해야 합니다. 뭉친 가닥이 아니라 풍성한 질감이어야 합니다. 피부 질감은 매끄럽고 결점이 없어서는 안 되며, 실제 같은 모공과 결이 있어야 합니다. 여성의 조끼는 메쉬 소재입니다.`</mark>*

프롬프트는 반드시 다음 문장으로 시작해야 합니다: "참조 이미지를 바탕으로 완벽하게 복원하세요."

***

{% endstep %}

{% step %}

#### Beachside에서 프롬프트를 사용하세요

다음 단계를 따르세요:

1. 새 장면을 만드세요.
2. 수정이 필요한 이미지를 새 장면에 배치하세요.
3. AI 채팅에서 생성된 프롬프트 텍스트를 붙여넣으세요.
4. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

각 레이어를 복원한 결과는 다음과 같습니다:

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvgKAcOQdP10kzd01B8LD%2FGroup%2093.png?alt=media&amp;token=94aef70f-2ce0-4b76-b700-327f3aeba518" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPTN4lHDkej2MENEHfbYE%2FGroup%2094.png?alt=media&amp;token=3eea9fcc-50f0-45df-812c-9861dca8f618" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### 복원된 이미지들을 함께 합성하세요

콤보를 사용해 복원된 배경과 모델을 합성하세요

다음 단계를 따르세요:

1. 새 장면 만들기
2. 선택하세요 <kbd><mark style="color:$primary;">**콤보**<mark style="color:$primary;"></kbd> 작업
3. 배경 이미지를 배치하세요
4. 이미지 스티커(이미지 참조 스티커)를 추가하고 여성 이미지를 업로드하세요. 이미지를 자연스럽게 통합하기 위한 힌트를 반드시 추가해야 합니다. 무엇이 장면인지 매우 구체적으로 설명해야 합니다. 예를 들어: *<mark style="color:빨간색;background-color:red;">`이미지 속 인물을 자연스럽게 통합하세요. 한 여성이 카펫에 앉아 소파에 부드럽게 기대며 머리를 말리고 있습니다. 나머지 배경은 완전히 그대로 유지하세요`</mark>*
5. 제약 프롬프트 추가\
   수정 범위를 제한하고 특수 재질에 대한 사양을 추가하여 AI가 대상의 재질 특성을 최대한 보존하도록 하세요.\
   텍스트 프롬프트 상자에 다음 프롬프트를 추가하세요: *<mark style="color:빨간색;background-color:red;">`원본 배경 이미지의 물체 질감과 고해상도 효과를 보존하세요. 소파와 카펫의 진정한 질감을 보존하세요`</mark>*
6. 참조 이미지를 추가하세요\
   AI가 필요한 위치나 색 구성에 대해 참고할 수 있도록 원본 이미지(복원 전)를 추가하세요. 이 이미지가 무엇을 위한 것인지 Beachside에 설명 텍스트를 추가해 알려주는 것이 중요합니다: *<mark style="color:빨간색;background-color:red;">`여성의 위치와 크기를 참고하세요`</mark>*
7. 정밀 모드 선택
8. 생성

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F1J1TNmYDa54K5grIVgbK%2FGroup%2090.png?alt=media&amp;token=280a98d6-eed9-4788-b8f0-1ef66099261e" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### 자주 묻는 질문

<details>

<summary><strong>"부정 프롬프트 추가" 단계는 필수인가요? 추가하지 않으면 어떻게 되나요?</strong></summary>

이 기능은 "콤보" 단계에서 변경 범위를 고정하는 역할을 합니다. "나머지는 모두 그대로 유지하고 원래 질감과 재질 특성을 보존하세요" 같은 프롬프트를 추가하면 모델이 다른 배경 요소의 질감을 의도치 않게 다시 생성하는 것을 막을 수 있습니다. 이 지시가 없으면 캐릭터만 교체하려던 의도와 달리 소파와 카펫의 질감까지 바뀔 수 있습니다.

</details>

<details>

<summary><strong>생성된 재질 프롬프트가 때때로 매우 길고, 실제로는 일부만 실행되나요?</strong></summary>

프롬프트에 아주 세부적인 내용을 너무 많이 넣으면 AI는 가장 중요한 요소를 우선시하고, 뒤쪽에 배치된 설명이나 주요 시각을 크게 바꾸지 않는 설명은 종종 무시합니다. Gemini의 출력물을 받으면 먼저 직접 정리하세요. 이미지에 가장 큰 영향을 주는 재질 세부사항 3\~5개만 남기세요(예: 머리카락의 볼륨감, 피부 질감).

</details>

<details>

<summary><strong>같은 인물 사진을 여러 번 복원했더니 얼굴 특징의 세부사항이 점점 "엉뚱한 방향"으로 가는 것 같습니다. 계속 진행해도 되는지 어떻게 판단하나요?</strong></summary>

생성할 때마다 얼굴 세부사항은 원본 소스 이미지를 기반으로 하는 것이 아니라 이전 결과를 바탕으로 다시 생성됩니다. 두 번 다듬은 뒤에는 현재 결과와 원본 얼굴을 얼굴 비율과 윤곽선 기준으로 비교하세요. 이미 차이가 뚜렷하다면 이 버전은 더 이상 다듬지 마세요. 대신 원본 소스 이미지로 돌아가 다시 시작하고, 현재 버전에 수정을 계속 덧붙이지 마세요.

</details>

***

## 3D 타이포그래피

참조 이미지를 사용해 타이포그래피 효과를 복제하세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FYhxTFH5tyXMXGLHljCom%2F%E5%AD%97%E4%BD%93%EF%BC%92.png?alt=media&amp;token=11dd41fd-6ef6-49ca-b5ff-2d6ec8046410" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FN6O3IKaG0EUHcxjahYQx%2F%E5%AD%97%E4%BD%93.png?alt=media&amp;token=a4dadf9f-6980-4d6d-9260-c49da211af0c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F4woZ0T166ghXw0gz9Z7I%2F%E5%AD%97%E4%BD%935.png?alt=media&amp;token=8750a6b0-fd24-4e11-89c2-bfafb936df2b" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed flowId="GlAhr8vzz5VL3KNzBtjv" url="<https://app.arcade.software/share/GlAhr8vzz5VL3KNzBtjv>" %}

### 방법

{% stepper %}
{% step %}

#### "텍스트" 도구를 사용해 텍스트를 입력하세요

다음 단계를 따르세요:

1. Beachside에서 새 장면 만들기
2. 단색 배경 추가
3. 다음 <kbd><mark style="color:$primary;">**텍스트**<mark style="color:$primary;"></kbd> 도구
4. 텍스트 입력
   {% endstep %}

{% step %}

#### 콤보 도구를 사용해 3D 효과를 만드세요.

다음 단계를 따르세요:

1. 다음 <kbd><mark style="color:$primary;">**콤보**<mark style="color:$primary;"></kbd> 도구
2. 시각적 참조 업로드
3. 주석:*<mark style="color:빨간색;background-color:$danger;">**글꼴 및 3D 효과**</mark>*
4. 제출

#### 템플릿 편집

다음을 편집할 수 있습니다 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>**&#x20;***  프롬프트; 예를 들어 "서체 디자인", "3D 시각물", "폰트 교체 효과" 또는 기타 구체적인 참조 내용으로 바꿀 수 있습니다.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVy1DnbTTVOEn51MA3mRy%2FGroup%202.png?alt=media&amp;token=6c42cf59-1eb6-4587-bdde-f7b18c618269" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### 자주 묻는 질문

<details>

<summary><strong>스타일을 적용할 때, 참조 이미지는 원본 평면 텍스트를 사용해야 하나요, 아니면 최종 렌더링된 3D 버전을 사용해야 하나요?</strong></summary>

완성된 3D 렌더를 참조 이미지로 사용해야 합니다. 재질과 조명에 대한 정보는 원본 평면 텍스트 레이어가 아니라 렌더링 결과에만 있으므로, 평면 텍스트를 참조로 사용하면 합성 도구가 그 세부사항을 "복사"할 근거가 없습니다.

</details>

<details>

<summary><strong>서체 디자인에도 사용할 수 있나요?</strong></summary>

네. 콤보 단계의 주석 텍스트는 완전히 편집 가능합니다. 빨간색으로 표시된 부분은 다음과 같은 재질 설명보다 더 많은 내용을 담을 수 있습니다 `폰트 효과` 또는 `3D 시각물`; 대신 다음과 같이 작성할 수 있습니다 `서체 디자인` 라고 쓰세요. 그렇게 하면 Combo는 더 이상 참조 이미지의 재질과 조명만을 복제하는 것이 아니라, 획 굵기, 연결 획, 장식 요소까지 글자 형태 자체를 통째로 복제해 텍스트에 적용합니다.

</details>

***

## 팩샷의 사실적인 합성

AI 채팅 도구를 사용해 비현실적으로 보이는 부분을 찾아보세요. 그런 다음 수정 프롬프트를 사용해 장면 속 제품이 자연스럽게 보이도록 하세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F0zsVgCZrs6jTpNETWQnf%2FSplit%20vision.png?alt=media&amp;token=89e7595f-a64f-4752-b40c-14df59c4a989" alt=""><figcaption></figcaption></figure>

### 대화형 튜토리얼

{% hint style="info" icon="language" %}
**튜토리얼 언어를 변경하는 방법**\
튜토리얼은 기본적으로 영어로 표시됩니다. 이 튜토리얼을 다른 언어로 보려면 오른쪽 상단 모서리에 마우스를 올린 뒤 <i class="fa-language">:language:</i> **언어**.
{% endhint %}

{% @arcade/embed flowId="EIgaio37Y4gamLkU2Dxd" url="<https://app.arcade.software/share/EIgaio37Y4gamLkU2Dxd>" %}

### 방법

{% stepper %}
{% step %}

#### AI 채팅 플랫폼을 사용해 프롬프트를 만드세요

최적화가 필요한 세부사항에 대한 프롬프트를 생성할 수 있도록 선호하는 AI 채팅 플랫폼(Gemini, ChatGPT, Claude 등)에 이미지를 제공해 주세요.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FtZvraRX3mBi5HJLkZbBS%2FGroup%201.png?alt=media&amp;token=628c4694-1947-4ce4-ac46-d4728b7eb3b6" alt=""><figcaption></figcaption></figure>

한 번에 한 이미지씩만 다음 프롬프트와 함께 사용하세요:

***

이 이미지를 분석해 주세요.\
이미지는 생성하지 마세요.

제품이 실제로 촬영된 것처럼 보이지 않는 요소를 찾아보세요. 제품의 반사와 굴절, 각도와 원근, 제품 재질이 환경에서 어떻게 작용하는지, 조명이 실제 사진 촬영과 일치하는지 확인하고 각 항목별로 자세한 수정 내용을 제시하세요.

배경의 각도는 바꾸지 말고 제품의 각도를 배경의 촬영 각도에 맞추세요.

전체 장면을 자연스럽게 합성하세요. 여러 제품이 함께 배치된 경우 조명을 현실적이고 자연스럽게 만드세요: 배경과 동일한 키 라이트로 모든 제품을 비추되, 각 제품이 광원과 얼마나 떨어져 있는지에 따라 밝기는 약간 다르게 하세요. 광원에 가까운 제품은 약간 더 밝게, 먼 제품은 약간 더 어둡게 보이도록 하세요.

전경과 배경에 현실감 있는 초점을 맞추세요.

광택 있는 제품 표면이 주변 환경과 물체를 사실적으로 반사하도록 하세요.

*<mark style="color:빨간색;background-color:$danger;">**여기에 추가 요청 사항을 입력하세요**</mark>*

복사해 바로 사용할 수 있는 수정 프롬프트 하나만 출력하세요. 반드시 "제공한 재질을 바탕으로 복원하세요"로 시작하고 "제품의 라벨, 텍스트, 구조 및 기타 시각 요소는 변경하지 마세요."로 끝나야 합니다.

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
이 이미지를 분석해 주세요. 
이미지는 생성하지 마세요.

제품이 실제로 촬영된 것처럼 보이지 않는 요소를 찾아보세요. 제품의 반사와 굴절, 각도와 원근, 제품 재질이 환경에서 어떻게 작용하는지, 조명이 실제 사진 촬영과 일치하는지 확인하고 각 항목별로 자세한 수정 내용을 제시하세요.
배경의 각도는 바꾸지 말고 제품의 각도를 배경의 촬영 각도에 맞추세요.
전체 장면을 자연스럽게 합성하세요. 여러 제품이 함께 배치된 경우 조명을 현실적이고 자연스럽게 만드세요: 배경과 동일한 키 라이트로 모든 제품을 비추되, 각 제품이 광원과 얼마나 떨어져 있는지에 따라 밝기는 약간 다르게 하세요. 광원에 가까운 제품은 약간 더 밝게, 먼 제품은 약간 더 어둡게 보이도록 하세요.
전경과 배경에 현실감 있는 초점을 맞추세요.

광택 있는 제품 표면이 주변 환경과 물체를 사실적으로 반사하도록 하세요.

여기에 추가 요청 사항을 입력하세요

복사해 바로 사용할 수 있는 수정 프롬프트 하나만 출력하세요. 반드시 "제공한 재질을 바탕으로 복원하세요"로 시작하고 "제품의 라벨, 텍스트, 구조 및 기타 시각 요소는 변경하지 마세요."로 끝나야 합니다.

```

{% endprompt %}
{% endstep %}

{% step %}

### 프롬프트 편집

다음 영역을 편집해야 합니다 *<mark style="color:빨간색;background-color:$danger;">**빨간색**</mark>* . 추가적인 구체적 재질 요구사항이 없다면 "여기에 추가 요청 사항을 입력하세요"를 삭제하는 것을 잊지 마세요. AI 채팅이 재질을 올바르게 이해하지 못할 수 있으니 프롬프트를 읽고 필요한 정보를 추가하세요.

{% hint style="danger" %}
**요청 사항을 제대로 작성하세요**\
출력을 제어하고 싶다면 명확하게 작성하는 것이 매우 중요합니다. 예를 들어 제품의 광택이나 투명도를 제어하고 싶다면 그것을 적어야 합니다. 추상적이기보다 구체적으로 작성하세요: "광택 없음" 대신 "제품에 반짝이는 가장자리를 추가하지 마세요"라고 작성하세요.
{% endhint %}

편집 후 프롬프트는 다음과 같습니다:

***

이 이미지를 분석해 주세요.\
이미지는 생성하지 마세요.

제품이 실제로 촬영된 것처럼 보이지 않는 요소를 찾아보세요. 제품의 반사와 굴절, 각도와 원근, 제품 재질이 환경에서 어떻게 작용하는지, 조명이 실제 사진 촬영과 일치하는지 확인하고 각 항목별로 자세한 수정 내용을 제시하세요.

배경의 각도는 바꾸지 말고 제품의 각도를 배경의 촬영 각도에 맞추세요.

전체 장면을 자연스럽게 합성하세요. 여러 제품이 함께 배치된 경우 조명을 현실적이고 자연스럽게 만드세요: 배경과 동일한 키 라이트로 모든 제품을 비추되, 각 제품이 광원과 얼마나 떨어져 있는지에 따라 밝기는 약간 다르게 하세요. 광원에 가까운 제품은 약간 더 밝게, 먼 제품은 약간 더 어둡게 보이도록 하세요.

전경과 배경에 현실감 있는 초점을 맞추세요.

광택 있는 제품 표면이 주변 환경과 물체를 사실적으로 반사하도록 하세요.

<mark style="color:빨간색;">`향수의 좌우 각도를 바꾸지 마세요. 정면을 향하게 유지하되, 위아래 시청 각도는 조절할 수 있습니다.`</mark>

복사해 바로 사용할 수 있는 수정 프롬프트 하나만 출력하세요. 반드시 "제공한 재질을 바탕으로 복원하세요"로 시작하고 "제품의 라벨, 텍스트, 구조 및 기타 시각 요소는 변경하지 마세요."로 끝나야 합니다.

***

{% endstep %}

{% step %}

### Beachside에서 프롬프트를 사용하세요

다음 단계를 따르세요:

1. 새 장면을 만드세요.
2. 수정이 필요한 이미지를 새 장면에 배치하세요.
3. AI 채팅에서 생성된 프롬프트 텍스트를 붙여넣으세요.
4. Nano Banana pro가 선택된 모델인지 확인하세요.
5. 다음이 [정밀 모드](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) 가 선택되어 있는지 확인하세요.
6. 모든 설정을 확인한 후 다음을 선택하세요 <kbd><mark style="color:$primary;">**생성**<mark style="color:$primary;"></kbd>.

<figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F5GI8xe2zpj6qQ7ehoApd%2FGroup%2012.png?alt=media&amp;token=53d1b7cf-94b8-47ab-b2c6-6a91fb66ea3d" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/kr/learn/tutorials.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.