Motion Fabtu motion designer con IA
Simple Motion

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

Una promo de producto de 15 segundos donde una landing page cobra vida y cada escena se transforma en la siguiente mediante un objeto, y termina en el logo.

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 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.

Estructura

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.

Composición

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.

Técnicas

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.

Música

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.

Sonido

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.

Referencias

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.

Qué preparar

  • Tu logo o el icono de tu app, idealmente sobre fondo transparente; aparece en la tarjeta final después de que el muro de vídeos se pliega hasta formarlo.

Más prompts

Vista previa del prompt “Explicación de producto como receta de bebida dibujada a mano”Simple Motion

Explicación de producto como receta de bebida dibujada a mano

<direction> Haz un motion graphic cuadrado de 30 segundos (1080x1080, 30 fps) con una música lounge ligera, efectos de sonido juguetones en cada acción y sin voz. Es un explicativo dibujado a mano tipo «receta» para mi producto: sus pasos se muestran como una bebida que se va preparando paso a paso en un vaso. Es una sola escena ilustrada continua sin cortes, y todo cambia en el sitio. El aspecto es una ilustración 2D plana sobre una página lavanda-blanco pálido, con contornos de tinta oscura que «hierven» como en la animación dibujada a mano y mayúsculas de dibujos animados gruesas al estilo sticker. Sustituye cada palabra entre comillas de abajo por las palabras propias de mi producto, manteniendo cada una con una longitud parecida para que el diseño aguante. Evita cortes, movimientos de cámara, sombreados o degradados más allá de los rellenos planos, y la voz en off. </direction> <structure> El ritmo es tranquilo y uniforme. La intro es rápida y saltarina, cada vertido dura unos constantes 5 s, la remoción y el twist van algo más rápido, y el final se mantiene 3 s. Cada cambio de tarjeta cae en un tiempo de la música a 120 BPM: 6,0, 11,0, 16,0, 21,0, 24,5 y 27,0 s. - 0–2,5 s, título: «YOUR BRAND» (sustitúyelo por tu marca) aparece grande en el centro, de unos 920 px de ancho. Desde 0,15 s sus letras se estampan una a una en su sitio durante 0,83 s. Cada una empieza al 10 % de tamaño, 22 px más abajo e inclinada ±8–14°, y aterriza en 0,36 s con un suave rebote (back.out 1.7). A 1,4 s una línea pequeña, «what your product is», aparece bajo él con un fundido y se desvanece a 2,45 s. - 2,5–3,6 s, traspaso: el título sube 365 px y se reduce al 58 % en 0,8 s (power3.inOut) para convertirse en la cabecera. Mientras tanto, desde 2,87 s, el vaso se dibuja solo como un boceto a pluma: pared izquierda, pared derecha, elipse del borde y luego la curva de la base, unos 0,4 s en total. Después su relleno aparece con un fundido (0,28 s) y el subtítulo de la cabecera aparece bajo el título. - 3,6–6,0 s, paso 1: la tarjeta entra con una inclinación de 4° y un fundido rápido (0,15 s), y su gran valor se estampa solo. La tarjeta dice «STEP 01», «PICK», «TEMPLATE» y «vertical, horizontal or square». El indicador de progreso aparece con el primer círculo activo. Tres cubitos de hielo caen desde arriba del encuadre con 0,35 s de separación. Cada uno cae con gravedad (power2.in, unos 0,3 s), rebota unos 140 px, da un saltito de 20 px y se asienta: dos en el fondo y uno encima. Tres pequeños trazos de chispa destellan sobre cada cubito al pasar el borde. Cada aterrizaje llena un tercio de la barra de progreso de la tarjeta y añade una palabra del estado «three short words». - 6,0–21,0 s, pasos 2–4: tres vertidos de 5 s cada uno, todos con el mismo patrón. Las tarjetas dicen «STEP 02 / SAY / KINETIC TYPE / tell the chat what to show», luego «STEP 02 / SAY / SHAPES / the agent builds the animation», luego «STEP 02 / SAY / SOUND / music and sound effects to the rhythm». Una botella se desliza desde la izquierda (0,23 s) y se queda de pie. Luego se inclina a 115° en un pequeño arco, un poco hacia arriba y después hacia abajo hasta el punto de vertido (0,37 s), y vierte un chorro curvo en el vaso. Las botellas son lavanda, luego rosa, luego tinta oscura. Cada una tiene una etiqueta blanca con mi logo como un pequeño icono de cuadrado redondeado, una palabra («TYPE», «SHAPES», «SOUND») y una línea pequeña («kinetic», «3D effects», «music»). Junto al vaso aparece una marca de objetivo gris («01», luego «02», luego «03») con una línea discontinua que la cruza. La bebida sube hasta esa marca en 2 s (sine.inOut), el hielo flota con ella y gotas de salpicadura saltan donde cae el chorro. La bebida empieza blanca y transparente, se vuelve rosa con el segundo vertido y luego magenta intenso (rosa mezclado con tinta oscura) con el tercero, y cada color se mezcla durante unos 1,3 s. La barra de progreso se llena y «live preview» se escribe solo en diez pasos. Después la marca se vuelve rosa, la parte superior del chorro se suelta y cae, y la botella se inclina de vuelta y se desliza fuera. - 21,0–24,5 s, paso 5: la tarjeta dice «STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”». Una cuchara de bar ligera con una bola en la punta cae con un ease-out rápido. Se balancea 8° de un lado a otro en un ciclo de 0,8 s mientras los cubitos se empujan y se atenúan, y luego sale. La barra se llena en saltos de 4 fotogramas mientras se escribe «live preview». - 24,5–27,0 s, paso 6: la tarjeta dice «STEP 03 / MP4 / EXPORT / download the MP4». Un rizo de piel de naranja aparece de golpe sobre el vaso, se retuerce y se aplasta durante unos 0,8 s mientras caen gotas naranjas. Luego se desliza hasta el borde (0,5 s, power2.inOut) mientras «try it free» termina de escribirse. - 27,0–30 s, final: la tarjeta se vuelve a montar como «YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine». Siete trazos cortos rosas y naranjas salen disparados alrededor del vaso (0,16 s) y siguen «respirando» suavemente. El vaso crece un 4 % en 0,6 s y se mantiene hasta el final. </structure> <composition> Colores: - Página: lavanda-blanco pálido (#FAF9FF). - Contornos: tinta oscura (#1C0B5D), unos 3 px con extremos redondeados. - Vaso: lavanda (#F0EDFF) con una base teñida de violeta. - Cubitos de hielo: cuadrados redondeados, blancos al 40 % sobre lo que haya detrás, con una línea en la esquina interior. - Tarjetas: blancas con una suave sombra desplazada lavanda. - Naranja (#FE9117): la guarnición y la mitad de los trazos del final. Tipografía: - Tipografía de título: mayúsculas de dibujos animados gruesas (algo como Lalezar) colocadas como stickers. La cara es rosa (#FB2D89), con un contorno de tinta oscura detrás y una extrusión violeta (#7C6CF2) desplazada abajo a la izquierda. - Texto pequeño: una letra manuscrita de imprenta amigable (algo como Playpen Sans), gris púrpura apagado (#6B6385) para el cuerpo y rosa para las etiquetas. Diseño tras la intro: - Cabecera: arriba en el centro, de unos 540 px de ancho, con una línea pequeña debajo: «first benefit · second benefit · third benefit». - Vaso: un vaso corto cónico a la izquierda del centro, de unos 290 px de ancho, borde en y 457 y base en y 797. - Tarjeta de información: a la derecha, de 390x248 px con esquinas de 14 px y borde de tinta oscura. De arriba abajo contiene un pequeño avance rosa, el gran valor en letras sticker, un título en mayúsculas oscuras, una línea manuscrita y una barra de progreso en forma de píldora con una palabra de estado corta a su derecha. - Indicador: seis pasos a lo largo de la parte inferior. Los círculos miden 43 px de ancho y están a 156 px entre sí sobre un riel fino, con etiquetas pequeñas en versalitas debajo: «TEMPLATE», «TYPE», «SHAPES», «SOUND», «REFINE», «EXPORT». </composition> <techniques> - Líneas que hierven: cada línea dibujada recibe un suave temblor de 1–2 px que cambia a uno nuevo cada 4 fotogramas, en toda la pieza, como un desplazamiento de turbulencia sobre las líneas. - Remontaje de la tarjeta: en el primer fotograma de cada paso, solo se muestra el nuevo gran valor durante un fotograma, y luego la tarjeta vuelve a aparecer. El gran valor se estampa solo desde el 72 % de tamaño con un rebote back.out. - Escritura: las palabras de estado se escriben solas por pasos. - Indicador, paso actual: su círculo tiene un anillo de tinta oscura, un punto rosa y una etiqueta rosa, y «respira» entre el 100 % y el 112 % cada segundo. - Indicador, paso terminado: unos 0,1 s antes de la siguiente tarjeta, su círculo se rellena de rosa y una marca blanca se dibuja en 0,17 s. Su etiqueta se vuelve tinta oscura y el riel hasta el siguiente círculo se rellena de rosa en 0,37 s. - Indicador, pasos pendientes: se quedan apagados con un pequeño punto gris. </techniques> <music> Un instrumental lounge-pop cálido y relajado a 120 BPM en tonalidad mayor: batería con escobillas, contrabajo redondo, vibráfono, cuerdas en pizzicato, chasquidos de dedos y un poco de shaker. Mantenlo escaso y sin melodía principal, para que quede por debajo de los efectos. Se abre con unas pocas notas punteadas de vibráfono y pizzicato sin batería, y un bajo suave entra a los 2 s. El groove completo con escobillas y bajo caminante cae exactamente en la primera tarjeta de vertido, a 6,0 s. Se mantiene estable durante los vertidos, la remoción y el twist, da un acorde de cierre a 28,0 s mientras el vaso terminado se asienta, y resuena hasta el final. Hazlo de exactamente 30 s, mezclado a unos -14 LUFS con true peak por debajo de -1 dBTP. </music> <sound> Sin voz. Cada efecto cae en su fotograma, claramente por encima de la música; la música nunca necesita subir para hacerle sitio. - Título: un pop suave por cada letra, subiendo un poco de tono y panoramizado de izquierda a derecha mientras se construye la palabra. - Traspaso: un whoosh suave bajo la subida del título y un leve rasguño de lápiz por cada trazo mientras el vaso se dibuja. - Tarjetas: un chasquido de papel y un golpe suave cada vez que se reparte una tarjeta y su gran palabra se estampa. - Aterrizajes del hielo: un golpe seco y corto del hielo contra el vaso por cada cubito, con dos o tres contactos separados por unos milisegundos y un golpe grave bajo la caída. Más suave para el rebote y más pequeño para el último saltito, con cada impacto claramente separado de la música. - Botellas: un whoosh suave cuando cada botella se desliza dentro y otra vez cuando se inclina. - Vertidos: cada uno claramente audible y diferente. Primero un chorro transparente burbujeante y salpicante que golpea el hielo, luego un vertido más lleno en rápidos glugs, luego uno oscuro y almibarado en glugs lentos y profundos. Da a cada vertido cuerpo en el rango de 1–4 kHz, donde están el chorro y la bolsa de aire resonante del vaso, de modo que suene unos 8 dB por encima de los segundos de alrededor. Mantenlos limpios: sobre todo vidrio resonante y burbujas, poco siseo. - Alrededor de cada vertido: el tono de la bolsa de aire sube de vertido en vertido a medida que el vaso se llena, y unas últimas gotas caen tras cada uno. La música baja unos 5 dB bajo cada vertido y vuelve suavemente, y un whoosh sigue a la botella al salir. - Indicador: un suave timbre de confirmación de dos notas cada vez que se marca un paso, algo más fuerte para el último. - Cuchara: un tintineo metálico al caer, hielo golpeando el vaso en cada extremo de su balanceo y un whoosh cuando sale. - Piel: un pluck al aparecer, tres finas pulverizaciones de bruma mientras se retuerce y un toque suave al posarse en el borde. - Final: un timbre brillante con el estallido de trazos, sobre un leve brillo cristalino hasta el final. - Mezcla final: unos -14 LUFS, true peak por debajo de -1 dBTP. </sound> <references> Animación de celuloide dibujada a mano con líneas que hierven, explicativos de apps planos al estilo sticker e ilustraciones de recetas de cócteles donde cada ingrediente representa una función. </references>

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 “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