> For the complete documentation index, see [llms.txt](https://docs.seaart.ai/guide-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.seaart.ai/guide-1/es/5-ejemplos-practicos/poster-de-comercio-electronico.md).

# Póster de comercio electrónico

¡Diseña impresionantes pósters de comercio electrónico sin esfuerzo! Aprovecha las herramientas basadas en IA de SeaArt Canvas para crear imágenes atractivas y mejorar tu marca.

> El *Canvas* de SeaArt se divide en **Lienzo en tiempo real** (*Realtime Canvas*) y **Lienzo de generación** (*Generate Canvas*).
>
> En el **Lienzo en tiempo real**, podemos ver los resultados de imagen en tiempo real y hacer ajustes para abordar los problemas incontrolables de la generación de imágenes con IA.
>
> En el **Lienzo de generación**, podemos utilizar directamente la función de generación de imágenes sobre el lienzo, lo que permite usar cómodamente funciones de IA como el repintado parcial y el borrado en las imágenes.

SeaArt Canvas ofrece una participación profunda en el proceso de diseño, con capacidades de dibujo por IA altamente controlables que convierten tu imaginación en realidad. A continuación, vamos a experimentar las funciones de SeaArt Canvas mediante un ejemplo práctico: un cartel de comercio electrónico.

## **Fondo de producto**

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/ORPAc8YJLwl3cg3mUMif/%E4%BA%A7%E5%93%81.png" alt="Product Background" width="188"><figcaption></figcaption></figure>

【Nueva generación · Experiencia definitiva】 El XS4 es un mando para videojuegos diseñado con precisión, que utiliza la tecnología más avanzada y materiales de alta calidad para ofrecerte una experiencia de juego sin precedentes. Su diseño ergonómico asegura un agarre cómodo incluso durante largas sesiones de juego, mientras que los botones sensibles y joysticks precisos garantizan un control exacto en cada movimiento.

【Amplia compatibilidad】 Ya sea PC, PS4, Xbox o Switch, este mando multiplataforma es perfectamente compatible. No requiere configuraciones complicadas: solo conéctalo y juega, permitiéndote disfrutar del juego en cualquier momento y lugar.

【Durabilidad prolongada】 Con una batería integrada de alta calidad, permite hasta 30 horas de juego continuo, garantizando sesiones ininterrumpidas. Su tratamiento superficial altamente resistente al desgaste y su estructura robusta aseguran que el mando soporte el uso diario.

【Rendimiento profesional】 Tanto para entretenimiento casual como para juegos competitivos, este mando ofrece un rendimiento de primer nivel. La retroalimentación de vibración mejorada y los botones programables aportan mayor diversión y estrategia a tu experiencia de juego.

## Consideraciones preliminares

**I.** Dado que el mando pertenece a la categoría de productos tecnológicos y de videojuegos, podemos vincularlo a conceptos como ciencia ficción, alta tecnología y mundos alienígenas. Con estas ideas en mente, podemos usar la IA para generar imágenes y añadir materiales inspiradores.\
Abre SeaArt Canvas, selecciona <mark style="background-color:yellow;">**Lienzo de generación**</mark>, introduce los *prompts* en el cuadro de generación de imágenes, elige <mark style="background-color:yellow;">**4**</mark> como número de imágenes y deja los demás parámetros en su valor predeterminado. Haz clic en *Generar imágenes* para obtener los resultados.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/IhMjaDAZKJIPyzy0qIBl/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155918386380.png" alt="SeaArt AI Canva Interface"><figcaption></figcaption></figure>

**II.** En este modo, las imágenes generadas permanecerán en el lienzo, permitiéndote seguir generando más imágenes moviendo la caja de generación, como si dibujaras en una libreta. Puedes eliminar las imágenes innecesarias y conservar las útiles como referencia para ajustar de forma más intuitiva los parámetros.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/eYR32mG4doLpE8n8oAqX/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155922973411.png" alt="SeaArt AI Canva - Adjust Image Parameters"><figcaption></figcaption></figure>

**III.** Una vez seleccionadas las imágenes de referencia, pasamos al siguiente paso: usar el <mark style="background-color:yellow;">**Lienzo en tiempo real**</mark> para añadir fondos al producto.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/2igtvrSEyyJISstqB809/%E7%94%9F%E6%88%903.png" alt="SeaArt AI Realtime Canvas" width="563"><figcaption></figcaption></figure>

## **Lienzo en tiempo real**

### **Paso 1: Subir el producto**

Haz clic en la opción “<mark style="background-color:yellow;">**Producto**</mark>” en el lado izquierdo, y luego selecciona la función “<mark style="background-color:yellow;">**Subir producto**</mark>”.\
Después de subir la imagen del producto, el sistema realizará automáticamente el recorte para asegurar que la imagen del producto sea clara y precisa durante el proceso de dibujo.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/CrqR3GNA640bjEi2GSvx/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155923657421.png" alt="Realtime Canvas - Upload Product"><figcaption></figcaption></figure>

En la esquina superior izquierda del lienzo encontrarás la herramienta de ajuste de escala, con una resolución máxima de salida de hasta 1024x1024 píxeles. Debajo está el cuadro de *prompt*, donde podemos introducir los *prompts* usados en las imágenes de referencia previas.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/FJMq7QnUOGqsYIJNKeML/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155924262247.png" alt="Adjust Output Resolution" width="563"><figcaption></figcaption></figure>

### Paso 2: Generar el fondo

A continuación, generaremos el fondo para el producto. Selecciona la herramienta Lápiz simple de la barra de herramientas y utiliza las opciones desplegables para ajustar el tamaño y el color del pincel.\
El botón de capas en la esquina inferior izquierda permite ajustar el orden de cada capa, gestionando de forma flexible la superposición entre ellas.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/m8NSOW71XBAqmmPCeMZi/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155930174051.png" alt="Realtime Canvas - Simple Pencil"><figcaption></figcaption></figure>

Antes de iniciar la generación, ajusta parámetros como la <mark style="background-color:yellow;">**Intensidad de reducción de ruido(se recomienda 0.7), Semilla (-1)**</mark>, etc., para optimizar el resultado. Luego haz clic en el botón <mark style="background-color:yellow;">**“Iniciado/Detenido”**</mark> para comenzar la generación.

Ajusta el efecto final aumentando o reduciendo los trazos y modificando los *prompts*. Una vez obtenida la imagen deseada, haz clic en el botón de descarga en la esquina superior derecha para guardarla.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/ZPZHYPBl4NEztQeAxhjX/Rainbow%20%C3%97%20SeaArt%20AI%20(4).png" alt="Adjust the Final Effect of the Image"><figcaption></figcaption></figure>

**Fusión de fondo**

Además de dibujar el fondo manualmente, también podemos usar directamente las imágenes de referencia anteriores como fondo. SeaArt Canvas permite integrar sin problemas el producto con el fondo.

En <mark style="background-color:yellow;">**Lienzo de generación**</mark>, haz clic derecho sobre la imagen seleccionada y elige “Guardar en mi galería”.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/dhwmltZNOYwXNgu9O5oA/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17157561469276.png" alt="Save to Mine"><figcaption></figcaption></figure>

Cambia a *¨*<mark style="background-color:yellow;">**Lienzo en tiempo real**</mark>*¨*, haz clic en “Mi galería”, selecciona la imagen guardada y añádela al lienzo.&#x20;

En este punto, puedes <mark style="background-color:yellow;">**reducir la Intensidad de reducción de ruido**</mark> para conservar más detalles de la imagen de fondo original. Como puedes ver, mediante el canvas podemos integrar el producto en el fondo de forma natural y armoniosa.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/ZNbI2HNUAuqkKAfnUyZ2/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17157563694419.png" alt="Reduce the Denoising Strength"><figcaption></figcaption></figure>

### Paso 3: Mejorar la calidad de imagen

Debido a la limitación de tamaño del lienzo, también necesitamos mejorar la calidad de la imagen final.

Abre <mark style="background-color:yellow;">**Apps IA**</mark> y selecciona el <mark style="background-color:yellow;">**Mejorador de imagen IA**</mark>.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/OTeMsmLfWcWmyxbyaiKj/image.png" alt=""><figcaption></figcaption></figure>

Importa la imagen que necesita mejora y ajusta los parámetros específicos según tus necesidades.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/vQRt5VpoVhaXdGTzC8sz/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17157563168438.png" alt="Adjust Parameters"><figcaption></figcaption></figure>

### Paso 4: Resultado final

Por último, edita la imagen mejorada y añade los textos descriptivos necesarios. Nuestro cartel de comercio electrónico está listo.

<figure><img src="https://content.gitbook.com/content/1y3zrHPB2l8reoeyLIjC/blobs/UJgR3RBfzWfrJvah1IWx/278304b1-04a7-4a7a-86b6-b16a2e653ea0.png" alt="E-commerce Poster by SeaArt AI "><figcaption></figcaption></figure>

Con el continuo avance e innovación de la tecnología IA, futuras versiones de SeaArt Canvas introducirán funciones más inteligentes, como análisis de imagen más profundos y algoritmos de generación mejorados. Esto facilitará aún más el proceso de diseño y potenciará la eficiencia creativa.
