> For the complete documentation index, see [llms.txt](https://helpcenter.channable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpcenter.channable.com/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/add-shapes.md).

# Add shapes

Use shapes to add backgrounds, dividers, borders, or visual emphasis. You can add boxes, lines, and arrows.

{% stepper %}
{% step %}

### Add a shape

Open the template in the Image Editor.

Click **Shape**.

Select a box, line, or arrow.
{% endstep %}

{% step %}

### Position and resize the shape

Drag the shape on the canvas to position it.

Drag its handles to resize it.
{% endstep %}

{% step %}

### Style the shape

Select the shape and open **Design**.

Set its color and opacity.

Add a shadow or stroke when needed.

Open **Layers** to move the shape object in front of or behind other objects.
{% endstep %}
{% endstepper %}

### Shape settings

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

| Setting    | Description                    | Details                                                                            |
| ---------- | ------------------------------ | ---------------------------------------------------------------------------------- |
| **Layout** | Positions and sizes the shape. | Enter the X/Y position and width or height in pixels.                              |
| **Shape**  | Controls the shape fill.       | Set the fill color and opacity.                                                    |
| **Shadow** | Adds a drop shadow.            | Set its color, opacity, X/Y offset, and blur. An offset of `0,0` adds no shadow.   |
| **Stroke** | Adds a border.                 | Set its color, opacity, width, and style: **None**, **Continuous**, or **Dashed**. |


---

# 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 dynamically by asking a question.

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

```
GET https://helpcenter.channable.com/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/add-shapes.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.