Motion

Diseño de vídeo con motion futurista

Un reel renderizado en azul eléctrico con túnel de palabras, cuenta atrás SET y final cromado FUTURE, rehecho en código sobre una cuadrícula de cortes a 120 BPM. Consulta su ritmo y cómo adaptarlo.

OpenDesignAdaptación en código y producción
Oficial
Diseño de vídeo con motion futurista20s · Motion
Letras metálicas de Future sobre un campo de semitono azul con Is already here debajo.
Un fotograma del diseño en movimiento

Ideas de diseño para

  • Teasers de lanzamiento de productoPelículas breves de anuncio que pasan del misterio a una única revelación con nombre.
  • Reels de apertura de eventosSecuencias de títulos con reloj en marcha, etiquetas de sección y un patrón de cortes marcado por el ritmo.
  • Estudios de tipografía en movimientoExperimentos donde la propia palabra cambia de forma: texto en túnel, numerales 3D y letras cromadas.

Aspectos destacados del movimiento

  • Un túnel construido con palabrasFragmentos en tipografía monoespaciada surcan una pupila oscura mientras un indicador de profundidad cuenta.
  • Una cuenta atrás dividida en dos coloresEl fotograma SET divide azul y negro, con un numeral 3D entre las dos mitades.
  • Una palabra cromada como ancla finalFUTURE se sitúa sobre una cuadrícula de puntos con la línea más pequeña IS ALREADY HERE debajo.

Cómo se marca el ritmo del reel de 20 segundos

El mapa de ritmo original divide esta película de motion de 20 segundos en escenas cortas sobre una cuadrícula de 120 BPM. La mayoría de los cambios son cortes secos y no fundidos lentos, con una pausa más larga reservada para el título final.

Los tres fotogramas capturados están cerca del túnel, la cuenta atrás y el final. Juntos muestran la forma de la película: primero movimiento denso, un compás de cuenta escaso en el medio y una palabra protagonista estable al final.

Escenas seleccionadas del mapa de ritmo
Intervalo de tiempoEscenaDecisión visible
4,0–5,0 sTúnel de palabras, WAKE UPEl texto se desplaza hacia fuera desde un centro oscuro, de modo que las palabras se comportan como arquitectura.
9,5–11,0 sCuenta atrás 3 · 2 · 1Un numeral grande sustituye al denso túnel; la pantalla tiene muchos menos detalles que compitan.
14,5–18,5 sFUTURE cromado como protagonistaLa escena individual más larga del mapa, lo que da tiempo a leer la palabra final.
18,5–20,0 sGlitch hacia END OF TRANSMISSIONUna breve ruptura cierra el reel en lugar de un fundido.

El túnel de palabras y su capa HUD

En la primera vista, el túnel mezcla fragmentos blancos, azules y grises como SIGNAL.OK, AWAKEN(); y FUTURE IS HERE. La distinta opacidad y tamaño hacen que algunos fragmentos se alejen mientras otros se leen primero.

El HUD fijo permanece quieto alrededor del movimiento: una línea FIH/2026 arriba a la izquierda, un reloj en marcha arriba a la derecha, una etiqueta de escena y un marcador de 120 BPM. Un indicador inferior dice ENTERING PUPIL con un valor de profundidad.

Túnel de palabras: fragmentos de texto que giran alrededor de un centro oscuro, con etiquetas HUD fijas en los bordes.
Túnel de palabras: fragmentos de texto que giran alrededor de un centro oscuro, con etiquetas HUD fijas en los bordes.

Una cuenta atrás en pantalla dividida

La segunda vista es más tranquila. El lado izquierdo es azul saturado y el derecho, casi negro. Un círculo fino cruza el límite y un numeral cromado ocupa el centro.

La etiqueta T-MINUS 02, la gran palabra SET y SEQ 02 · 2/3 explican el paso con palabras. A la derecha, tres cajas pequeñas marcan el progreso, con dos rellenas y una solo con contorno.

Fotograma de la cuenta atrás: SET con un numeral cromado 3D, una división de color y un marcador de secuencia de tres cajas.
Fotograma de la cuenta atrás: SET con un numeral cromado 3D, una división de color y un marcador de secuencia de tres cajas.

Palabras más un número

El numeral marca el compás, mientras que SET da a la secuencia una señal en lenguaje llano que se entiende de un vistazo.

Progreso sin barra

Tres cajas muestran 2/3 con el mismo lenguaje visual del HUD, evitando una barra de progreso convencional.

El color como divisor

Las mitades azul y negra separan el numeral de los datos de secuencia sin añadir recuadros alrededor del texto.

FUTURE cromado como fotograma de cierre

La tercera vista reduce la película a una sola palabra dominante. Letras cromadas biseladas se asientan sobre un campo de puntos de semitono, con una palabra de fondo tenue y de gran tamaño detrás y una línea curva fina que cruza por debajo.

Como la palabra principal es tridimensional y la línea de apoyo es texto blanco plano, los dos niveles se leen de inmediato. El inconveniente es la longitud: las palabras más largas deben reducirse, lo que disminuye el detalle cromado.

Fotograma final: FUTURE cromado sobre una cuadrícula de puntos, con IS ALREADY HERE. debajo.
Fotograma final: FUTURE cromado sobre una cuadrícula de puntos, con IS ALREADY HERE. debajo.
  1. Elige una palabra protagonista corta

    Las notas de origen indican que las palabras más largas se escalan para ajustarse, así que una palabra de longitud similar a FUTURE mantiene legibles los biseles.

  2. Mantén los caracteres latinos

    La fuente display incluida cubre letras latinas, dígitos y puntuación común para las palabras en 3D, y no otras escrituras.

  3. Respeta la cuadrícula de cortes

    Reajusta el texto, pero mantén los cortes secos alineados con el ritmo para que las palabras sustituidas sigan cayendo con la música.

Origen y alcance

Se trata de un remake y una adaptación en código oficial de OpenDesign de una pieza de motion de Douyin de un tercero acreditado, no de un concepto totalmente original. El original es una publicación china de 62 segundos; esta versión es un corte destacado en inglés de 20 segundos con una banda sonora original. El crédito es factual y no implica respaldo del autor original de la publicación.

La plantilla procede de un flujo de trabajo de vídeo propuesto de OpenDesign; su disponibilidad depende de la versión instalada. Esta página presenta su película renderizada y sus decisiones de diseño, no un producto interactivo terminado.

Cómo crear un diseño de vídeo con motion futurista en OpenDesign

  1. Descargar e instalar OpenDesign

    Descarga la aplicación de escritorio, instálala y completa la configuración. Crea un proyecto para tu diseño.

    Descargar OpenDesign
  2. Escribe primero el mapa de ritmo

    Enumera cada escena con sus tiempos de inicio y fin, y mantén los cortes en un mismo ritmo. Elige una única palabra protagonista antes de pedir imágenes, para que el final cromado tenga un objetivo claro.

  3. Usa un prompt sugerido

    Describe las escenas, las etiquetas y las restricciones, y pide un primer fotograma legible.

    Prompt sugerido

    Crea una película de motion graphics de 20 segundos en azul eléctrico a 120 BPM. Usa negro, blanco y cromo, tipografía display de gran peso y pequeñas etiquetas HUD monoespaciadas. Escenas: un túnel de palabras alrededor de un centro oscuro (4,0-5,0 s), una cuenta atrás dividida en azul y negro con un numeral 3D y la etiqueta SET (9,5-11,0 s), y una palabra protagonista cromada en 3D sobre una cuadrícula de puntos con la línea IS ALREADY HERE (14,5-18,5 s). Termina con un breve glitch y END OF TRANSMISSION. Mantén los cortes secos sobre la cuadrícula del ritmo. Usa solo texto latino. No añadas locución.

  4. Comprueba la legibilidad fotograma a fotograma

    Desplázate hasta la mitad de cada escena. Asegúrate de que la palabra protagonista, la cuenta atrás y la línea final se lean bien, y de que los saltos hacia atrás reproduzcan el mismo fotograma.

  5. Exportar y obtener un enlace para compartir

    Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.