Animación de texto Collage de letras recortadas: la palabra aimotions animada en este estilo
042ManualidadesCSS

Collage de letras recortadas

Efecto de texto de nota de rescate: cada letra es un recorte distinto de revista o periódico que tiembla a pocos fps. Estética punk y fanzine para música, moda y redes.

Prompt · cambia [TEXTO]

Universal
Escribe [TEXTO] en collage de recortar y pegar, como en un fanzine. Cada letra es un recorte de tijera sacado de un impreso distinto: una serifa gruesa sobre blanco brillante, una egipcia sobre rojo, una gótica sobre papel de periódico rayado, una caligráfica abombada en magenta sobre amarillo, una didona de alto contraste en blanco sobre negro, letra de máquina de escribir sobre papel manila, una palo seco condensada sobre trama de semitonos, y así sucesivamente: tamaños desiguales, ligeramente giradas, con bordes irregulares y sombras suaves. Algunos recortes van sujetos con tiras de cinta adhesiva translúcida. Colócalos sobre una hoja de cuaderno de rayas con margen rojo. Pega las letras de golpe una a una con un rebote rápido y luego haz que cada recorte tiemble a 8 fotogramas por segundo, como si se recolocara a mano. Tras una pausa, se despegan y caen fuera del encuadre; repite en bucle.

ADN visual

  • Cada letra en una tipografía, tamaño, papel y color distintos
  • Recortes irregulares hechos con tijera, con sombras suaves
  • Tiras de cinta adhesiva translúcida que sujetan algunos recortes
  • Las letras caen de golpe una a una con un rebote rápido
  • Temblor a saltos a 8 fps, como si cada recorte se recolocara a mano
Categoría
Papel y manualidades
Demo hecha con
CSS
Energía
Dinámico
Fondo
Claro

También conocido como

Apoyo
Mantén aimotions gratis

Sin muros de pago ni registro. Si un prompt te ha ahorrado una hora, un café ayuda a que sigan llegando estilos nuevos.

Invítame a un café

Teclas: ← → navegar · C copiar

Usa este estilo

  1. Paso 01Copia el prompt

    Describe el estilo Collage de letras recortadas (composición, tipografía, paleta, textura y ritmo) sin atarte a ninguna herramienta.

  2. Paso 02Cambia [TEXTO]

    Pon tu palabra, el nombre de tu producto o un titular. Las palabras cortas (4–12 letras) se leen mejor en la mayoría de estilos.

  3. Paso 03Pide un formato

    Pégalo en Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra o GPT-6.1 Sol o un modelo posterior, y pide un único archivo HTML, un componente, un shader o un brief. Para la cabecera de una web, usa «Copiar para título web».

Títulos web →Guía de prompts →

Que siga siendo gratis.

aimotions no tiene muro de pago ni registro. Se financia con quienes encuentran un estilo que les encanta. Un café en Ko-fi ayuda a pagar el alojamiento y la siguiente tanda de estilos.

Apoyar en Ko-fi ♥