Motion Fabtu motion designer con IA

Prompts de la comunidad

Animaciones de logo

Animaciones de logo: videos hechos en Motion Fab con el prompt que los creó. Abre un prompt en la app, añade tus propios materiales y el agente crea el video.

Simple Motion

Promo de landing page con transiciones a través de objetos

<direction> Haz una promo de motion graphics horizontal de 15 segundos a 1920x1080 para [your brand], construida como una landing page que cobra vida. Móntala sobre un tema electrónico a 128 BPM sin locución. La idea es que nunca haya un corte simple: cada escena pasa a la siguiente a través de un objeto (un punto, una elección del carrete, un teléfono, una baldosa ganadora). Mantén un aspecto limpio y luminoso de UI de producto: fondos claros, píldoras redondeadas, tarjetas, un teléfono, un panel y un muro de vídeos, con todas las etiquetas en texto oscuro sobre placas blancas y mis colores de marca usados por roles. Evita cortes bruscos, fundidos cruzados, voz, texto blanco sobre fondos claros o rayados y etiquetas que se solapen con anillos o formas vecinas. </direction> <structure> Cinco tiempos de duración aproximadamente igual, unos 3 segundos cada uno, y cada traspaso cae en el pulso. 1. Apertura: un único punto aparece en el centro y crece hasta convertirse en una píldora horizontal con una fila de círculos: pequeños retratos e iconos como "Aa", formas simples y un cubo. Cada icono se ve por completo, sin quedar tapado por el círculo vecino. La cámara se aleja y revela un titular de dos líneas, ambas centradas. La primera línea es algo como "No … keyframes." (sustitúyela por la tuya). La última palabra del titular sigue rodando por alternativas como un carrete de tragaperras. 2. Un zoom se sumerge hacia un carrete giratorio de retratos de creadores y tarjetas. El carrete se ralentiza y se detiene en una elección, que se resalta. 3. La elección se convierte en un teléfono y un abanico de tarjetas de funciones se despliega a su alrededor. Una tarjeta dice "Edit in words" con el número grande "03" y una pequeña etiqueta "Live preview" justo al lado del número (sustitúyelo por tus funciones). Los textos de las tarjetas van sobre placas blancas. 4. Un barrido rápido lleva a un panel de baldosas de vídeo con títulos sobre placas blancas. Las puntúa y elige un vídeo ganador, que se resalta. 5. La baldosa ganadora se abre en un muro inclinado de vídeos con títulos sobre placas blancas. Después el muro se pliega hasta formar mi logo para la tarjeta final, con "[your website]" junto al logo sobre una placa blanca. </structure> <composition> Encuadre centrado y simétrico para el titular y la tarjeta final con el logo. Los elementos de UI se disponen como en una landing page real: una fila de píldoras, tarjetas con números grandes y etiquetas pequeñas, una maqueta de teléfono, una cuadrícula de panel y un muro inclinado en perspectiva. Usa mis colores de marca por roles: tonos de fondo (claros, con algunos rellenos rayados), un acento para resaltados, selecciones y anillos, y un color de texto oscuro. Cada título en tarjetas, baldosas y el muro es texto oscuro sobre una placa blanca redondeada para que se lea sobre cualquier fondo. Usa una sola familia sans-serif limpia: titular en negrita, etiquetas de peso normal y etiquetas de botón en negrita. Deja márgenes generosos para que ningún texto toque anillos ni bordes. </composition> <techniques> Cada transición es un objeto que se convierte en la siguiente escena, nunca un corte. El punto crece hasta la píldora con un ease-out suave y los círculos aparecen con un ligero escalonado. El alejamiento de cámara es una reducción de escala suave que revela el titular. La palabra rodante es un giro vertical tipo tragaperras que recorre palabras en bucle. El zoom atraviesa la píldora hasta el carrete. El carrete gira rápido y desacelera con un ease-out largo para detenerse con precisión en la elección. La elección escala y se transforma en el teléfono, y las tarjetas se abren en abanico a su alrededor con un giro y deslizamiento escalonados. El barrido es un movimiento horizontal rápido con desenfoque de movimiento y un ease in-out marcado. La selección del panel es un anillo de resaltado y un aumento de escala en el ganador. El ganador se expande en el muro 3D inclinado, que se pliega y colapsa en el logo con un asentamiento final. Todos los movimientos y aterrizajes clave caen en la cuadrícula del pulso. </techniques> <music> Crea un tema electrónico original y animado a 128 BPM, de exactamente 15 segundos, con un arco claro: inicio ligero, crecimiento a través de las escenas del carrete y el teléfono, un drop en torno al barrido y un final limpio sobre el logo. Colócalo sobre la cuadrícula de pulso del montaje, con golpes compuestos encima para cada traspaso, un riser hacia el drop y un golpe final cuando el muro se pliega en el logo. Masteriza a unos -14 LUFS con true peak por debajo de -1 dBTP. </music> <sound> Sin locución. Añade whooshes en el zoom y el barrido, un tic y parada corto cuando el carrete se detiene, y un impacto suave en el logo. Mantén todos por debajo de la música y en el pulso. </sound> <references> Una landing page SaaS animada como promo de producto: tarjetas de UI, maqueta de teléfono, panel de analítica y muro de vídeos, al estilo de los vídeos modernos de lanzamiento de apps con transiciones fluidas de objeto a objeto. </references>

Simple Motion

Promo con billete, maleta y formatos con revelación de logo

<direction> Crea un promo de motion graphics horizontal de 15 segundos (1920x1080, 60 fps) para [your brand], un producto que convierte una descripción en un vídeo terminado (adapta las palabras a las tuyas). La idea: una petición se convierte en un billete, el billete se abre a una promesa, una maleta entrega los pasos uno a uno, tres formatos pasan volando y todo aterriza en mi logo. No hay voz en off: las palabras están en pantalla y la música lo lleva todo. Todo está dibujado: gráficos 2D planos con una tarjeta inclinada en 3D, sin metraje. El aspecto es claro, limpio y enérgico: un acento rosa sobre una página clara, con un campo oscuro de tinta profunda. Evita el metraje, la voz, el desenfoque dentro de máscaras de texto y cualquier deriva o distorsión del logo. El logo se forma entero, exactamente como está dibujado, y se mantiene perfectamente quieto desde aproximadamente 13,3 s hasta el final. </direction> <structure> 1. 0–1,9 s, la petición. A la izquierda, un pequeño texto superior rosa con espaciado entre letras «YOUR AI MOTION DESIGNER» está sobre un titular de tres líneas de unos 180 px, «Describe» / «the» / «video.» (sustitúyelo por el tuyo; la última línea es rosa). Las líneas suben desde sus líneas base una tras otra. La primera ya se mueve en el fotograma 0 y las demás la siguen con 0,13 s de diferencia, lineal, 0,17 s cada una. A la derecha hay una tarjeta-billete blanca inclinada en perspectiva, con su lado izquierdo más cercano. Tiene una cabecera rosa «FROM IDEA TO VIDEO» y mi logo pequeño con «[your brand]» a su lado. Dos campos, «FROM IDEA · Your idea» y «TO MP4 · Video», están unidos por una línea discontinua con un triángulo de play rosa. También lleva pequeñas etiquetas «EDIT WORDS», «STEP 03», «EFFECTS 3D» y «PREVIEW LIVE», un código de barras y «03» en la matriz. La tarjeta entra volando desde la derecha a 0,23 s (power3.out, 0,35 s), se pasa unos 125 px hacia la izquierda y vuelve a asentarse (sine.inOut, 0,37 s). Mientras tanto, el código «MP4» cicla letras aleatorias 15 veces por segundo y se fija letra a letra a 0,67, 0,8 y 0,93 s. A 1,17 s un sello rosa de contorno «MP4 EXPORT», inclinado -14°, golpea desde 2,4x en 8 fotogramas con un pequeño rebote. A 1,67 s el triángulo de play se encoge en un punto rosa que crece hasta convertirse en un barrido circular centrado en él, con dos anillos rosa pálido justo fuera de su borde. El radio pasa por 15, 36, 66, 120, 210, 330, 540, 900 y 1500 px, un paso cada dos fotogramas. Las líneas del titular salen hacia arriba en orden a medida que crece el círculo. 2. 1,9–4,0 s, la promesa, sobre un campo totalmente rosa (radial, más claro en el centro). Un triángulo de play blanco, algo más largo que ancho para que apunte hacia donde va, nace dentro del círculo. Vuela un bucle alrededor de las palabras, girado a lo largo de su trayectoria: arriba, a la izquierda por la parte superior, abajo por la izquierda, a lo largo de la parte inferior, arriba por el lado derecho y fuera por la esquina superior derecha. Tras de sí dibuja una órbita punteada blanca cuyos puntos más antiguos se desvanecen en una línea fina y tenue. Dos grandes círculos tenues están en el fondo. «No keyframes.» (unos 220 px, blanco) entra girando letra a letra, con 0,03 s de diferencia, en un arco desde abajo a la derecha, empezando a 38° y enderezándose. A 2,8 s sale volando hacia arriba letra a letra. A la vez, «The agent animates it.» (unos 157 px) sube desde su línea base letra a letra, con 16 ms de diferencia. A 3,03 s una píldora blanca redondeada entra desde la izquierda tras «animates it.» en 0,18 s, y esas palabras se vuelven rosas dentro de ella. A 3,77 s las palabras se desenfocan y se desvanecen. Una maleta de tinta profunda con correa rosa y una etiqueta «MP4» cae desde arriba y aterriza a 4,02 s con un pequeño aplastamiento. 3. 4,0–8,95 s, los pasos. Un círculo claro se abre desde la maleta con dos anillos rosa pálido, y dos elipses de ondas rosas se extienden desde su base. Arriba sube «Edit in words.» (tenue, unos 56 px). Luego sube «Your idea is ready to move.» (unos 93 px) palabra a palabra, con «move.» en rosa y un subrayado rosa dibujado a mano trazándose debajo. Sobre la maleta llegan seis tarjetas de pasos blancas, una cada 0,58 s. Cada tarjeta mide 900x165 px y es redondeada, con un icono en una pieza a la izquierda y un chip de estado a la derecha. Cada una sube desde detrás de la maleta (desde 100 px más abajo y al 72 % de tamaño, 0,3 s, power2.inOut) con un chip lavanda «Animating» y un spinner. Luego se ilumina en dos tiempos: primero un borde rosa y un halo exterior suave, 0,07 s después la pieza del icono se vuelve rosa y el chip se convierte en un «✓ Ready» rosa. Cuando llega la siguiente tarjeta, la anterior sube 40 px y se desvanece en 0,15 s. Las tarjetas dicen: «Kinetic type», «Shapes», «3D effects», «Sound», «Your own footage», «Fonts for every script» (sustitúyelas por las tuyas). Bajo la maleta, seis puntos y un contador avanzan con cada tarjeta, de «1 / 6 in motion» a «6 / 6 in motion». A 7,9 s la última tarjeta cambia en su sitio a «Ready to move.» con una pieza de check y un chip rosa «6 / 6». El contador se sustituye por «✓ Live preview. MP4 export.» A 8,4 s todo salvo la maleta se eleva y se desenfoca. A 8,7 s la cámara se sumerge en la maleta hasta que su cuerpo de tinta profunda llena el encuadre. 4. 8,95–11,4 s, los formatos. Un grupo de tres bandas inclinadas barre de derecha a izquierda en 0,2 s y abre un panel a pantalla completa tras su borde de salida. Las bandas se inclinan unos 18°: una franja rosa oscuro, una banda rosa ancha y una franja rosa claro. El mismo barrido vuelve a 9,76 s y 10,5 s. Los tres paneles son bloques de degradado suave con un horizonte: - de lavanda a violeta, con una luz cálida en la mitad inferior; - un cielo violeta sobre un «mar» de tinta profunda; - un cielo naranja sobre tinta profunda, con una banda de neblina turquesa. Cada panel avanza lentamente de 1,07 a 1 y tiene un degradado de tinta profunda abajo. Su nombre sube letra a letra abajo a la izquierda, unos 226 px, en blanco: «Vertical», «Horizontal», «Square». Arriba a la izquierda hay un pequeño HUD con espaciado entre letras: «01 / 03» en rosa claro, luego «9:16», luego «MP4 EXPORT» escribiéndose, con un subrayado rosa creciendo debajo. Cambia a «02 / 03 · 16:9 · LIVE PREVIEW» y luego a «03 / 03 · 1:1 · NO KEYFRAMES». 5. 11,4–12,5 s, la cuadrícula. El último panel se encoge hasta la tarjeta derecha mientras los otros dos entran deslizándose desde la izquierda. Juntos forman tres tarjetas verticales (580x780 px, 30 px de separación) sobre un campo de tinta profunda. La cuadrícula avanza suavemente a 1,05 y se asienta en medio segundo. «Vertical, horizontal or square.» sube sobre ella en blanco. Una vez asentada la cuadrícula, pequeños nombres se desvanecen sobre las tarjetas («Vertical», «Horizontal», «Square»), bien dentro del encuadre. 6. 12,2–15 s, el logo. Un punto rosa crece desde la tarjeta central, con anillos de halo pálidos, mientras la cuadrícula se encoge a 0,9 sobre una página blanca. Su radio se anima cada dos fotogramas de 12 a 1150 px. Luego el punto se encoge rápido y se ralentiza (260, 125, 90, 75 px) al viajar a la izquierda del centro. Allí se abre directamente en la forma de fondo de mi logo, sin superponerse nunca al logo, y las partes interiores del logo crecen como una sola pieza, exactamente como está dibujado el logo. A 13,03 s «[your brand]» sale deslizándose desde detrás del logo hacia la derecha (power3.out, 0,32 s), mientras un fino anillo rosa se extiende alrededor del logo y se desvanece. El nombre mide unos 150 px, tinta profunda, con sus letras centradas en la línea media del logo y todo el conjunto centrado en el encuadre. Luego «Describe the video. The agent animates it.» sube palabra a palabra debajo, con la segunda frase en rosa. Aparecen tres chips lavanda: «• Vertical», «• Horizontal», «• Square». «[your website]» sube en gris tenue. El logo permanece perfectamente quieto desde aproximadamente 13,3 s, y todo se mantiene hasta el final. </structure> <composition> La base es una página clara #FAF9FF con una tenue cuadrícula de puntos de 40 px #E9E4F2 y suaves resplandores radiales rosas. La tinta profunda #1C0B5D es para el texto oscuro, los objetos oscuros y el campo oscuro. Hay un solo acento, el rosa #FB2D89, para resaltados, el campo de acento y el progreso. El tono tenue #6B6385 es para líneas secundarias y el lavanda #F0EDFF para chips suaves. El naranja #FE9117, el violeta #7C6CF2 y el turquesa #2DD4B0 aparecen solo en los tres paneles de formato (y en mi logo si los usa). Los titulares usan una sans geométrica gruesa, Manrope ExtraBold, con un interletraje ajustado de aproximadamente -0,05em. Las etiquetas pequeñas, el texto del HUD y el sitio web usan una sans limpia, Inter SemiBold. Composición por plano: - Plano 1: titular a la izquierda, billete inclinado a la derecha. - Plano 2: palabras centradas sobre el campo rosa. - Plano 3: tarjetas de pasos apiladas sobre la maleta, puntos y contador debajo, titular arriba. - Plano 4: nombres de formato abajo a la izquierda, HUD arriba a la izquierda. - Plano 6: cierre con el logo centrado, con el eslogan, los chips y el sitio web apilados debajo. </composition> <techniques> Las revelaciones son limpias. El texto sube desde su propia línea base dentro de un recorte que se mueve con él, nunca un desenfoque dentro de una máscara. Las salidas aceleran y desaparecen en aproximadamente 0,1 s. - Los barridos circulares crecen en radios escalonados animados cada dos fotogramas, con anillos rosa pálido justo fuera del borde. - El código del billete cicla letras y se fija letra a letra. - El sello golpea desde 2,4x con un pequeño rebote. - Las letras entran en un arco giratorio, y la píldora de resaltado barre tras palabras que cambian de color dentro de ella. - Las tarjetas de pasos se iluminan en dos tiempos: primero borde y halo, luego la pieza y el chip. - La cámara se sumerge en la maleta a escala 1,5, 3,1, 6,2 y 7 en un cuarto de segundo. - Los barridos inclinados de tres bandas llevan las transiciones entre los paneles de formato, y cada panel avanza lentamente. - El panel único se colapsa en una cuadrícula de tres tarjetas. - Un punto viaja y se abre en el logo, que se construye como una sola pieza y nunca se mueve ni se deforma una vez formado. </techniques> <music> Usa un tema original de house electrónico animado y optimista a 120 BPM, de exactamente 15 s. El groove completo suena desde el primer fotograma, con un bombo en cada pulso aproximadamente en x,05 y x,55 s. Se mantiene estable bajo las tarjetas y los formatos. La batería desaparece a 12,55 s cuando el punto se traga la cuadrícula, dejando un pad cálido y un arpegio ascendente que se desvanecen hacia 15 s. Los cortes y los golpes clave caen sobre la cuadrícula de pulsos. </music> <sound> El diseño de sonido va sobre el tema, sin batería adicional: - un whoosh cuando el billete entra volando; - tics suaves cuando el código se fija; - un impacto suave en el sello; - whooshes en cada barrido circular y en la píldora de resaltado; - un golpe sordo cuando aterriza la maleta; - un blip que sube de tono cuando cada tarjeta se vuelve rosa; - una campanilla cuando aterriza la última tarjeta; - un riser hacia la inmersión y un impacto cuando se abre el primer panel; - whooshes en cada barrido de bandas y cuando las tarjetas se juntan; - un riser hacia el drop; - una campana cuando se forma el logo; - clics suaves en los chips. Mezcla a unos -14 LUFS con un pico real por debajo de -1 dBTP. </sound> <references> Un anuncio moderno de lanzamiento de app en estilo vectorial plano, construido sobre tipografía cinética y una metáfora de viaje: una tarjeta de embarque, una maleta y paneles de horizonte. Termina con un cierre limpio con el logo centrado. </references>

Usado 2 veces
Simple Motion

Sting de app en pantalla dividida con dos velocidades de fotogramas

<direction> Haz un sting de producto horizontal en pantalla dividida de 12 segundos para mi app, a 1920x1080 y 59,94 fps. Dos paneles cuadrados reproducen lado a lado la misma animación de interfaz luminosa. El panel izquierdo avanza con una sensación de 29,97 fps y el derecho va a la velocidad de fotogramas completa, para que se note la diferencia de fluidez. Siete planos rápidos caen sobre el ritmo: un cursor hace clic en mi logo en una ventana de la app, el icono estalla en cuadrados orbitales, un clic en la barra de menús hace brotar un cuadro de prompt de cristal en el que se escribe, una página de texto pasa deslizándose con una tarjeta, dos tarjetas apiladas flotan hacia arriba, mi logo queda solo y un logotipo luminoso irrumpe sobre casi negro. El aspecto es limpio y luminoso, con sombras suaves y desenfoque de movimiento en cada movimiento. Evita inicios estáticos, fundidos cruzados, grano y voz en off. </direction> <structure> 1. 0,00–2,39 s, cabecera y clic. Una bruma violeta se despeja hasta la página blanca en 0,9 s y deja un brillo lavanda abajo. Una cabecera de una línea sube de aproximadamente y 930 a 537 con un ease-out exponencial (unos 1,2 s), muy desenfocada al principio. Contiene mi logo en un disco lavanda de 132 px, el nombre «[tu marca]» en Inter Medium en tinta profunda y una cápsula de tinta profunda «Abrir app». El nombre aparece de golpe en el segundo fotograma, ya desenfocado. La cápsula le sigue dos fotogramas después, deslizándose 15 px a la izquierda mientras se enfoca. Desde 0,45 s una ventana blanca de app con radio de esquina de 93 px aparece gradualmente alrededor de la cabecera (53 %, 70 % y luego 100 % a los 0,78 s). Dentro hay una píldora de búsqueda lavanda «Describe el vídeo», una columna de iconos apagados y una tarjeta sobre una portada de tinta profunda a violeta. La tarjeta dice «Tu idea está lista para moverse» / «Vista previa en vivo · exportación MP4» en el panel izquierdo y «Chat en vez de línea de tiempo» en el derecho. La portada dice «De la idea al vídeo en un chat» o «Describe tu idea». A los 0,88 s aparece arriba a la derecha un cursor de flecha negro con contorno blanco y se desliza a la izquierda, desacelerando. Gira -85 grados para mirar hacia abajo mientras se lanza en picado, aterriza erguido sobre el logo y crece 1,55x mientras un suave anillo rosa se enciende alrededor del disco. La cámara avanza hasta 1,2 respecto al centro (ease-in-out, 0,47 s) y se mantiene un fotograma. Luego retrocede hasta 1,04 con una curva acelerada mientras el cursor presiona (se encoge un 15 %), directo al corte. 2. 2,39–3,35 s, icono y órbita. Corte seco en el drop de la música: mi logo como icono de la app aparece a 276 px y se encoge a 178 px (expo out, 0,47 s). Cuatro cuadrados redondeados, con desenfoque de movimiento y 32 grados por delante, se asientan en cruz a su alrededor en un radio de 222 px (expo out, 0,9 s). Son violeta, turquesa, rosa y amarillo a la izquierda, y rosa, naranja, turquesa y blanco a la derecha. Un disco lavanda bicolor crece detrás del icono en 0,2 s. Desde 3,12 s los cuadrados se pliegan hacia una fila a la derecha y se encogen, y el icono se encoge hasta unos 70 px bajo una rampa de desenfoque. 3. 3,35–5,29 s, barra de menús y prompt. Corte a la esquina superior derecha de una pantalla de ordenador bajo una página blanca. Muestra un bisel casi negro de 46 px y una barra de menús oscura y translúcida con iconos de wifi, batería y control, mi logo, tres puntos de acento, «[tu marca]» y «Abrir app». El fondo de pantalla va de tinta profunda a violeta, con franjas de luz diagonales a la izquierda, un resplandor rosa, una cuadrícula fina y un destello a la derecha. El cursor sube hasta el logo y hace clic (escala a 0,82 durante 0,1 s). Un cuadro de prompt de cristal esmerilado brota del icono: 740 x 226 px, radio de 56 px, lavanda translúcido con borde blanco finísimo. Escala de 0,18 a 1 con rebote en 0,19 s, su desenfoque baja de 9 px a 0, mientras la cámara se desplaza 115 px a la derecha. Escribe a 27 caracteres por segundo tras un cursor de texto blanco: «Edita con palabras, sin fotogramas clave» a la izquierda, «Más grande, más lento, otro color» a la derecha. Un botón de envío rosa redondo y tres pequeños glifos están en su fila inferior. El plano se desplaza hacia arriba y sale con una rampa de desenfoque vertical mientras un velo lavanda sube hasta el 75 %. 4. 5,29–7,16 s, página de respuesta y tarjeta. Desde el destello lavanda, una página de texto gris violáceo en Inter de 42–45 px sube desplazándose desde 291 px más abajo. Se mueve con una curva exponencial (constante de tiempo de 0,2 s), con desenfoque vertical ligado a su velocidad. Una frase en tinta profunda SemiBold está bajo un pequeño cursor erguido: «Diseñador de motion con IA» a la izquierda, ««más lento», «otro color»» a la derecha. Líneas de ejemplo: «De la idea al vídeo en un chat», «01 Elige una plantilla», «02 Describe tu idea», «03 Refina con palabras y luego exporta», «Dile al chat qué mostrar. El agente crea la animación.», «Tipografía cinética, formas, efectos 3D y sonido». A los 6,22 s una tarjeta aparece de golpe cerca de la parte inferior, desenfocada. Sube con un ease-out rápido sobre una deriva ascendente constante de 158 px/s mientras la página se atenúa al 45 % y se desenfoca 3 px. A la izquierda la tarjeta muestra un triángulo abstracto en tinta profunda, violeta, naranja y amarillo, con el pie «Ideas en movimiento» / «[tu sitio web]». A la derecha muestra una portada de tinta profunda a violeta con una tarjeta blanca «Describe tu idea», con el pie «Chat en vez de línea de tiempo» / «Vista previa en vivo · exportación MP4». Desde 6,9 s acelera hacia arriba, se encoge a 0,9 y se desenfoca hasta desaparecer. 5. 7,16–8,16 s, tarjetas apiladas. Una disolución con desenfoque de tres fotogramas trae dos tarjetas apiladas (534 x 343 px, radio de 51 px). Llegan 165 px más abajo, un 15 % más grandes y desenfocadas, se asientan en 0,3 s y siguen flotando hacia arriba, y luego salen con un movimiento acelerado y una rampa de desenfoque. Cada una lleva un título blanco gigante al 60 % de opacidad, cortado por su borde inferior. A la izquierda los títulos son «Fuentes» y «Música», sobre ilustraciones de triángulos con una píldora «Abrir app». A la derecha son «Formas» y «Sonido», sobre portadas de tinta profunda a violeta con píldoras «02» y «03» y tarjetas interiores blancas «Tipografía cinética, formas» y «Música y efectos de sonido»; la segunda tarjeta tiene un resplandor rosa anaranjado. 6. 8,16–10,03 s, el logo solo. Corte con desenfoque a mi logo en un disco lavanda de 167 px sobre blanco. Sube 115 px a su sitio con una curva exponencial (0,17 s), se mantiene y luego se encoge hacia el corte. 7. 10,03–12,00 s, tarjeta final. Corte seco a casi negro con un resplandor radial de tinta profunda. Un logotipo blanco con un suave brillo de dos capas irrumpe desde 3,85x: «[tu marca]» a la izquierda, «[tu sitio web]» a la derecha. Su desenfoque horizontal desaparece en 0,1 s. Se asienta a 1x en aproximadamente un segundo con una curva cada vez más lenta, luego retrocede despacio y acelera hasta 0,72x en el último fotograma. </structure> <composition> El fondo es casi negro #0D0B1E. Dos paneles cuadrados de 930 x 930 px cada uno están lado a lado en y 100 (el izquierdo en x 20, el derecho en x 970). Sobre cada uno hay una pequeña etiqueta en Inter SemiBold 28 px, lavanda claro #E9E4F2: «Vista previa en vivo» sobre el panel izquierdo y «[tu marca] · exportación MP4» sobre el derecho. Ambos paneles reproducen los mismos siete planos a la vez, con el mismo tiempo y movimiento. El panel izquierdo muestra una imagen nueva cada dos fotogramas y el derecho cada fotograma. Solo difieren algunas palabras entre los paneles, como se indica en los planos. Dentro de un panel, coloca todo en un escenario de 1080 x 1080 escalado para ajustarse. Paleta: página clara #FAF9FF; lavanda #F0EDFF para paneles suaves y resplandores; líneas #E9E4F2; gris violáceo apagado #6B6385 para el texto secundario; tinta profunda #1C0B5D para texto oscuro y superficies oscuras; casi negro #0D0B1E. Los acentos son rosa #FB2D89 (el principal) y naranja #FE9117, con violeta #7C6CF2, turquesa #2DD4B0 y amarillo #FFD23F donde hacen falta cuatro colores. Usa Inter 400/500/600/700 en todo. Mi logo es el icono de la app dondequiera que aparezca un logo. Un icono cuadrado redondeado encaja mejor con el diseño, por ejemplo un cuadrado de tinta profunda con un remolino rosa, naranja y blanco y un triángulo de play rosa. </composition> <techniques> Nada empieza desde un fotograma fijo. Cada elemento entra ya en movimiento con un ease-out exponencial y sale con un movimiento acelerado o una rampa de desenfoque. El desenfoque de movimiento sigue la velocidad y dirección de cada movimiento. No hay fundidos cruzados: los planos cambian con cortes secos, cortes con desenfoque y una breve disolución con desenfoque, todo sobre el ritmo. La cámara avanza hasta 1,2 (ease-in-out, 0,47 s), se mantiene un fotograma y retrocede hasta 1,04 con una curva acelerada en el plano 1, y se desplaza 115 px a la derecha en el plano 3. El cursor es una flecha negra con contorno blanco; sus clics lo encogen (15 %, o a 0,82 durante 0,1 s). La escritura va a 27 caracteres por segundo tras un cursor de texto blanco. Las apariciones rebotan. Las salidas hacia arriba usan rampas de desenfoque vertical, y la irrupción de la tarjeta final usa un desenfoque horizontal. </techniques> <music> Haz una base de funky house animada a 124 BPM, de exactamente 12 segundos. Abre con una intro filtrada bajo el primer plano. El groove completo (bombo a negras, palmas, bajo slap, acordes punteados) entra en el corte al icono a los 2,39 s. Un breakdown filtrado suena bajo el logo solo, y una cola de reverb sigue al golpe de la tarjeta final. Cada corte cae sobre el ritmo. Mezcla a unos -14 LUFS con un true peak por debajo de -1 dBTP. </music> <sound> Sobre la música, añade estos efectos de sonido: - un riser hacia el drop y un boom en él - un clic suave cuando el cursor presiona el logo, y otro en el icono de la barra de menús - un pop cuando brota el cuadro de prompt - ligeros tics de escritura - un whoosh en el pliegue hacia la barra de menús y en el barrido hacia la página de texto - swishes cuando sube la tarjeta y cuando se disuelven las tarjetas apiladas - un impacto ligero sobre el logo solo - un boom con tono descendente en la tarjeta final Sin voz. </sound> <references> Un sting pulido de lanzamiento de app al estilo del motion de interfaces de producto moderno: maquetas de interfaz luminosas, movimientos de cámara cinéticos, fuerte desenfoque de movimiento direccional y cortes sincronizados con el ritmo. Está planteado como una comparación de velocidad de fotogramas. </references>

Simple Motion

Bucle de UI morfeante guiado por un cursor que hace clic

<direction> Haz un vídeo cuadrado de 14 segundos (1440x1440, 30 fps): un bucle de motion de UI sin costuras, todo dibujado, sin cortes. Una forma redondeada se va transformando de un componente de interfaz en el siguiente: botón, cargador, check, píldora isla, reproductor de música, deslizador de volumen, interruptor, pestañas, gráfico, píldora de búsqueda, paleta de comandos, toast y de vuelta al botón. Un cursor en pantalla dirige cada cambio y hace clic y arrastra de verdad. El último fotograma debe coincidir con el primero para que haga bucle. El aspecto es limpio y sereno: un lienzo lavanda, componentes en tinta profunda y blanco y una sola fuente de UI limpia. El único color viene de mi logo, que hace de portada de álbum. Pasa algo en casi cada pulso a unos 120 BPM. Evita brillos, degradados en el cromo de la UI, partículas, easing con rebote, cortes y voz. Todas las palabras en pantalla de abajo son ejemplos que hay que sustituir por las mías. Mantén cada una de una longitud parecida para que el diseño aguante. </direction> <structure> 0.0-0.6 s: un botón píldora de tinta profunda «Open app» (unos 640x200 px, texto blanco de 62 px). El cursor se desliza desde abajo a la derecha y lo pulsa a los 0.46 s, y el botón baja al 96 %. 0.6-1.25 s: se encoge en un círculo de 230 px con un arco blanco que gira, y luego un check blanco se dibuja solo. 1.25-1.75 s: el círculo se estira en una píldora isla (unos 860x210) con mi logo como un pequeño cuadrado redondeado a la izquierda y cinco barras blancas de onda que saltan a la derecha. 1.75-3.7 s: la isla se abre en una tarjeta de reproductor de tinta profunda (unos 990x630, esquinas de 72 px). El logo crece hasta una portada de 224 px como elemento compartido, junto al título «Ideas in motion» y «[your site]» en lavanda suave. Debajo hay una fina barra de progreso blanca con un control, «01» y «03» en los extremos e iconos de anterior / pausa / siguiente. El cursor hace clic en pausa, que se convierte en play con un desenfoque rápido, y luego vuelve a hacer clic para dejarlo en pausa. Después agarra el control, que crece un 25 %, y lo arrastra desde un tercio aproximadamente hasta casi el final. 3.7-5.25 s: la tarjeta se colapsa en una píldora ancha de volumen (unos 1070x186) con un icono de altavoz. El cursor arrastra el nivel casi a cero, de nuevo arriba y más allá del máximo. Toda la píldora se estira hacia la derecha como goma, hasta unos 170 px, y vuelve de golpe con un pequeño bamboleo al soltar. 5.25-6.25 s: se convierte en un interruptor (unos 520x260). El control aparece gris en el centro, luego cambia a encendido, apagado, encendido, apagado, con una pulsación cada vez. Encendido es una pista de tinta profunda con el control blanco a la derecha. Apagado es una pista pálida #E9E4F2 con el control a la izquierda. 6.25-7.25 s: el control crece hasta el indicador de tinta profunda de una barra de pestañas blanca «Pick» / «Describe» / «Export». El cursor hace clic en «Describe» y luego en «Export». El indicador se estira por delante y se pone al día, y la etiqueta de debajo se vuelve blanca. 7.25-9.7 s: la barra de pestañas se abre en una tarjeta de gráfico blanca (unos 1100x840), con las pestañas arriba y el indicador convertido en una pequeña píldora. Un número grande y en negrita rueda «01», «02», «03» con un ligero desenfoque sobre el pie «Refine in words, then export». Mientras tanto, una línea de tinta profunda se dibuja de izquierda a derecha en medio segundo sobre un área lavanda y cuatro líneas finas. El cursor recorre la línea con un tooltip de tinta profunda que dice «01», «02», «03» por el camino, seguido de un punto y una guía discontinua. Al hacer clic en «Describe», el número rueda a «02» con el pie «Describe your idea», y la curva se transforma en otra más baja y ondulada. 9.7-10.1 s: la tarjeta se colapsa en una píldora de búsqueda blanca con un icono de búsqueda, «Edit in words» y «⌘K» a la derecha. 10.1-11.75 s: la píldora se abre en una paleta de comandos (unos 1060x830). Arriba hay una fila de búsqueda con el marcador «Describe your idea» y un cursor parpadeante, y luego una línea fina. Siguen cinco filas, que entran con 40 ms de diferencia, cada una con un icono sobre una baldosa lavanda: «Pick a template ⌘N», «MP4 export ⌘E», «Ideas in motion», «Live preview», «Your AI motion designer ↵». La palabra «motion» se escribe letra por letra, a unos 0.1 s de distancia y algo irregular, con el cursor fijo mientras se escribe. La palabra escrita debe coincidir exactamente con dos filas. Las filas que ya no coinciden se desenfocan y desaparecen, las dos coincidentes suben, el panel se acorta con un rebote y la vista se acerca. Un resaltado lavanda se sitúa en la primera coincidencia, baja hasta «Your AI motion designer» y se vuelve tinta profunda al pulsar Enter. 11.75-12.6 s: la paleta se pliega pasando por un tono más claro hasta un toast de tinta profunda (unos 970x180) con un check blanco y «Your AI motion designer», mientras la vista se retira suavemente. 12.6-14 s: el texto del toast se desenfoca hasta convertirse en «Open app» y la píldora se encoge de nuevo hasta el botón inicial. Se mantiene hasta el final, con el cursor en reposo abajo a la derecha, de modo que el último fotograma coincide con el primero. </structure> <composition> El lienzo es lavanda #F0EDFF con un suave resplandor blanco justo por encima del centro y una viñeta tenue. Los componentes son de tinta profunda #1C0B5D o paneles blancos #FFFFFF. El texto atenuado es #6B6385, y las líneas finas y el estado apagado del interruptor son #E9E4F2. Todos los paneles proyectan sombras largas y suaves teñidas de tinta. Los únicos acentos de color son los colores de mi logo, aquí rosa #FB2D89 y naranja #FE9117, así que usa los colores de tu logo. El logo aparece como el pequeño cuadrado redondeado de la isla y como la portada del reproductor. Todo el texto va en Geist, y los números pequeños del reproductor en Geist Mono. El cursor es una flecha casi negra (#0D0B1E) con contorno blanco. Todo se mantiene centrado en el lienzo. </composition> <techniques> La única forma cambia de ancho, alto, radio de esquina y color con muelles firmes: unos 0.25 s para asentarse, con un rebasamiento de como mucho un 1 %. Todo lo que hay dentro de cada estado entra y sale en 0.1 s con 10 px de desenfoque, de modo que el texto nunca se superpone mientras el contenedor cambia de tamaño. Los cambios de texto, como de pausa a play y del texto del toast de vuelta a «Open app», también pasan por un desenfoque rápido. El cursor se mueve en curvas suaves y se encoge un 14 % mientras se mantiene pulsado su botón. El logo pasa de la isla a la portada del reproductor como elemento compartido. La píldora de volumen se estira como goma cuando se tira más allá del máximo y luego vuelve de golpe con un pequeño bamboleo. El borde delantero del control del interruptor usa un muelle más rígido que el trasero, así que el control se estira al moverse. El indicador de pestañas se estira por delante y se pone al día del mismo modo. Los números del gráfico ruedan con un ligero desenfoque, la línea se dibuja de izquierda a derecha en unos 0.5 s y la curva se transforma en su nueva forma al cambiar de pestaña. Las filas de la paleta entran con 40 ms de diferencia y las filas filtradas se desenfocan hasta desaparecer. La cámara se queda quieta, salvo un suave acercamiento del 17 % mientras la paleta es corta, que se relaja al formarse el toast. </techniques> <music> Genera un tema instrumental animado de rockabilly / country-rock en mi bemol a unos 120 BPM, exactamente tan largo como el vídeo. Tiene un groove boom-chick, con el bombo en el pulso y la caja en las corcheas intermedias, y licks de guitarra solista con mucho twang sobre el bajo y la batería. Empieza con toda la energía en el primer fotograma y se mantiene constante. Coloca las acciones del cursor y las transformaciones sobre su rejilla de pulso. A unos 13.4 s la banda se detiene en un golpe con un crash y lo deja sonar, para que el bucle vuelva a empezar a tiempo. </music> <sound> Efectos de sonido compuestos para la imagen, sobre la música: - Cada pulsación del cursor hace clic con un tic corto y brillante y un pequeño timbre afinado. Cada liberación da un tic más suave y agudo. Ambos se panoramizan suavemente con el cursor. - Un pequeño blip cuando aparece el check. - Un platillo invertido que crece hasta el clic en la pestaña «Export». - Un suave bum grave cuando se abre la tarjeta del gráfico. - La búsqueda se teclea en una máquina de escribir: dos teclas para ⌘K, un clac por cada letra tecleada, una tecla más ligera para la flecha abajo y un Enter pesado con una pequeña campanilla de máquina de escribir. - Un zip de retorno de carro cuando la paleta se pliega en el toast, que termina en un clonc cuando el toast aterriza. - Un bum profundo y un splash bajo la parada final. Los agudos de la música bajan un instante bajo cada clic y tecla para que se oigan. Sin voz. Mezcla a unos -14 LUFS, con pico real por debajo de -1 dBTP. </sound> <references> Bucles fluidos de interfaz con una sola forma que se transforma, como los showreels de UI de producto y las transiciones al estilo Dynamic Island, donde un contenedor se va remodelando en el siguiente componente en un único plano continuo. </references>

Simple Motion

Película de marca con una sola línea dorada

Crea una película de marca vertical de 1080x1920 y 12 segundos de duración en estilo line-art: una sola línea continua y fina de color oro champán, de grosor constante, sobre un fondo azul medianoche profundo. La línea la guía la punta de una pluma con un suave brillo. La línea no se interrumpe ni una sola vez: primero dibuja una semilla, de ella brota un tallo con dos hojas, el tronco se convierte en el muro de una torre, el armazón de ramas y muros se compone en un edificio, el edificio se alarga hasta formar una silueta urbana, y la línea del horizonte sube y se cierra en un anillo con un monograma. Tras cerrarse, el monograma se llena de oro a partir del punto donde la línea se unió. La pluma se ralentiza en cada curva y esquina, y los tramos antiguos de la línea se van atenuando poco a poco. La cámara sigue a la pluma y en el final se aleja suavemente, de modo que todo el dibujo se lee como un póster. Abajo aparece el nombre «[your brand]» (sustitúyelo por el tuyo) con letras finas y muy espaciadas. Sonido: piano suave con macillos de fieltro, un tierno crescendo de cuerdas y un fino tintineo de campanilla justo en el momento en que se llena el monograma.

Usado 12 veces
Simple Motion

Lanzamiento de producto estilo keynote en un solo plano continuo

Haz un vídeo cuadrado de 1440x1440, 27 segundos, con sonido, al estilo de una presentación de Apple. Solo 2D, un único plano continuo: sin cortes, fundidos, desenfoques, partículas ni resplandores. Cada escena crece a partir de la anterior, los objetos cambian de forma. El texto sube desde una línea de máscara, los iconos saltan desde cero con efecto de muelle, las barras se dibujan, las páginas se desplazan y una forma negra llena el encuadre y se encoge hasta la siguiente escena. Paleta: off-white cálido, interfaz negra, cristal al estilo iOS 26 sobre fotos. Tipografías: un grotesco muy ancho y grueso para la palabra-logotipo y Geist para la interfaz. El cursor hace clics reales, arrastres y pulsaciones largas, y la cámara hace zoom como en Screen Studio, de modo que cada momento llena el cuadrado. Ritmo de 120 BPM, en cada tiempo pasa algo. 1) La palabra «[your brand]» se encoge hasta su propio punto, el punto crece hasta convertirse en una píldora negra y dentro sube un subtítulo. Clic: seis láminas de diafragma se cierran y se abren sobre una foto. 2) El círculo se vuelve cuadrado y se hace más pequeño, de debajo se despliega una cuadrícula de fotos como un mapa de papel y luego se reorganiza en un bento. El zoom sobre una celda cae en el drop. 3) La palabra de cristal «Edit» se derrite en una gota, la gota se convierte en una barra de herramientas y la barra en un control deslizante. Al arrastrar el control, la foto se tiñe de luz de hora dorada, el deslizador se convierte en una lente, luego en una esfera y luego en una pantalla de bloqueo. 4) Final: una forma negra llena el encuadre y se encoge hasta una pared clara con sombras de hojas en movimiento, en la pared cuelga un marco con una copia impresa y la palabra «[your brand]» vuelve. Música con drop y un breakdown tranquilo, clics y chasquidos exactamente al ritmo.

Usado 19 veces
Simple Motion

Showreel de un sitio web de 15 segundos con un objeto conductor

Haz un vídeo horizontal de 1920x1080, de 15 segundos, con sonido: un showreel de mi sitio web. Usa el logotipo, los textos y el aspecto de la interfaz reales del sitio, no inventes nada: ni funciones ni cifras. Elige un objeto conductor del propio producto (el cursor, el botón principal o el símbolo del logotipo) y nómbralo antes del storyboard. Cada escena debe ser una transformación suya: empieza en la interfaz, en cada escena cambia de forma o de papel y en el final se convierte en el logotipo de la tarjeta final. Redibuja la interfaz con capas vectoriales para que sus partes se muevan por separado; no metas capturas planas. El cursor hace los clics y los arrastres por sí mismo. La cámara al estilo screen-studio se acerca de modo que cada momento llene el encuadre. En cada escena avanza suavemente de escala 1.0 a 1.04 y nunca se queda quieta, y la siguiente escena empieza con la escala en la que terminó la anterior. Estilo: colores de marca y una sola tipografía de marca, mucho espacio vacío. Un solo color de acento solo en el objeto conductor y en la palabra clave, por ejemplo «Make videos by chatting» (sustitúyelo por tu propio texto). Movimiento: resortes con poco rebote, nada aparece de la nada, todo crece, se despliega o se revela con una máscara, en cada tiempo cambia algo. Sonido: música original sin voz, 120 BPM, bombo en cada tiempo, palmada cada dos tiempos, bajo y arpegio brillante, un acorde en cada cambio de escena. Antes del clímax, en el segundo 12, añade una subida con hi-hats rápidos y el golpe más fuerte. Cada escena necesita efectos de sonido cortos, por ejemplo clics sobre los elementos. Volumen de unos -14 LUFS.

Usado 9 veces
Simple Motion

Vídeo artístico rápido para una marca en modo claro

Haz un anuncio vertical dinámico para [your brand], de unos 14–15 segundos. Estilo: remake artístico atrevido en modo claro, fondo blanco limpio, paleta brillante, sin «artisticidad» beige y sin pequeños textos de subtítulo. Sobre las fotografías, pinceladas dibujadas a mano y elementos gráficos brillantes. El montaje es muy rápido, todo fluido, cada morphing limpio. 1) 0–1,5 s: el símbolo de [your brand] gira como si pensara y estalla en rayos largos. En las puntas de los rayos aparecen ocho fotos pequeñas que se juntan en una. 2) 1,5–3,5 s: una palabra por golpe, por ejemplo «escribe · construye · descubre» (cámbialas por las tuyas). Las palabras se transforman unas en otras con una tipografía grande y gruesa. 3) Después las fotos son unas veces pequeñas, otras grandes, otras varias a la vez. Hay zooms rápidos, incluido un acercamiento brusco a una estatua, y animaciones vectoriales limpias del símbolo. 4) Antes del final todo se calma, aparece el símbolo en 3D y al final queda el logotipo sobre fondo claro. Música: luminosa, soleada, en modo mayor, con un groove quebrado y vivo de tabla, chasquidos y percusión de madera, una melodía de campanillas, un bajo elástico y acordes cortos de piano eléctrico. En el zoom a la estatua la melodía suena más fuerte. Antes del símbolo 3D la música se apaga en una nube luminosa, y en el logotipo suena un acorde mayor abierto con campanilla. Los movimientos van acompañados de sonidos cortos.

Usado 29 veces
Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

Las cookies esenciales recuerdan tus ajustes del sitio. Con tu permiso, Google Analytics nos ayuda a entender cómo se usa Motion Fab. Puedes cambiar tu elección en el pie de página.

Tus opciones de privacidad según las leyes estatales de privacidad de EE. UU. aplicables. Política de privacidad

Las cookies esenciales recuerdan tus ajustes del sitio. Con tu permiso, Google Analytics nos ayuda a entender cómo se usa Motion Fab. Puedes cambiar tu elección en el pie de página.

Tus opciones de privacidad según las leyes estatales de privacidad de EE. UU. aplicables. Política de privacidad