Motion Fabtu motion designer con IA
ES
Abrir la app beta
Simple Motion

Sting de app en pantalla dividida con dos velocidades de fotogramas

Un sting de app de 12 segundos en pantalla dividida: clic de cursor, iconos en órbita, prompt escrito, texto en scroll y una tarjeta final potente, a dos velocidades de fotogramas.

Publicado

Usar prompt

El prompt se abre en la app: añade tus propios materiales y el agente crea el video.

Denunciar este prompt

Prompt

Concepto

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.

Estructura

  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.

Composición

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.

Técnicas

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.

Música

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.

Sonido

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.

Referencias

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.

Qué preparar

  • Tu logo o icono cuadrado de la app, que se usa como icono de la app en cada plano donde aparece un logo.

Más prompts

Vista previa del prompt “Inmersión en un muro 3D de apps: demo de producto en tres pasos”Simple Motion

Inmersión en un muro 3D de apps: demo de producto en tres pasos

<direction> Haz una demo de producto horizontal de 31 segundos en 1280x720, construida por completo con animación, con sonido. Se reproduce como un único movimiento de cámara continuo, sin cortes, y hace un bucle perfecto: el último fotograma cae sobre el primero. La idea: un muro de pantallas de app inclinado hacia atrás en 3D, la cámara se sumerge en una pantalla, esa pantalla se convierte en la ventana de la app, y tres pasos numerados muestran lo que hace el producto antes de una tarjeta final con mi logo. El aspecto es limpio y moderno: interfaz vectorial plana dibujada por ti, profundidad suave, mucho espacio, movimiento tranquilo y preciso. Evita cortes bruscos, metraje real, imágenes de stock, fondos recargados, easings rebotones o de dibujos animados y cualquier cosa que rompa el bucle. </direction> <structure> Apertura, aprox. 0 a 4 s: un muro de pantallas de app inclinado hacia atrás en 3D se desplaza lentamente. Un título centrado como "Your ideas, in motion" (sustitúyelo por el tuyo) se sitúa encima y luego se desvanece con desenfoque. Inmersión, aprox. 4 a 6 s: la cámara avanza hacia una pantalla, que crece hasta convertirse en la ventana de la app y se asienta a un lado del encuadre. Paso 01, aprox. 6 a 13 s: un pequeño número de paso "01" y un titular como "Sketch your idea" (sustitúyelo por el tuyo) suben deslizándose línea a línea junto a la ventana. Dentro de la ventana, una pincelada se dibuja sobre el lienzo. Paso 02, aprox. 13 a 20 s: el texto anterior sube y sale, y luego "02" y un titular como "Chat to shape it" suben de la misma manera. El contenido de la ventana cambia en consecuencia. Paso 03, aprox. 20 a 26 s: "03" y un titular como "Export in one click" entran del mismo modo, y la ventana muestra una terminal que escribe líneas de texto con un cursor parpadeante. Tarjeta final, aprox. 26 a 31 s: mi logo y "[your brand]" con un eslogan corto como "Make it move" (sustitúyelo por el tuyo). Después la cámara se aleja hasta el muro inclinado de pantallas para que el último fotograma coincida con el primero y el vídeo haga bucle. </structure> <composition> Mantén la ventana grande, de aproximadamente el 60 % del ancho del encuadre, en un lado. Coloca la columna de texto en el otro lado, alineada a la izquierda. Pon el número de paso pequeño, en el color de acento, sobre el titular. Compón los titulares en una sans-serif limpia y en negrita, de como máximo dos líneas cortas, con un peso más ligero para cualquier línea de apoyo. Usa mi logo como icono de la app en el marco de la ventana y centrado en la tarjeta final. Usa colores por función de mi marca, por ejemplo un fondo casi negro (#0E0F13), texto blanco roto (#F4F4F6), un acento brillante para los números de paso, los destacados y la pincelada, y un gris apagado para el marco de la ventana y la interfaz secundaria. Mantén el muro de pantallas en la misma paleta con menos contraste para que el título se lea sobre él. </composition> <techniques> Todo ocurre dentro de un único movimiento de cámara continuo: una deriva lenta sobre el muro 3D, inclinado hacia atrás unos 25 grados, con un suave paralaje entre pantallas. El título se va con un desenfoque creciente y un fundido de unos 0,6 s. La inmersión es un empuje ease-in-out suave hacia una pantalla mientras se escala y se aplana hasta ser la ventana de la app. Las líneas del titular suben unos 30 px con fundido, escalonadas unos 0,1 s, con un ease-out suave. El texto saliente sube y se desvanece antes de que entre el siguiente paso. El contenido de la ventana cambia en el sitio con fundidos cruzados y deslizamientos cortos. La pincelada se dibuja progresivamente. La terminal escribe carácter a carácter con un cursor parpadeante. En la tarjeta final, el logo escala suavemente y luego la cámara se aleja con suavidad hasta el muro inicial para un bucle perfecto. </techniques> <music> Usa una pista instrumental de synthwave tranquilo a unos 100 BPM, de exactamente 31 segundos, con los cortes y golpes sobre la rejilla del ritmo. Un pad cálido suena bajo el título. El beat entra con un suave boom cuando la cámara se sumerge en la ventana. La pista sube un poco en el paso 02 y se aligera bajo la terminal. Un riser conduce a la tarjeta final, y la pista se resuelve para que el bucle de vuelta al inicio sea perfecto. Apunta a unos -14 LUFS con un true peak por debajo de -1 dBTP. </music> <sound> Añade un whoosh en la inmersión en la ventana, un suave tic de interfaz cuando cada línea del titular aterriza, un ligero roce de pincel en la pincelada del paso 01 y suaves teclazos bajo la escritura de la terminal. Añade un impacto suave o un chime cuando el logo aterriza en la tarjeta final. Mantén los efectos por debajo de la música, sin voz en off. </sound> <references> Se parece a una animación pulida de lanzamiento o recorrido de una app: una cámara que sobrevuela una cuadrícula 3D de pantallas de interfaz hasta una ventana de producto limpia, con pasos numerados de funciones, como en las demos de landing pages de software modernas. </references>

Vista previa del prompt “Promo de landing page con transiciones a través de objetos”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>

Vista previa del prompt “Vídeo cinético de lanzamiento de app con maqueta de interfaz animada”Simple Motion

Vídeo cinético de lanzamiento de app con maqueta de interfaz animada

<direction> Haz un vídeo cinético de lanzamiento de producto horizontal de 1920x1080 y 42 segundos para [your app]. Muestra cómo un fundador crea un vídeo de lanzamiento para su startup solo chateando en la app. Reconstruye la interfaz de mi app a partir de mis capturas como una maqueta animada limpia hecha de formas y texto, muy parecida a la real. En este vídeo es una app oscura azul marino-violeta con una Live preview a la izquierda, pestañas Chat / Files / Panels a la derecha y botones de acento rosas. Nunca muestres las capturas como imágenes fijas: cada elemento debe moverse. Mantén una interfaz continua sin cortes bruscos. La cámara se acerca, hace paneos y se aleja entre paneles mientras un cursor se mueve y hace clic. Mantente en una cuadrícula de ritmo de 120 BPM (un pulso = 0,5 s) y haz que pase algo en cada pulso. Palabras cinéticas enormes golpean sobre la interfaz entre pasos. La startup del fundador es una app inventada, por ejemplo "Pulse — standups your team actually reads" (sustitúyela por la tuya). Evita cortes bruscos, capturas estáticas, cualquier cosa recortada en los bordes del encuadre y texto o barras de resaltado que invadan columnas vecinas. </direction> <structure> 1) Gancho, 0–3 s: "YOUR LAUNCH VIDEO." y luego "IN ONE CHAT." en tipografía enorme, cortadas palabra por palabra al ritmo. "CHAT." se transforma en la pestaña Chat y la cámara se aleja hasta mostrar toda la ventana de la app. 2) Referencias, 3–8 s: un enlace "pulse-demo.app" se pega en el chat. Un pitch deck en PDF y un logo entran volando como tarjetas adjuntas y encajan en su sitio. Palabra grande "DROP". 3) Prompt, 8–13 s: el fundador escribe "Make a 30-second launch video for Pulse, kinetic style, our colours" letra por letra, y luego el cursor pulsa enviar. Palabra grande "ASK". 4) Plan, 13–18 s: el agente responde con un plan de cinco pasos como lista de verificación. Los pasos aparecen y se marcan uno a uno, y la cámara retrocede un poco con cada línea nueva para que el encuadre nunca se sienta vacío. Palabra grande "PLAN". 5) Boceto y Go, aprox. 18–21 s: un boceto gris de estructura del promo llena rápidamente la Live preview, con la etiqueta "Live preview" y la barra de reproducción a la vista. El fundador hace clic en Go, y un fondo rosa crece desde el botón pulsado e inunda la pantalla tras un enorme "GO!". 6) Live, aprox. 21–31 s: líneas de estado aparecen en el chat ("Picking fonts", "Animating the title", "Writing a soundtrack") mientras el boceto se convierte en el promo terminado. La cámara se acerca hasta que el promo llena el encuadre. Hacia los 27 s el titular del promo "Standups your team actually reads." se desliza y una barra de resaltado lima se dibuja bajo "actually reads.". Una columna de estadísticas queda a su lado con "92%" y "updates read". Palabra grande "LIVE". 7) Exportación, aprox. 31–37 s: la cámara se aleja hasta la app. El botón Export y las pestañas se ven por completo mientras la exportación se ejecuta y termina. Palabra grande "DONE". 8) Tarjeta final, aprox. 37–42 s: el logo de [your app] y "Live on [launch site] today" (sustitúyelo por el tuyo), aterrizando en el último pulso y manteniéndose hasta el final. </structure> <composition> Paleta: interfaz oscura azul marino-violeta, botones de acento rosa magenta e inundación rosa, un degradado rosa a naranja en el logo y lima como color de resaltado dentro del promo de demostración. Las palabras cinéticas son enormes, en negrita, mayúsculas, sans-serif con las fuentes de la marca y ocupan la mayor parte del ancho del encuadre. Reduce un poco una palabra larga antes que dejar que se recorte. Mantén márgenes de seguridad en todas partes. En los planos generales toda la ventana de la app está en el encuadre. En el chat el campo de entrada se ve por completo. En la escena de exportación el botón Export y las pestañas están en el encuadre. En el promo el titular y la barra lima se quedan en su propia columna con espacio de sobra. La barra coincide exactamente con el ancho de sus palabras y nunca se superpone a la columna "92%". </composition> <techniques> Una cámara virtual continua con empujes, paneos y retrocesos suaves con ease-in-out entre paneles y sin cortes. El cursor se desliza hacia sus objetivos y hace clic con una pequeña reducción de escala al pulsar. Las palabras del gancho entran una por pulso. Las tarjetas adjuntas entran volando y encajan con un ligero rebasamiento. El texto del chat se escribe letra por letra. Los elementos de la lista aparecen y se marcan en pulsos sucesivos. El boceto gris se llena rápido y luego se transforma elemento por elemento en el promo terminado. La inundación rosa bajo "GO!" crece radialmente desde el botón pulsado. Las palabras grandes golpean con un rápido impacto de reducción de escala sobre la interfaz y se van rápido en el siguiente pulso. Cada pulso tiene un evento visible: una palabra, un clic, una tarjeta, una marca, una línea de estado o un movimiento de cámara. </techniques> <music> Una pista electrónica enérgica a 120 BPM, con cada corte, golpe de palabra y evento de la interfaz sincronizado con el ritmo. Crece durante los pasos de preparación, se eleva hacia "GO!", impulsa la construcción en vivo y se resuelve con un golpe final en la tarjeta final. </music> <sound> Clics de teclado que caen exactamente en cada letra escrita. Clics de ratón en cada toque del cursor. Whooshes en los movimientos de cámara y en la entrada de las tarjetas adjuntas, y chasquidos cuando las tarjetas aterrizan. Tics suaves para los pasos de la lista y las líneas de estado. Un impacto contundente bajo cada palabra grande, un riser hacia "GO!" y un golpe final en la tarjeta final. Mantén la música por debajo de los efectos para que los clics y los impactos se oigan con claridad. </sound> <references> Tráilers cinéticos de lanzamiento de apps que reconstruyen una interfaz SaaS como una maqueta animada nítida con un único movimiento de cámara continuo, al estilo de los promos del día de lanzamiento de un producto. </references>

Usado 2 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