Motion
Diseño de showreel de motion designer
Un showreel de 15 segundos a 128 BPM recreado en código, con cortes de color secos, un HUD en vivo y siete capítulos sincronizados con los compases. Descubre cómo funcionan el ritmo, la tipografía y la paleta.
Ideas de diseño para
- Showreels de motion designersUn reel breve que corta entre capítulos sobre una cuadrícula musical fija.
- Aperturas de identidad de marcaUna marca, un logotipo y una línea de rol que se resuelven en una tarjeta final.
- Piezas de tipografía cinéticaTipografía display de gran tamaño guiada por el ritmo, los ecos y los cambios de color.
Aspectos destacados del showreel
- Un HUD que cuenta el pulsoEl código de tiempo, los 128 BPM, los cuatro cuadrados de pulso y BAR n/8 permanecen en cada fotograma.
- Cortes de color secos que marcan capítulosLos fondos lima, casi negro y verde profundo separan las secciones.
- La tipografía display hace el trabajoEl logotipo expandido, la línea de rol en cursiva con serifas y las letras con eco sostienen la película.
Vista previa del diseño de showreel de motion designer
Un reel organizado sobre una cuadrícula musical
La película dura 15 segundos a 128 BPM, y su HUD en pantalla hace visible esa estructura. Cada fotograma muestra un código de tiempo, 60 FPS, cuatro cuadrados de pulso, un contador BAR sobre 8 y una línea de progreso en el borde inferior.
El efecto es que los cortes se perciben deliberados. La contrapartida es que el HUD ocupa las esquinas de forma permanente, así que cualquier texto que añadas debe quedarse dentro del marco interior.
Siete capítulos de motion y una tarjeta final
Las notas de origen dividen el reel en capítulos, cada uno con su propio tiempo de inicio. Los capítulos cortos mantienen un ritmo alto, pero dejan poco tiempo para leer nada. El logotipo dispone de 1,5 segundos; el capítulo de easing, de dos.
| Tiempo | Capítulo | Contenido visible |
|---|---|---|
| 0–2,0 s | Identidad | Rayos, marca dibujada, destello, barrido circular |
| 2,0–3,5 s | Logotipo | Deslizamiento en dos líneas, compresión, línea de rol con serifas |
| 3,5–5,5 s | Easing | Seis curvas de A a B |
| 5,5–7,45 s | Transformación | Círculo a triángulo, a estrella, a squircle |
| 7,45–9,75 s | Sistemas | La tesela de papel se divide en un campo truchet |
| 9,75–11,2 s | Profundidad | Un plano de puntos se pliega en una linterna y luego en un toro |
| 11,2–13,1 s | Tipografía cinética | EASE, IN., EASE, OUT., NEVER, LINEAR |
| 13,1–15 s | Final | Anillo, marca giratoria, confeti, logotipo apilado |
Tipografía y color como transiciones principales
Los fondos cambian de golpe en lugar de fundirse. El fotograma de identidad usa verde brillante con tipografía casi negra; el de sistemas usa un campo oscuro con una cuadrícula blanco papel; el cinético usa verde profundo con letras blancas.
La rotulación del fotograma cinético deja ecos translúcidos tras cada glifo, lo que muestra la dirección sin un filtro de desenfoque de movimiento. La contrapartida es la legibilidad: en pleno movimiento, solo se leen dos letras, «OU».
Escala del logotipo
OpenDesign se compone en negra expandida a dos líneas, con una línea de rol en cursiva con serifas debajo. El contraste entre la sans ancha y la cursiva fina separa la marca del cargo.
Cuadrícula de sistemas
Una tesela de papel de 3×3 sobre casi negro, con una tenue cuadrícula de puntos detrás, empieza como un objeto estático antes de que, según el origen, se divida en un campo truchet.
Adaptar el reel a otro brief
Las notas de origen indican cambiar la marca, el rol, el texto del pie y la paleta manteniendo siete capítulos sobre la cuadrícula de 128 BPM. Es viable porque el texto, la paleta y el ritmo viven en constantes al inicio de la composición.
Cada valor visible es una función del tiempo, así que una búsqueda hacia atrás devuelve el mismo fotograma. Una línea de rol o un nombre de marca más largos pueden requerir una tipografía menor para que sigan cabiendo en el diseño de dos líneas.
Sustituye la identidad
Cambia primero la marca, el rol y el texto del pie, y luego comprueba el ancho del logotipo.
Redefine la paleta
Mantén un contraste fuerte entre el fondo de cada capítulo y su tipografía.
Respeta la cuadrícula
Reajusta el contenido dentro de los compases existentes en lugar de añadir capítulos.
Origen y alcance
Es una recreación oficial en código de OpenDesign de una pieza de terceros acreditada: una publicación de @stephanlivera en X. La composición se reconstruye en código a partir de la pieza publicada, y la banda sonora es original. Este crédito es factual y no implica el respaldo del creador original.
Es un showreel renderizado, no una herramienta de diseño interactiva. Su plantilla procede de un flujo de trabajo de vídeo propuesto de OpenDesign; la disponibilidad depende de la versión instalada.
Cómo crear un diseño de showreel de motion designer en OpenDesign
Redacta el brief del reel
Indica la duración, el tempo, el orden de los capítulos y la paleta. Nombra la marca y la línea de rol que quieres, y enumera qué capítulos conservar de la estructura de 15 segundos.
Prompt sugeridoCrea un showreel de motion designer de 15 segundos a 128 BPM, en 16:9, renderizado como película. Usa cortes de color secos entre casi negro, verde brillante, blanco papel y verde profundo. Muestra un HUD en cada fotograma: marca, código de tiempo, 60 FPS, 128 BPM, cuatro cuadrados de pulso, BAR n/8 y una línea de progreso. Capítulos: apertura de identidad, logotipo en dos líneas con una línea de rol en cursiva con serifas, seis curvas de easing, transformación de formas, una cuadrícula truchet, una nube de puntos 3D, tipografía cinética y una tarjeta final. Usa el nombre de mi marca y mi rol. No añadas voz en off.
Comprueba el ritmo y la legibilidad
Revisa cada capítulo con el contador de compases. Asegúrate de que el logotipo y la línea de rol se lean antes del siguiente corte, y acorta el texto que no quepa.
Revisa el sonido y los bordes
Decide si la película lleva música o es silenciosa. Mantén el escenario de borde a borde y comprueba que los controles no aparezcan en el fotograma del póster.
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.
Vídeo de motion del logo con historia del arte
Una película de OpenDesign de 15 segundos en 16:9 mantiene reconocible un único logotipo circular con cursor a través de looks rápidos inspirados en la historia del arte y termina con un logotipo fijo en blanco sobre negro.
Motion
Vídeo animado para un hito de la comunidad
Un vídeo animado de OpenDesign de 30 segundos pasa de la revelación de las 100K estrellas a un mosaico de colaboradores, un montaje de producto y una invitación final a escribir un prompt.
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.
Motion
Animación con recortes de papel
Un corto de 20 segundos con recortes de papel convierte una pregunta escrita a mano en cinco demostraciones de diseño y las reúne en un libro de posibilidades.
Motion