← Volver al blog
MaxVideoAI · Creative workflows

Crea un menú animado de cafetería con precios editables usando MaxVideoAI, FLUX 3 y Codex CLI

Un flujo de trabajo documentado para diseñar dos imágenes de referencia sin texto, solicitar mediante Codex CLI una transición cotizada de FLUX 3 en MaxVideoAI, agregar textos y precios editables en un editor externo y revisar el bucle en la pantalla de destino.

Por MaxVideoAIPublicado 25 de septiembre de 2026
Ilustración de una pantalla de cafetería con una taza humeante, un espacio vacío para el menú y una capa flotante separada.
Ilustración. Mantén la atmósfera detrás de la información.

Diseña ambas imágenes de referencia como una sola composición

Ejemplo de prompt · inglés
Create two matching, text-free background images for a landscape café menu display.

Use an identical locked camera, crop and perspective in both images. Reserve the entire left half as a calm, low-detail warm-cream area for menu typography that will be added later in an editing application.

On the right, place the same terracotta coffee cup and slice of toast in exactly the same positions. Use a warm cream, terracotta, espresso-brown and amber palette with stable, intimate lighting.

Start image: show one short, fine curl of steam above the cup.

End image: preserve every object, shadow and compositional boundary, changing only the steam so that it has drifted slightly upward and to the right. Keep the steam entirely outside the reserved menu area.

Do not include dish names, prices, numbers, logos, labels, signage, watermarks or interface elements. Do not add, remove or reposition props between the two images.

Usa estas indicaciones en una herramienta externa de diseño gráfico o creación de imágenes. Mantener fijos la cámara y los objetos, junto con una iluminación uniforme, deja un solo cambio moderado que la transición deberá resolver: el vapor. La zona despejada de la izquierda también ayuda a conservar la legibilidad del menú que agregarás después.

Prepara dos imágenes que solo cambien donde habrá movimiento

  1. 01

    Adapta la composición a la pantalla de destino

    Crea ambas imágenes con la misma relación de aspecto que la pantalla de la cafetería. Usa una guía de composición compartida para mantener alineados el encuadre, el borde del mostrador, la taza, la tostada y el área reservada a la izquierda.

  2. 02

    Crea la Start image y deriva de ella la End image

    Completa primero la composición inicial sin texto en una herramienta gráfica externa. Duplícala para crear la imagen final, en lugar de reconstruir la escena, y modifica únicamente el vapor según lo planeado.

  3. 03

    Elimina el texto esencial de ambas imágenes

    Exporta los fondos sin nombres, precios, logotipos ni letreros legibles. Las recomendaciones de FLUX 3 indican que conviene mantener el texto esencial fuera del video generado, ya que los letreros legibles, las interfaces pequeñas y las microetiquetas pueden perder fidelidad.

  4. 04

    Compara las dos imágenes directamente

    Superpón las imágenes o altérnalas antes de exportarlas. Corrige cualquier desplazamiento involuntario en el encuadre, la posición de los objetos, la paleta o la iluminación; el vapor debe ser la única diferencia significativa.

  5. 05

    Verifica las entradas requeridas por MaxVideoAI

    Antes de preparar la solicitud de generación, consulta la página del modelo FLUX 3 de MaxVideoAI en https://maxvideoai.com/models/flux-3. El flujo documentado en el sitio web para trabajar con el primer y el último fotograma requiere un prompt, una Start image y una End image. Este esquema del sitio describe las entradas necesarias, pero no confirma que el mismo modo esté disponible mediante la ruta conectada con Codex; verifica ese punto antes de solicitar una generación de pago.

Cambia el vapor, no la composición

Dos fondos de cafetería sin texto y con la misma composición solo se diferencian en la pequeña curva de vapor sobre la taza.
Ilustración. Arriba, la Start image; abajo, la End image: conserva la composición y limita el cambio a un movimiento sutil del vapor.

Mantén el movimiento lejos del texto del menú

Ejemplo de prompt · inglés
Create a restrained, physically plausible transition from the supplied start image to the supplied end image. Keep the camera locked. Preserve the cup, toast, counter, framing, warm color palette and lighting. Animate only a slow, delicate drift of steam above the cup, following the change shown between the two anchors. Keep the blank left-hand menu area calm, empty and undisturbed. Do not introduce lettering, prices, logos, signage, new props or additional camera movement.

Con las dos imágenes de referencia listas, asigna a la transición una sola tarea discreta. Concentrar el movimiento alrededor de la taza, en lugar de colocarlo detrás del área reservada para el menú, protege la legibilidad y reduce los cambios que la transición debe conciliar. Elige la duración, la resolución y los demás ajustes operativos solo después de que Codex indique qué admite el catálogo conectado y los incluya en la cotización exacta.

Pide a Codex que verifique la ruta antes de generar

Ejemplo de prompt · inglés
Help me plan a MaxVideoAI FLUX 3 first-and-last-frame video generation.

Start image: [ATTACH OR REFERENCE THE START IMAGE]
End image: [ATTACH OR REFERENCE THE END IMAGE]
Motion prompt: [PASTE THE RESTRAINED-MOTION PROMPT]

First inspect the connected catalog and confirm whether the requested FLUX 3 first-and-last-frame workflow is available. Preserve both supplied images as required start and end anchors. Report the settings supported by this route and present the exact quote before any paid generation.

Do not generate or incur a charge until I explicitly approve that quote. If the route, the start-image input or the end-image input is unavailable, stop and explain what is missing. Do not substitute text-to-video, single-image video or another model or mode.

Reemplaza las tres referencias entre corchetes antes de enviar esta solicitud en la conversación de Codex que tenga la conexión con MaxVideoAI. Así, la revisión del catálogo queda separada de la generación de pago: si la ruta no está disponible, Codex debe detenerse y explicarlo en lugar de cambiar el flujo de trabajo sin avisar.

Aprueba la ruta y la cotización, no un resultado supuesto

  1. 01

    Sigue el flujo documentado para configurar Codex

    Abre la guía revisada de integración de MaxVideoAI con Codex en https://maxvideoai.com/integrations/codex y sigue su proceso de configuración. Después, inicia una nueva conversación en Codex y completa la autenticación OAuth cuando se solicite. Codex CLI aloja la solicitud; MaxVideoAI es el servicio que realiza la generación solicitada.

  2. 02

    Considera la evidencia de compatibilidad como específica de una versión

    El extracto de integración proporcionado registra comprobaciones del contrato con Codex CLI 0.150.0-alpha.8 realizadas el 27 de agosto de 2026. Ese informe no demuestra compatibilidad con una versión actual o diferente de la CLI, Codex Desktop ni ChatGPT. Tampoco verifica de forma independiente esta solicitud concreta de FLUX 3.

  3. 03

    Confirma la estructura de entrada solicitada

    Antes de evaluar la cotización, comprueba que el trabajo propuesto conserve el prompt de movimiento, la imagen inicial y la imagen final. La página revisada de FLUX 3 de MaxVideoAI en https://maxvideoai.com/models/flux-3 documenta esa estructura de tres elementos para su flujo con primer y último fotograma. El endpoint del distribuidor confirma la misma estructura, pero ninguna de las fuentes demuestra que la ruta conectada mediante Codex esté disponible actualmente ni que la generación vaya a completarse correctamente.

  4. 04

    Revisa la cotización exacta antes de aprobar

    Comprueba que la cotización corresponda a la ruta solicitada de FLUX 3 con primer y último fotograma, y que solo incluya los ajustes que elegiste de forma intencional en el catálogo conectado. Aprueba expresamente la generación de pago únicamente si la ruta, las entradas, los ajustes y el costo te parecen aceptables. De lo contrario, detén o modifica la solicitud.

  5. 05

    Continúa solo si recibes un clip candidato

    Después de la aprobación, MaxVideoAI puede devolver un clip candidato para conectar los fondos si la generación se completa correctamente. Trátalo como material que debes revisar en el editor externo, no como un bucle continuo garantizado. Si la ruta no está disponible, la autorización falla, rechazas la cotización o no recibes ningún clip, detente antes de ensamblar el menú.

De dos imágenes a un menú editable

Prompt + dos imágenes
Enviar instrucciones e imágenes de referencia
Codex CLI
Comprobar la ruta y solicitar cotización
Cotización exacta
Una persona aprueba la generación
MaxVideoAI · FLUX 3
Devolver el clip si tiene éxito
Clip de fondo candidato
Importar y añadir texto editable
Proyecto de edición externo
Codex CLI aloja la solicitud; MaxVideoAI genera el fondo; la edición y las comprobaciones en pantalla se realizan fuera de ambos.

Arma el menú para que los precios de mañana sigan siendo editables

  1. 01

    Trabaja sobre el fondo candidato

    Continúa solo cuando MaxVideoAI haya devuelto un clip candidato mediante el flujo cotizado y aprobado en Codex. Si no recibiste ningún clip, detente y revisa la ruta de integración documentada en https://maxvideoai.com/integrations/codex. Coloca el clip candidato en la pista inferior de tu editor externo. Encima, agrega los nombres de los productos y los precios como gráficos creados por separado: por ejemplo, Coffee y Toast en una capa, y $4 y $6 en otra. Mantener la información comercial fuera de las imágenes generadas facilita los cambios posteriores.

  2. 02

    Evita que el movimiento compita con el texto

    Ubica el texto dentro del área tranquila reservada en las imágenes de referencia. Si el vapor, los cambios de iluminación o los detalles del fondo reducen el contraste, añade un panel crema estable entre el clip y los gráficos del menú. Así conservarás la legibilidad sin eliminar la atmósfera de toda la pantalla.

  3. 03

    Conserva el proyecto editable por capas

    Guarda el proyecto con el fondo, el panel de apoyo, los nombres de los productos y los precios en capas separadas. Cuando Coffee pase de $4 a $5, podrás reutilizar un fondo que todavía funcione, aunque quizá debas ajustar la tipografía, el espaciado y la exportación final.

  4. 04

    Gestiona el sonido fuera del clip generado

    Silencia o elimina en el editor cualquier audio no deseado. Una pantalla de menú rara vez se beneficia de una banda sonora accidental, y exportar sin sonido evita depender de la configuración de volumen del reproductor de destino.

  5. 05

    Prepara una propuesta de repetición

    Coloca varias copias del clip de fondo una después de otra y observa la unión. Si el corte se siente brusco, prueba recortar el fondo o aplicar una superposición breve solo entre los clips de fondo. Revisa esa superposición con atención: la mezcla puede duplicar el vapor, la taza u otros objetos en lugar de ocultar la transición.

Mantén los nombres y los precios por encima del fondo

Una vista desglosada del menú separa el fondo de la cafetería, el panel crema, los nombres de los productos y los precios en cuatro capas alineadas.
Ilustración. Arma el menú en un editor externo y mantén los nombres y los precios separados del fondo.

Decide si el bucle funciona en la pantalla real

  1. 01

    Revisa la unión entre el final y el inicio

    Un clip puede conectar correctamente las imágenes inicial y final proporcionadas y, aun así, dar un salto cuando el último fotograma vuelve al primero. Concéntrate en la taza, la tostada, la iluminación y el vapor en ese punto específico donde el final se une con el inicio.

  2. 02

    Reproduce continuamente la repetición propuesta

    En Adobe Premiere, delimita la región que se repetirá con puntos In y Out, activa Loop playback en el monitor e inicia la reproducción con Espacio o L. Déjala correr varias veces mientras evalúas el ritmo de la transición: en una sola pasada es fácil pasar por alto un pequeño salto.

  3. 03

    Lee el menú desde la posición del cliente

    Exporta una prueba y reprodúcela en la pantalla de destino. Desde la distancia de visualización prevista, confirma que Coffee, Toast y sus precios sigan siendo legibles, con contraste y espacio suficientes para leerlos de un vistazo.

  4. 04

    Comprueba a la vez el movimiento, la reproducción y el sonido

    Observa varias repeticiones completas para detectar una unión visible, un instante congelado o una pausa introducida por el reproductor de destino. Confirma que el vapor nunca compita con los precios y escucha si quedó algún audio que debía eliminarse o silenciarse.

  5. 05

    Ajusta o exporta

    Si la unión llama la atención, modifica el recorte, la superposición o la elección del fondo y vuelve a probar. Si el texto permanece legible, el movimiento se mantiene en segundo plano, la repetición pasa desapercibida y la reproducción es silenciosa como estaba previsto, exporta la versión de entrega. La vista previa en bucle ayuda a revelar problemas, pero solo la pantalla y el reproductor de destino muestran cómo se comportará realmente el menú.

Observa con atención la unión del bucle

Un menú ilustrado de cafetería aparece sobre dos detalles ampliados del vapor, que muestran un posible salto en el punto donde se repite el video.
Ilustración. Compara el final de la izquierda con el reinicio de la derecha: un pequeño salto en el vapor puede delatar la unión.
Fuentes · 5
  1. [1] Create AI videos with Codex

    MaxVideoAI · 2026-09-25

  2. [2] FLUX 3 Video

    MaxVideoAI · 2026-09-25

  3. [3] Flux 3 First Last Frame to Video API

    fal · 2026-09-25

  4. [4] Package Your Plugin

    OpenAI · 2026-09-25

  5. [5] Play Back in a Continuous Loop

    Adobe · 2026-09-25

Acerca de MaxVideoAI

MaxVideoAI

MaxVideoAI publica guías prácticas, comparativas de modelos y ejemplos de producción. Sus estándares editoriales distinguen las especificaciones de proveedores, las mediciones observadas y los juicios editoriales.

Lecturas relacionadas

Más guías y comparativas para seguir creando.

25 oct 2026

Cómo cambiar el fondo de tu video con IA | Wan 3 Prime

Lleva un clip hablado de una oficina en casa a una nave espacial o un observatorio submarino. Sigue la selección del fragmento, los ajustes y los prompts exactos del tutorial de Wan 3 Prime Modify.

Leer artículo

28 sept 2026

Convierte una voz en off en una cápsula visual clara con LTX 2.5 Pro

Aprende a convertir una indicación de la narración en una idea visual clara, preparar el audio requerido y una imagen inicial opcional, evaluar el clip generado y terminar la cápsula con títulos y subtítulos en un editor externo.

Leer artículo

27 sept 2026

Cómo creamos un podcast con IA, de la idea al montaje

Seis tomas generadas y una entrevista de 86 segundos: prompts, referencias y edición en Premiere Pro con GPT-6 en Codex y MaxVideoAI.

Leer artículo