> 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/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/the-image-editor/conceptos-basicos-del-editor-de-imagenes.md).

# Conceptos básicos del editor de imágenes

Descubre cómo utilizar el lienzo, las capas y los controles de plantilla del Editor de imágenes.

El Editor de imágenes de Channable te permite crear y editar plantillas para imágenes de producto.

Una plantilla tiene un [lienzo](#work-on-the-canvas) (el fondo sobre el que trabajas) y objetos para texto, imágenes y formas. Cada objeto aparece como una capa en **Capas**, donde controlas su Ordine de apilado.

## Trabaja en el lienzo

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FzL8AlPqY6hDhzteTvi7Z%2FScreenshot%202026-07-20%20at%2010.56.30.png?alt=media&amp;token=b005ad9a-944c-4ad6-aeb2-8dc33e86ea4c" alt=""><figcaption></figcaption></figure>

El lienzo es el área en blanco donde construyes tu plantilla.

Antes de empezar a añadir objetos a tu plantilla, quizá quieras hacer los siguientes cambios en tu lienzo, usando la **Configuración** pestaña:

| Ajuste                                                                                                                                                                                                           | Descrizione                                                          | Detalles                                                                                                        |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
| [Tamaño](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/ajusta-el-tamano-y-el-fondo-de-una-imagen.md)                                  | Define las dimensiones finales de salida de la plantilla.            | Elige de un Elenco de tamaños preestablecidos, o introduce el tuyo.                                             |
| [Color de fondo](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/ajusta-el-tamano-y-el-fondo-de-una-imagen.md#configure-the-background) | Establece el color sólido o degradado detrás de todos los elementos. | Selecciona un color con el **Selector de color** o introduce un código hexadecimal.                             |
| [Configuración de cuadrícula](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/utiliza-la-cuadricula-y-el-ajuste-a-la-cuadricula.md)     | Alinea tus objetos en el lienzo.                                     | Activa y desactiva la visualización de la cuadrícula, y personalízala para que sea más fácil de usar al editar. |

### Controles y herramientas del lienzo

Estos controles están en el lado derecho del lienzo.

| Icono/Control                                                                                                                                                                                                                                                                                                                                                                 | Descrizione                                                                                                                                                                                                                                                                         |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Acercar/Alejar (desplegable)</strong><br><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FABKYa9uAkHnUYcJQNsGa%2FScreenshot%202026-07-20%20at%2011.10.57.png?alt=media&amp;token=201f4f36-654e-4a1a-ae94-ca545c1c9412" alt="" data-size="original"></p>                         | <p>Cambia el tamaño de visualización del lienzo.<br></p><p>Usa el desplegable para acercar y alejar por porcentaje</p><p>O usa la rueda del ratón para acercar y alejar.</p>                                                                                                        |
| <p><strong>Centrar (icono de objetivo)</strong></p><p><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FD05a941CpbvRO2c59y3d%2FScreenshot%202026-07-20%20at%2011.18.11.png?alt=media&amp;token=5a374bf0-1672-4168-b4e8-320fc40c74f7" alt=""></p>                                            | Centra el lienzo en tu pantalla.                                                                                                                                                                                                                                                    |
| <p><strong>Selecciona elemento/capa (icono de flecha)</strong><br><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F4V9NAvM9uEfHRgV1s1J6%2FScreenshot%202026-07-20%20at%2011.15.54.png?alt=media&amp;token=3a0fdb70-1653-4bc7-b47c-91385618c962" alt=""></p>                                | Selecciona y mueve elementos individuales en el lienzo.                                                                                                                                                                                                                             |
| <p><strong>Mover/desplazar (icono de mano)</strong></p><p><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F7XPwPJo9x2HxvzwOuK3F%2FScreenshot%202026-07-20%20at%2011.17.30.png?alt=media&amp;token=ee438338-849b-4e51-a941-c36483ede7a1" alt=""></p>                                        | Mueve toda la vista del lienzo.                                                                                                                                                                                                                                                     |
| <p><strong>Deshacer/rehacer (flechas circulares hacia adelante y hacia atrás)</strong><br><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F6QG3McmXCE8SycZbdzP3%2FScreenshot%202026-07-20%20at%2011.21.25.png?alt=media&amp;token=4bfe2741-7dd8-44ef-9090-d31623e73e2d" alt=""></p>        | Deshaz o rehace tu última acción.                                                                                                                                                                                                                                                   |
| <p><strong>Anteprima de la plantilla en Ítems (flechas hacia adelante y hacia atrás)</strong><br><br><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FJijSvOqpTbv0b2ibW70Z%2FScreenshot%202026-07-20%20at%2011.23.42.png?alt=media&amp;token=7a94bcf8-ec9e-47d0-9905-bf7d354d56df" alt=""></p> | Ver [cómo cambia la plantilla](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/obten-una-vista-previa-de-tu-plantilla.md#preview-directly-in-the-image-editor) a medida que recorres los Ítems importados. |

### Tipos de capa

Los objetos añaden imágenes, formas y texto al lienzo. Cada objeto aparece como una capa en **Capas**. Utiliza **Capas** para controlar su Ordine de apilado. Las nuevas capas pueden tener nombres predeterminados como `obj_1` o `obj_2`. Cámbiales el nombre cuando sea necesario.

Los objetos de imagen y texto pueden usar contenido estático o un Campo de proyecto. Un objeto de imagen que usa un Campo de proyecto es una imagen dinámica. El Texto que incluye un Campo de proyecto es Texto dinámico.

{% hint style="warning" %}
**Importante:** Utiliza un Campo de proyecto que exista en cada proyecto donde uses la plantilla.
{% endhint %}

Utiliza el **Texto**, **Imagen**, y **Forma** botones en la parte superior del lienzo para añadir nuevos objetos a tu plantilla.

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FnwMa9mtMZ0u0kIYnK7C6%2FScreenshot%202026-07-21%20at%2008.56.28.png?alt=media&amp;token=6bcc892b-74c7-4e67-832d-13a274be06f1" alt=""><figcaption></figcaption></figure>

Puedes crear tres tipos de objetos:

* Objeto de Texto: Para texto estático o texto de campos de producto, como títulos.
* Objeto de imagen: Para imágenes estáticas o imágenes de producto de un campo de imagen.
* Objeto de forma: Para formas estáticas como cajas, líneas y flechas.

Aprende a [gestionar y diseñar capas](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/gestiona-las-capas.md).

Utiliza [objetos condicionales](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/como-utilizar-objetos-condicionales-en-el-editor-de-imagenes.md) para mostrar u ocultar una capa en función de los datos del producto.

Aprende a [añadir texto](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/anade-texto.md) o [añadir formas](/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/create-an-image-template/anade-formas.md).

### Gestiona la plantilla

Usa los controles de la esquina superior derecha para gestionar la propia plantilla.

* Guardar: Guarda los cambios actuales de tu plantilla.
* Icono de engranaje (Configuración): Accede a las opciones para Eliminar o duplicar la plantilla.
* Pestaña de uso: Ver dónde se utiliza la plantilla Attuale en tus proyectos.<br>

  <figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/Nhmdf9LMHZS4Q1lxfHkf/14376740825490" alt=""><figcaption></figcaption></figure>


---

# 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/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/the-image-editor/conceptos-basicos-del-editor-de-imagenes.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.