Banner Black Friday 2026: crea banners web y cabeceras de email con IA (8 prompts)

Puedes crear un set completo para Black Friday, con el banner principal de tu web y la cabecera de email, a partir de una sola foto de producto. La clave está en encargar a la IA únicamente el fondo: el producto a un lado y un espacio limpio en el otro, para añadir el titular, el descuento y el cupón después en tu herramienta de diseño. A continuación te explicamos cómo hacerlo en el lienzo de DramaCanvas, qué proporción elegir, 8 prompts listos para copiar y la forma correcta de integrar cuentas atrás y códigos promocionales.
¿Aún no tienes foto de producto? Empieza con fotografía de producto con IA a partir de una sola foto de móvil. ¿Necesitas un anuncio en vídeo de 15 segundos a juego? Consulta cómo crear un anuncio para Black Friday.
¿Cómo conviene repartir el trabajo en un banner para Black Friday?
Deja el fondo en manos de la IA y resuelve la tipografía en tu herramienta de diseño.
La IA destaca al recrear iluminación y atmósferas festivas, pero comete errores graves al escribir letras y números. Un código de descuento con una errata o una fecha incorrecta confunde a los compradores y anula la promoción. El método más fiable consta de dos pasos: generar en el lienzo un fondo con un área despejada, descargarlo y maquetar el titular, el porcentaje de rebaja y el botón en tu editor habitual.
El banner web y la cabecera de email pueden compartir la misma dirección artística, idéntica foto de producto y los mismos colores. Solo necesitas adaptar la proporción a cada canal.
¿Cómo generar el fondo de un banner en el lienzo?
Sube la foto del producto, conéctala a un nuevo nodo de imagen, define la proporción, escribe el prompt y genera.
Paso 1: Sube la foto del producto y conéctala
Pulsa Añadir nodo en la barra inferior del lienzo, elige Subir archivo, selecciona la foto de tu producto y pulsa Añadir al lienzo (1). Añade después un nodo Imagen y arrastra una línea desde el conector derecho de la foto hasta él. Al escribir @ en el prompt, selecciona Imagen 1 en el menú para vincularla; en los prompts que verás a continuación, sustituye [Imagen 1] por esa referencia.
Paso 2: Elige una proporción panorámica en Ajustes de imagen
Selecciona GPT Image 2.5 debajo del nodo, abre Ajustes de imagen y elige el formato en Tamaño o relación de aspecto: 21:9 para el banner principal de cabecera en tu web o 16:9 para banners estándar y correos. Empieza siempre con la Resolución en 1K.
Paso 3: Escribe el prompt, comprueba los créditos y genera
Pega uno de los prompts de este artículo y ajústalo a las características de tu catálogo. El botón de generación indica los créditos exactos que consumirá la imagen; revísalos y haz clic para crearla. Cuando termine, comprueba que el producto conserve su aspecto original, que el área libre no tenga artefactos ni imperfecciones y que no haya aparecido texto no deseado.
Paso 4: Descarga la imagen y monta tus textos
Guarda la imagen que más te guste mediante el botón de descarga situado en el nodo. Abre tu herramienta de diseño, coloca el titular, el porcentaje de rebaja, el cupón y el botón dentro de la zona limpia, y ajusta las dimensiones al ancho exacto de tu web y tu plantilla de correo.
¿Qué proporción conviene elegir para cada banner?
Utiliza 21:9 para el banner principal de portada y 16:9 para banners secundarios o cabeceras de correo.
| Uso | Proporción | Espacio vacío | A tener en cuenta |
|---|---|---|---|
| Banner principal de portada | 21:9 | Dos tercios a la izquierda | En móviles se recortan los laterales; coloca el producto más centrado |
| Banner web estándar | 16:9 | Mitad izquierda | Recorta a los píxeles reales de tu página |
| Cabecera de email | 16:9 | Superior o central | Los correos son estrechos; utiliza tipografías grandes |
| Fondo para bloque de cuenta atrás | 16:9 | Bloque amplio central | Integra el contador con un módulo interactivo |
| Portada horizontal para redes | 16:9 | Superior izquierda | Las redes comprimen la imagen; aleja el sujeto de los bordes |
8 prompts listos para copiar para banners de Black Friday
Todos los prompts están configurados para GPT Image 2.5. Ajusta siempre la proporción en Tamaño o relación de aspecto; el dato incluido en el texto sirve de guía compositiva para el modelo. Las opciones que incluyen [Imagen 1] exigen conectar antes la foto de producto.
01 · Portada web con producto a la derecha (16:9)
[Imagen 1] es la referencia de producto. Fondo promocional horizontal en 16:9 con el producto completo situado en el tercio derecho y una pared gris cálida, lisa y amplia a la izquierda sin ningún objeto decorativo. Detrás, en el lado derecho, unas pocas cintas desenfocadas de color rojo intenso, luz lateral suave y fidelidad total a la silueta y los colores del producto. El tercio izquierdo queda reservado para titulares; sin texto, números, precios, códigos promocionales, logotipos ni marcas de agua.02 · Gran espacio vacío festivo en formato extra ancho (21:9)
[Imagen 1] es la referencia de producto. Banner panorámico extra ancho en 21:9 con el producto completo situado en el extremo derecho, superficie frontal en gris oscuro mate y pequeños adornos de papel dorado cálido en la zona derecha; los dos tercios de la izquierda quedan limpios y sin texturas. Mantener la forma y los elementos visibles del producto, iluminación suave de estudio y el producto sin tocar los márgenes. Sin texto, números, precios, descuentos, cupones ni marcas de agua.03 · Cabecera de email con espacio central (16:9)
[Imagen 1] es la referencia de producto. Fondo para cabecera de email en 16:9 con el producto completo en la zona inferior derecha, unas pocas ramas de pino en la esquina inferior izquierda y un espacio vacío beige totalmente limpio en la franja superior y central. Conservar los colores y la silueta originales del producto, luz suave y clara, con adornos que nunca tapen el producto. Sin texto, números, precios rebajados, cupones ni marcas de agua.04 · Fondo para cuenta atrás (16:9)
Fondo festivo horizontal en 16:9 con degradado en gris carbón oscuro, una banda de tela roja intensa a cada lado y pequeños destellos desenfocados de papel dorado en el borde inferior, dejando una gran área central uniforme y vacía. Sin relojes, esferas ni marcadores de cuenta atrás, y sin números, textos, símbolos, precios ni marcas de agua.05 · Fondo para tarjeta de cupón descuento (16:9)
[Imagen 1] es la referencia de producto. Fondo comercial en 16:9 con el producto completo en el lado izquierdo y un área beige clara y lisa a la derecha con una sombra muy sutil en su contorno, pensada para insertar un cupón más adelante. Mantener los colores y la estructura visible del producto, sin ningún otro artículo comercial. Sin texto de tarjeta, líneas discontinuas, números, letras, precios, cupones ni marcas de agua.06 · Portada horizontal para redes sociales (16:9)
[Imagen 1] es la referencia de producto. Portada horizontal en 16:9 con el producto completo en la parte inferior central, ligeramente desplazado a la derecha, sobre un fondo verde oscuro mate, espacio despejado en la esquina superior izquierda y en ambos laterales, y tenues luces cálidas desenfocadas a lo lejos. Colores fieles al producto original, contorno nítido sin perderse en el resplandor. Sin titulares, precios, cifras de descuento, fechas, cupones, logotipos ni marcas de agua.07 · Banner ancho con figuras de papel rojo oscuro (21:9)
Fondo festivo para banner extra ancho en 21:9 con figuras geométricas de papel plegado en rojo intenso ubicadas exclusivamente en el extremo derecho; el centro y la zona izquierda son de color beige claro uniforme, sin reflejos ni texturas densas. Luz suave, profundidad generada por las sombras del papel y espacio vacío para maquetación posterior. Sin textos, letras, números, cronómetros, precios, cupones ni marcas de agua.08 · Composición adaptable para recorte en móviles (16:9)
[Imagen 1] es la referencia de producto. Banner en 16:9 con el producto ligeramente desplazado a la derecha del centro, silueta completa y márgenes laterales bien visibles, fondo gris claro uniforme a la izquierda y unas pocas cintas de color rojo intenso únicamente en el borde derecho. Respetar los colores y elementos visibles del producto, luz lateral suave y volumen compacto para facilitar el recorte vertical en pantallas móviles. Sin textos, precios, cifras, códigos promocionales ni marcas de agua.¿Cómo redactar prompts para mantener el espacio limpio?
Especifica en qué lugar va el producto, dónde debe quedar el espacio libre y qué elementos no deben aparecer.
| Planteamiento del prompt | Problema | Resultado |
|---|---|---|
| «Crea un banner de Black Friday que diga 50% de descuento con el código BF2026» | Exige a la IA redactar textos y números exactos | El texto contendrá errores tipográficos y el espacio libre quedará descontrolado |
| «Producto en el tercio derecho, gran área limpia a la izquierda, sin texto» | Define ubicación, área vacía y restricciones explícitas | Obtienes con mucha más probabilidad un fondo listo para maquetar |
Si aparecen texturas o destellos en la zona vacía, añade «lado izquierdo liso, sin textura, sin brillos» y vuelve a generar. En caso de que los adornos tapen el producto, reduce su presencia o indica «los elementos decorativos no tapan el producto».
¿Cómo añadir la cuenta atrás y los cupones sin errores?
Añádelos directamente en tu herramienta de diseño y revisa cada carácter antes de publicar.
- Cupón de descuento: usa una tipografía de palo seco (sans serif) legible, con un tamaño generoso y sobre un fondo de alto contraste. Copia y prueba tú mismo el código en la tienda antes de publicar el banner o enviar la campaña.
- Descuento y fecha límite: asegúrate de que coincidan con las condiciones comerciales e indica siempre la zona horaria de la promoción.
- Temporizador de cuenta atrás: los archivos de imagen son fijos. En tu web, superpón un módulo de contador sobre el área libre; en tus correos, usa la función dinámica de tu gestor de email o sustituye la imagen a diario.
- Botones de acción: crea botones como «Comprar ahora» dentro del editor de tu web o correo, nunca incrustados en la imagen, para que el enlace funcione.
¿Cuántos créditos cuesta crear un set de banners?
Con GPT Image 2.5 en 1K cada imagen consume 2 créditos, por lo que probar los 8 prompts de esta guía una vez supone 16 créditos. Tarifas vigentes a 29 de octubre de 2026:
| Resolución | Por imagen | 8 imágenes |
|---|---|---|
| GPT Image 2.5 1K | 2 créditos | 16 créditos |
| GPT Image 2.5 2K | 3 créditos | 24 créditos |
| GPT Image 2.5 4K | 4 créditos | 32 créditos |
Para el banner principal de tu web, genera la versión definitiva en 2K o 4K. Cada intento adicional vuelve a consumir créditos; consulta siempre la cifra que marca el botón antes de generar.
¿Qué limitaciones tiene este método?
- Los textos y cifras se integran a posteriori: las letras en imágenes generadas por IA no ofrecen garantías tipográficas.
- Los detalles del producto pueden sufrir ligeras variaciones: logotipos, etiquetas y textos pequeños pueden deformarse, por lo que conviene contrastar siempre el resultado con el producto original.
- No existe redimensionamiento automático: la IA genera un archivo único que debes recortar según los anchos reales de tu web o correo.
- Las imágenes estáticas no se actualizan en tiempo real: para mostrar una cuenta atrás dinámica necesitas el módulo interactivo de tu plataforma web o gestor de correo.
Preguntas frecuentes
¿Puede la IA escribir el cupón y el descuento directamente en el banner?
No lo recomendamos. El texto y los números en imágenes generadas fallan a menudo, y una letra errónea en un cupón impedirá que tus clientes lo usen. Haz que la IA genere solo el fondo con espacio limpio, y añade el titular, el descuento y el código en tu herramienta de diseño tras revisarlos.
¿Pueden ser la misma imagen el banner web y la cabecera de email?
Comparte el estilo visual, no el archivo. Los banners web suelen funcionar en 21:9 o 16:9, mientras que las cabeceras de email suelen ser 16:9 recortadas al ancho del correo. Genera cada una a partir de la misma foto de producto y paleta de color para mantener la coherencia de la campaña.
¿Puedo poner un temporizador de cuenta atrás dentro de la imagen?
Una imagen es estática y no puede mostrar una cuenta atrás en tiempo real. Genera un fondo con espacio libre en el centro y añade la cuenta atrás con el componente de temporizador de tu web o herramienta de email, o cambia la imagen a diario.
¿Cuántos créditos cuesta el fondo de un banner?
Con GPT Image 2.5, cada imagen cuesta 2 créditos en 1K, 3 en 2K y 4 en 4K. Probar los 8 prompts de este artículo una vez en 1K cuesta 16 créditos. Consulta siempre la cifra exacta que muestra el botón de generación.
Empieza con la foto de tu producto y los prompts 01 y 03 para generar un banner web y una cabecera de email en 1K. En cuanto compruebes que los tonos y las zonas vacías encajan con tu marca, genera las versiones definitivas en 2K o 4K. Por último, añade el titular, los descuentos y el cupón en tu herramienta de diseño habitual.



