9 efectos de vídeo con Claude: los prompts para meterlos en tu reel

Estamos en un proyecto de Remotion. En public/ tengo mi-video.mp4 (vertical, 1080x1920, yo hablando a cámara) y persona.webm (el mismo vídeo recortado, solo yo con fondo transparente, sacado con hyperframes remove-background). Crea una composición llamada Efectos de 1080x1920 a 30 fps que dure lo mismo que mi-video.mp4. Monta 4 capas en este orden, de abajo arriba: 1) mi-video.mp4 con OffthreadVideo, con su audio; 2) una capa «detrás» vacía; 3) persona.webm con OffthreadVideo, muted y con la prop transparent; 4) una capa «delante» vacía. Las dos capas de vídeo tienen que ir sincronizadas al fotograma. Cada efecto que te pida será un componente que recibe t (milisegundos desde que empieza el efecto), la posición de mi cabeza (hx, hy en píxeles) y la capa en la que se dibuja (back o front). Calcula t con useCurrentFrame y fps. Usa solo interpolate y spring de Remotion para animar (nada de CSS transitions ni Math.random: usa random(id) de Remotion para que el render sea siempre igual). Para los sonidos, crea una lista de cues con momento en ms, archivo y volumen, y móntalos con Sequence + Audio; cada sonido con un fundido de salida de 5 fotogramas. Antes de cada efecto pon un whoosh corto 40 ms antes de que empiece. Déjame la composición abierta en Remotion Studio para verla.

Añade el efecto «logos en órbita» que empieza en el segundo [X]. Pon 8 logos ([Claude, ChatGPT, Gemini, Instagram, TikTok, YouTube, GitHub, WhatsApp], en SVG en public/logos/) dentro de tarjetas de 120x120 px, fondo #141417, esquinas de 30 px y sombra. Giran en una elipse alrededor de mi cuerpo: radio horizontal 370 px, radio vertical 80 px, centrada 120 px por debajo de mi cabeza (hx, hy). El ángulo de cada logo es su posición en el anillo más t*0.0021 (una vuelta cada 3 segundos, más o menos). La profundidad es el seno del ángulo: si es negativa el logo va en la capa «detrás» (y queda tapado por mi recorte), si es positiva va en la capa «delante». Escala de cada logo: 0.78 + 0.28*profundidad. Borde de 3 px: color lima #b6ff00 cuando está delante y gris #3a3a3f cuando está detrás. Al aparecer, el anillo crece de 0 a su tamaño en 520 ms con easing de salida cúbica. Sonido: un whoosh luminoso al empezar y un brillo (sparkle) a los 250 ms.

Añade el efecto «Claude a mi lado» en el segundo [X], solo en la capa «detrás». Dibuja una ventana de chat de 470 px de ancho imitando la app de Claude: fondo crema #f5f3ec, esquinas de 26 px, barra superior con los 3 puntos de color de macOS, el logo de Claude y el texto «Claude»; un borde de 4 px lima #b6ff00 y una sombra grande. Animación con spring (damping 13, mass 0.7): la ventana sale desde detrás de mi cuerpo (escala 0.35, a 200 px a la izquierda y 100 px por encima de mi cabeza) y termina a tamaño completo, 70 px a la derecha y 330 px por encima de mi cabeza, girada 5 grados, con el origen de la transformación en la esquina inferior izquierda. Dentro: una burbuja mía a la derecha que dice «[¿Dónde estás?]» y debajo la respuesta de Claude en serif cursiva, 40 px, que se escribe letra a letra entre los 420 y los 1150 ms: «[Hecho. Estoy aquí, a tu lado.]». Sonido: una tarjeta que entra deslizando al empezar, tecleo suave de 420 a 1150 ms y un chime a los 1180 ms.

Añade el efecto «titular» en el segundo [X], en la capa «detrás». Un periódico de papel #efe8d8 que ocupa casi todo el fondo cae desde arriba (empieza 1100 px por encima del encuadre) con un spring (damping 15, mass 0.8) mientras gira de -14 a -3 grados. Contenido en Georgia: cabecera «[El Diario de Tu Nombre]» en 76 px con doble línea debajo, una franja con fecha, «EDICIÓN IA» y precio en monoespaciada, el titular «[LA IA YA EDITA MIS REELS]» en 84 px, negrita y centrado, y debajo 3 columnas de 26 líneas grises de anchura aleatoria (usa random de Remotion) que simulan el texto. A los 380 ms cae un sello rojo #d8262c con la palabra «[CLAUDE]», borde de 9 px, rotado -12 grados, al lado de mi cabeza: entra a escala 2.4 y baja a 1 con un spring con rebote (damping 9) y usa mix-blend-mode multiply para que parezca tinta. Sonido: papel girando al empezar y un sello de goma a los 380 ms.

Añade el efecto «abanico de reels» en el segundo [X], en la capa «detrás». Usa 5 portadas de mis reels (public/reels/1.jpg a 5.jpg) con sus visualizaciones: [1: 120000, 2: 85000, 3: 60000, 4: 45000, 5: 30000]. Cada portada mide 240x426 px, con borde blanco de 6 px, esquinas de 22 px, sombra, y abajo a la izquierda una etiqueta oscura con «▶» y las visualizaciones en formato español (120.000). Las 5 salen apiladas detrás de mi cabeza y se abren en abanico girando a -56, -28, 0, 28 y 56 grados; el punto de giro está 640 px por debajo de cada portada, como si las sujetara una mano. Cada portada empieza 70 ms después de la anterior y se mueve con spring (damping 12, mass 0.6). Sonido: un golpe de carta repartida por cada portada (a los 0, 70, 140, 210 y 280 ms).

Añade el efecto «flash» en el segundo [X], en la capa «delante». Cuatro polaroids con mis fotos (public/img/pol-1.jpg a pol-4.jpg): marco blanco #fbfbf8 de 320 px de ancho, foto cuadrada de 288 px, margen inferior más ancho con «[@tucuenta]» en serif cursiva, y sombra fuerte. Colócalas en las 4 esquinas para no taparme la cara (por ejemplo abajo izquierda girada -12°, abajo derecha 9°, arriba izquierda 7°, arriba derecha -8°). Aparece una cada 190 ms. Cada una entra a escala 1.8 y girada 25 grados de más, y cae a su sitio con un spring (damping 12, mass 0.5). Con cada polaroid, un flash blanco que cubre todo el vídeo: opacidad 0 → 0.9 en 40 ms y de vuelta a 0 a los 160 ms. Sonido: un disparo de cámara (obturador) con cada polaroid, a los 0, 190, 380 y 570 ms.

Añade el efecto «gráfica» en el segundo [X]. En la capa «detrás»: 6 barras 3D de 100 px de ancho, separadas 140 px, apoyadas en la parte de abajo del encuadre, con alturas relativas 22, 36, 48, 64, 80 y 100 % de 620 px. Cada barra tiene tres caras: la frontal con degradado de lima #b6ff00 a #6fa000, un lateral derecho de 26 px más oscuro (#4c6d00) con skewY(-30deg) y una tapa más clara (#e3ff8a) con skewX(-60deg). Crecen una tras otra cada 80 ms con spring (damping 14, mass 0.8). En la capa «delante», arriba y centrado: un contador que sube de 0 a [5600] en 1300 ms con easing de salida cúbica, en 118 px, blanco, números tabulares, con contorno negro de 3 px y sombra; debajo, una etiqueta lima con texto negro «SEGUIDORES · [@tucuenta]» en monoespaciada. Sonido: una barra que crece al empezar, un contador de números de los 150 a los 1300 ms y un ding a los 1250 ms.

Añade el efecto «antes/después» en el segundo [X]. En la capa «detrás»: un plató blanco de estudio (degradado radial de #ffffff en el centro a #d9d9e0 en los bordes, un suelo curvo gris claro desde el 72 % de la altura y dos focos softbox blancos de 140x190 px arriba a izquierda y derecha, con un resplandor blanco grande). Ese plató se revela con un clip-path inset que va de 0 a 100 % de izquierda a derecha entre los 80 y los 820 ms, con easing de entrada y salida. Como mi recorte va encima, yo no cambio: solo cambia lo que hay detrás. En la capa «delante»: una línea vertical lima #b6ff00 de 8 px con brillo que sigue el borde de la cortina mientras se mueve; abajo a la izquierda una etiqueta «ANTES» (fondo negro semitransparente) que desaparece al terminar, y abajo a la derecha «DESPUÉS» (fondo lima, texto negro) que aparece cuando la cortina pasa del 20 %. Sonido: un barrido lateral a los 60 ms y un brillo (shimmer) a los 820 ms.

Añade el efecto «título en píxeles» en el segundo [X], en la capa «detrás», para que mi cabeza tape parte del título. Escribe «[TUNOMBRE]» en mayúsculas con una fuente de puntos de 5x7: define cada letra como 7 filas de 5 caracteres (1 = punto encendido, 0 = apagado), con una columna vacía entre letras. Cada punto es un círculo lima #b6ff00 de 10.5 px, con brillo (box-shadow del mismo color), separados 13 px, el título centrado en horizontal y a 80 px del borde de arriba. Cada punto aparece en un momento aleatorio dentro de los primeros 650 ms (usa random con un id por punto para que sea siempre igual) y entra con un spring con rebote (damping 10, mass 0.4) de escala 0 a 1. Sonido: un efecto digital tipo tech al empezar y un brillo (sparkle) a los 300 ms.

Añade el efecto «todo a la vez» en el segundo [X], reutilizando los componentes que ya hemos hecho: la gráfica al 70 % de tamaño (solo las barras, sin el contador), el abanico de reels al 90 %, el título en píxeles arriba y los logos en órbita. Respeta las capas de cada uno (lo que iba detrás, detrás; lo que iba delante, delante). Al empezar, todo el encuadre tiembla durante 420 ms: desplázalo 16 px en horizontal con un seno y 12 px en vertical con un coseno, multiplicado por una intensidad que baja de 1 a 0. Sonido: un riser que sube durante los 700 ms anteriores al efecto, un golpe de bajo (bass drop) justo al empezar y un brillo a los 120 ms.