> 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/ch/ren-wu/light.md).

# 光照

直接在画布上精细调整场景光照。光照可让你调整方向、强度和位置，使产品自然融入其环境。

***

### 方向光照

<figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FboIE6JC1tao2kmrn7bfK%2Fgitbook_task_light_01.png?alt=media&amp;token=d9d8cd61-28a6-4d5d-ad67-8d129b38dc1f" alt=""><figcaption></figcaption></figure>

### 点光照

<figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPde3TVL5mqnD2PDGSB6n%2Fgitbook_task_light_02b.png?alt=media&amp;token=bf24ee1c-310d-4e21-97d3-e788c4c2041a" alt=""><figcaption></figcaption></figure>

***

## 交互式教程

{% hint style="info" icon="language" %}
**如何更改教程语言**\
教程默认以英文显示。要以其他语言查看本教程，请将鼠标悬停在右上角并选择 <i class="fa-language">:language:</i> **语言**.
{% endhint %}

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

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

***

## 使用方法

{% tabs %}
{% tab title="方向" %}

## 方向光照

方向光照可调节整个场景的全局光照。

{% hint style="info" %}
光照任务会“添加”光照，而不会改变你的场景光照。
{% endhint %}

{% stepper %}
{% step %}

#### 选择“光照”

在左侧任务菜单中，选择 <kbd><mark style="color:$primary;">**光照**<mark style="color:$primary;"></kbd>.

这将为你当前的场景打开光照工作区。
{% endstep %}

{% step %}

#### 上传产品图片

产品图片将用作前景元素。

你可以通过以下方式上传图片：

* 选择 <kbd><mark style="color:$primary;">**上传图片**<mark style="color:$primary;"></kbd> 在场景中
* 将电脑文件夹中的图片拖放进来
* 将屏幕左下角库面板中的图片拖放进来

上传后，产品将显示在场景中。
{% endstep %}

{% step %}

#### 选择方向光照

默认选中方向光照。\
在场景顶部，选择 <kbd><mark style="color:$primary;">**方向**<mark style="color:$primary;"></kbd> 选项卡。
{% endstep %}

{% step %}

#### 调整光照方向

你可以从场景边缘的点中选择光照方向，也可以从右侧的光照设置面板中选择。

**从场景中选择：**

1. 将鼠标悬停在场景角落的白点上。
2. 选择你所需的光照方向。
3. 光照指示器将显示所选方向。

**从光照设置面板中选择：**

1. 打开方向下拉列表。
2. 选择以下方向之一：
   * <kbd><mark style="color:$primary;">**左下**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**左中**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**左上**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**上中**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右上**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右中**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右下**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**下中**<mark style="color:$primary;"></kbd>
3. 光照指示器将显示所选方向。
   {% endstep %}

{% step %}

#### 可选：选择背景色

如果你的图像具有透明背景，你可以选择在场景中生成背景色。在右侧的光照设置面板中：

1. 选择 <kbd><mark style="color:$primary;">**背景（用于产品）**<mark style="color:$primary;"></kbd> 下拉菜单。
2. 从以下选项中选择一种颜色：
   * 从中性色列表中选择
   * 从调色板中选择
   * 使用以下方式选择颜色 <i class="fa-eye-dropper" style="color:$primary;">:eye-dropper:</i> 颜色选择器工具
   * 在文本输入框中输入 HEX 颜色值
     {% endstep %}

{% step %}

#### 可选：添加文本提示

在右侧的光照设置面板中，你可以添加用于整体方向的文本提示。\
在“文本提示”字段中：

1. 直接在文本提示字段中输入。
2. 选择 <kbd><mark style="color:$primary;">**库**<mark style="color:$primary;"></kbd> 以重新使用之前保存的提示。
3. 来自 <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> 图标，上传一张图片，Beachside 会生成一段描述，并将文本放入提示字段。
   {% endstep %}

{% step %}

#### 选择输出数量

在右侧的光照设置面板中：

* 选择要生成多少个变体。
* 你一次最多可以生成 4 个场景。
  {% endstep %}

{% step %}

#### Generate

确认所有设置后，选择 <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd>.

生成的场景将显示在你的创作空间中。
{% endstep %}
{% endstepper %}
{% endtab %}

{% tab title="点光" %}

## 点光照

点光照允许你在场景中放置局部光照。你可以直接在画布上定义光照源的位置和大小。

{% hint style="info" %}
光照任务会“添加”光照，而不会改变你的场景光照。
{% endhint %}

{% stepper %}
{% step %}

#### 选择“光照”

在左侧任务菜单中，选择 <kbd><mark style="color:$primary;">**光照**<mark style="color:$primary;"></kbd>.

这将为你当前的场景打开光照工作区。
{% endstep %}

{% step %}

#### 上传产品图片

产品图片将用作前景元素。

你可以通过以下方式上传图片：

* 选择 <kbd><mark style="color:$primary;">**上传图片**<mark style="color:$primary;"></kbd> 在场景中
* 将电脑文件夹中的图片拖放进来
* 将屏幕左下角库面板中的图片拖放进来

上传后，产品将显示在场景中。
{% endstep %}

{% step %}

#### 选择点光照

默认选中方向光照，请更改你的模式。

在场景顶部，选择 <kbd><mark style="color:$primary;">**点光**<mark style="color:$primary;"></kbd> 选项卡。
{% endstep %}

{% step %}

#### 调整光照位置和大小

中心点定义了光照的起始位置。

圆形边界定义了光照在场景中的扩散范围。

**在画布上：**

* 选择并拖动蓝色中心点以更改光源位置。
* 拖动外部圆形边界以增加或减小光照半径。
  {% endstep %}

{% step %}

#### 可选：添加文本提示

在右侧的光照设置面板中，你可以添加用于整体方向的文本提示。\
在“文本提示”字段中：

1. 直接在文本提示字段中输入。
2. 选择 <kbd><mark style="color:$primary;">**库**<mark style="color:$primary;"></kbd> 以重新使用之前保存的提示。
3. 来自 <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> 图标，上传一张图片，Beachside 会生成一段描述，并将文本放入提示字段。
   {% endstep %}

{% step %}

#### 选择输出数量

在右侧的光照设置面板中：

* 选择要生成多少个变体。
* 你一次最多可以生成 4 个场景。
  {% endstep %}

{% step %}

#### Generate

确认所有设置后，选择 <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd>.

生成的场景将显示在你的创作空间中。
{% endstep %}
{% endstepper %}
{% endtab %}
{% endtabs %}


---

# 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/ch/ren-wu/light.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.