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

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

Un explicativo cuadrado dibujado a mano que muestra los pasos de un producto como una bebida en un vaso: cae hielo, tres botellas vierten, una cuchara remueve y aterriza una piel.

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

Estructura

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.

Composición

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

Técnicas

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

Música

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.

Sonido

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.

Referencias

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.

Qué preparar

  • Tu logo o icono de app, una marca cuadrada simple que se lea pequeña; aparece en las etiquetas blancas de las tres botellas.

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 “Showreel de app sin cortes de 15 segundos en motion graphics puro”Simple Motion

Showreel de app sin cortes de 15 segundos en motion graphics puro

<direction> Haz un showreel horizontal de motion graphics de 15 segundos para mi app, 1920x1080 a 60 fps. Todo son gráficos dibujados, sin metraje. Lo único que aporto es el logotipo de mi app (un icono de app de cuadrado redondeado). La idea es un movimiento continuo en el que cada sección pasa su último objeto a la siguiente. Un punto se convierte en el logo, el logo en el nombre, las letras en puntos, los puntos en bolas de carrera, una bola inunda el encuadre, una forma se rompe en teselas, las teselas se convierten en una nube de puntos 3D, y después llegan palabras cinéticas y una tarjeta final. Cada sección muestra una habilidad de motion. Usa colores planos, formas vectoriales nítidas y un HUD de visor de cámara sobre todo, con cortes fijados a una pista de 128 BPM. Evita metraje, degradados y texturas, locución y cualquier sección que empiece de la nada en lugar de crecer a partir de la anterior. </direction> <structure> 1. 0–1,9 s, casi negro: un punto rosa está dentro de un anillo gris fino, y el anillo se abre con expo.out. Un segundo anillo se despliega hasta un círculo grande y tenue (0,45 s, expo.out). A los 0,5 s mi logo crece desde el punto, con sus capas apareciendo una tras otra con back.out. Se asienta más grande a los 0,92 s mientras gira suavemente. Aparece a su alrededor un fino anillo rosa de texto mono circulando ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·", sustitúyelo por el tuyo) que gira despacio. A los 1,7 s la marca se encoge con un poco de desenfoque hasta volver a ser un pequeño punto claro. 2. 1,9–3,5 s: en el drop a 1,93 s dos discos estallan desde el punto, primero el claro y el rosa 30 ms detrás (expo.out, 0,3 s), de modo que un anillo claro fino cabalga sobre el borde rosa. El nombre de mi app en la grotesca ancha sube letra por letra desde la línea base: cada letra está recortada a su propia caja, con 30 ms de desfase y 0,26 s expo.out. El nombre siempre ocupa el mismo ancho de 1640 px. Una fina línea oscura se dibuja desde el centro por encima, con "01" escribiéndose a la izquierda y mi dirección web a la derecha. Desde 2,55 s una onda de ancho recorre las letras: cada una se comprime de 150 % a cerca de 55 % de ancho y vuelve en 0,6 s, 0,1 s después de la anterior. La palabra se reajusta a 1640 px en cada fotograma, así que las letras estrechas crecen en altura. A los 2,84 s un eslogan claro en serif cursiva ("ideas in motion") sube palabra por palabra debajo. A los 3,3 s las letras colapsan en puntos oscuros y el eslogan cae. 3. 3,5–5,6 s: un barrido diagonal claro llega desde abajo a la derecha (0,16 s). Seis puntos oscuros se lanzan en curva al inicio de seis filas (power2.inOut, escalonados) y toman los colores de las filas. Un título en serif cursiva se escribe desde la izquierda ("Chat instead of a timeline."), con una nota mono a la derecha ("NO KEYFRAMES · LIVE PREVIEW") y etiquetas de pista "IDEA" y "MP4" en los dos extremos. - Cada fila tiene un número rosa, un nombre mono ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview"), un diminuto icono de curva que se dibuja solo y una línea de pista que se dibuja de izquierda a derecha. - A los 4,215 s seis bolas (oscura, violeta, rosa, repitiendo) corren 1040 px en exactamente 0,94 s, cada una con su propia curva: linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) y bounce.out. - Marcas sobre cada pista señalan dónde estaba la bola en cada 1/16 del recorrido. Tres anillos fantasma que se desvanecen siguen a cada bola, las bolas se estiran según su velocidad, un punto recorre cada icono de curva en sincronía, y cada bola recibe un halo de contorno al llegar. - A los 5,3 s las filas se desvanecen, las bolas vuelan al centro y se fusionan, y la violeta se hincha hasta llenar el encuadre. 4. 5,6–7,5 s, violeta: un círculo claro brota de un punto (elastic.out, 0,45 s). Doce puntos satélite salen disparados a una órbita (expo.out, con 12 ms de separación). - Detrás hay finas líneas guía en cruz, un círculo de órbita punteado con marcas y las etiquetas "270°" y "90°". - Lecturas mono a los lados: "SHAPES NO KEYFRAMES" a la izquierda, y peticiones de edición entre comillas a la derecha ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”"). - Anillos de onda rosa laten alrededor del círculo. - La forma entonces se transforma: círculo → triángulo → estrella → cuadrado. Cada transformación dura 0,26–0,3 s con back.out(2,2) y un giro de 120°, y contornos eco rosas siguen a la forma solo mientras gira. - Los satélites se transforman un instante después, uno tras otro, y desaparecen a los 7,22 s. Se asienta como un cuadrado vertical de 360 px. 5. 7,5–9,75 s, casi negro: el cuadrado se divide en nueve teselas de 120 px. Un laberinto truchet crece anillo a anillo hasta llenar el encuadre (back.out, unos 30 ms por anillo); cada tesela tiene dos arcos de cuarto de círculo en esquinas opuestas, dibujados como líneas claras de 20 px. Olas rosas lo cruzan: primero dos bandas de izquierda a derecha, luego un anillo que se cierra hacia el centro. Las teselas dentro de una ola giran 90 o 180 grados, se reducen al 80 % y se vuelven rosas, así que las líneas se rompen en trazos y vuelven cuando la banda ha pasado. Una pequeña etiqueta mono se escribe abajo ("SHAPES · TRANSITIONS · NO KEYFRAMES"). Desde 9,45 s las teselas colapsan del centro hacia fuera. 6. 9,5–11,25 s: una cuadrícula de 24 x 24 puntos aparece donde estaban las teselas, vista desde arriba. Se inclina hasta un plano en perspectiva y se pliega en una esfera, un jarrón, una mancha aplastada y un toro mientras gira sobre su eje vertical. Entre formas se mueve con power2.inOut, con líneas tenues entre vecinos, aproximadamente un punto de cada nueve rosa, y los puntos más tenues con la profundidad. Una etiqueta mono debajo ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). Hace zoom a través de la cámara y se desvanece a los 11 s. 7. 11,25–13,0 s, palabras cinéticas: una palabra cada 0,23 s, cada una sobre su propio fondo plano y llenando el ancho con un ancho distinto de la misma fuente. Sustituye las seis palabras por tu propia frase. - "IDEA": oscuro sobre rosa, entra deslizándose desde la izquierda, escala de 1,3 a 1, el desenfoque se aclara en 0,14 s. - "IN.": claro sobre casi negro con un punto final rosa, entra desde la derecha con desenfoque, y una pequeña nota mono arriba a la izquierda ("EDIT IN WORDS ↗"). - "VIDEO": ultracondensado violeta sobre la página clara, letras que suben desde abajo con 25 ms de separación. - "OUT.": claro sobre violeta, entra desde la izquierda con desenfoque, con una nota arriba a la derecha ("↘ MP4 EXPORT"). - "NO": oscuro sobre amarillo. Las letras caen en ángulo con back.out, luego copias con contorno de la palabra llenan filas arriba y abajo y se desplazan en direcciones alternas mientras la fila principal deriva a la izquierda. - "KEYFRAMES.": claro sobre casi negro, deslizándose a la izquierda a velocidad constante con una fina línea diagonal, y luego saliendo rápido con desenfoque. 8. 13,0–15 s, tarjeta final: el rosa inunda desde la derecha y un anillo claro se despliega desde el centro (0,42 s). Mi logo entra girando en el centro (back.out) con una pequeña explosión de confeti de puntos, anillos y triángulos en oscuro, claro y violeta, y luego se mueve a la izquierda del conjunto. El nombre de mi app cae letra por letra a su lado, de borroso a nítido, 0,22 s cada una. Un eslogan en serif cursiva sube debajo ("your AI motion designer"). Se dibuja una línea, y debajo se escribe una línea mono: "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT", un pequeño punto de grabación y luego mi dirección web a la derecha. Mantén el último segundo. </structure> <composition> Paleta, todo plano: - casi negro profundo #0d0b1e - rosa intenso #fb2d89 (el acento principal) - página clara #faf9ff - violeta suave #7c6cf2 - amarillo cálido #ffd23f, solo para un corte cinético Fuentes: - Una grotesca ancha variable con eje de ancho (Anybody, peso 900, ancho 50–150 %) para el nombre y las palabras cinéticas. - Una serif cursiva editorial condensada (Instrument Serif Italic) para títulos y eslóganes. - Una mono (JetBrains Mono) para las etiquetas de interfaz, 14 px, espaciado de letras 0,16em. Un HUD de visor de cámara cubre todo el vídeo: - Esquinas en corchete finas de 2 px, a 44 px de cada esquina. - Arriba a la izquierda: el nombre de mi app en mayúsculas mono en negrita con un eslogan más tenue a continuación ("APP NAME IDEAS IN MOTION"). - Arriba a la derecha: la etiqueta de la sección actual ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE"). - Abajo a la izquierda: un código de tiempo en marcha con fotogramas ("00:00:03:09") y un eslogan corto ("LIVE PREVIEW"). - Abajo a la derecha: otro eslogan ("NO KEYFRAMES"), cuatro cuadraditos que se encienden uno por tiempo, y "MP4". - A lo largo del borde inferior: una línea de progreso de 2 px que crece con el tiempo. El HUD cambia entre tinta oscura y clara en cada corte para leerse sobre cualquier fondo. Todas las palabras en pantalla son ejemplos que debes sustituir por las tuyas. </composition> <techniques> - Cada sección termina en un objeto del que crece la siguiente: punto a logo, logo de vuelta a punto, discos a nombre, letras a puntos, puntos a bolas, bola a inundación violeta, cuadrado a teselas, teselas a cuadrícula de puntos, nube de puntos que hace zoom a través de la cámara hacia las palabras cinéticas. - Cada nueva etiqueta de sección del HUD se escribe en 0,3 s, con glifos aleatorios corriendo por delante del cursor. Las otras líneas mono también se escriben. - Tipografía de ancho variable: anima el eje de ancho de cada letra y reajusta toda la palabra a un ancho fijo en cada fotograma. - Las revelaciones de letras se recortan a la caja de cada letra. - Usa un ligero desenfoque de movimiento solo en movimientos rápidos, y un tenue borde de color violeta en el gran barrido de iris. - Los contornos eco, anillos fantasma y halos son trazos finos rosas o del color correspondiente que se desvanecen rápido. </techniques> <music> Synth-pop electrónico enérgico a 128 BPM, tiempo uno a 0,06 s, exactamente 15 s de duración: - Acordes de pad suaves tipo campana en el primer compás. - Tras el drop a 1,93 s, un bombo four-on-the-floor con palmas en 2 y 4, hi-hats a contratiempo, un bajo sintético contundente y breves acordes secos bajo las secciones. - Un break desde aproximadamente los 10 s que crece hacia la sección cinética. - Un acorde final de pad resonante en la tarjeta final. Las secciones cambian en las barras de compás, el nombre cae en el drop a 1,93 s, y los cortes de las palabras cinéticas caen en corcheas. </music> <sound> Sin voz. Golpes sobre la música: - un riser durante el primer compás - un boom en el drop a 1,93 s - un riser desde unos 10 s hasta un golpe punch a 11,25 s - un bombo y un breve whoosh en cada corte de palabra cinética - un crash de platillo a 12,71 s - un boom con el acorde de pad resonante cuando aterriza la tarjeta final - un pequeño blip a 14,1 s La música lleva la pista y los golpes se oyen claros encima. </sound> <references> Un showreel de motion designer mezclado con un sizzle de lanzamiento de producto tecnológico. Combina una superposición de visor de cámara, tipografía cinética audaz de estilo suizo, demostraciones de curvas de easing, patrones generativos de teselas truchet y una nube de puntos 3D giratoria. </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>

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