PTENES
INEMA.CLUBPROMotion RISE v6 clases

Motion RISE v6 · biblioteca

Pedidos listos para copiar

Toca copiar, pégalo en el chat de Claude (modelo Opus 5.5) y cambia lo que está entre < > o [ ]. Las líneas técnicas (render(t), tamaños como 1920x1080, códigos de color) son instrucciones para la IA: cópialas sin modificar.

La plantilla y la revisión

Plantilla RISE — el prompt en blanco

Escribe siempre en este orden: Rreferencias, Iidea, Sestilo, Eexaminar.

Probado con Claude Opus 5.5. Cambia lo que está entre [colchetes].

Versión corta (copia y completa)

R: Aqui está [meu arquivo, imagem ou URL]. O logotipo, as cores e as fontes da marca foram extraídos e estão anexados. Use exatamente esses.
I: Um loop de [10] segundos. Início: [o que aparece primeiro]. Meio: [a única mudança]. Fim: [como termina]. O último frame é igual ao primeiro.
S: Visual: [fundo], [cor da tinta], uma cor de destaque [cor], fonte [fonte], textura real. Movimento: [lento e suave, ou rápido e seco]; [o que se move primeiro]. [1920x1080].
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

La línea que va en TODO prompt (es la "E")

Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

Versión completa (usada en los estilos)

R — REFERÊNCIAS
Use os arquivos, imagens, vídeos, sites e identidade visual fornecidos como fonte de verdade.
Não invente logotipos, cores ou tipografia quando existirem referências reais.

I — IDEIA
Uma imagem com início, meio e fim, [X] segundos, em loop sem costura:
• Início (0–[a] s): [estado inicial]
• Meio ([a]–[b] s): [o principal evento visual]
• Fim ([b]–[X] s): [como volta ao estado inicial]

S — ESTILO
Visual: [fundo em hex], [tinta em hex], [destaque em hex], [fonte e peso], [textura].
Movimento: [durações], [easing], [ordem], [o que se move primeiro].
Regras:
1. [regra]
2. [regra]
3. [regra]
4. [regra]
5. [regra]

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–[X] s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0, [X/4], [X/2], [3X/4], [X]). Confira: o frame 0 é igual ao frame final; [checagens específicas da cena]. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Checklist — las 10 fallas que delatan una animación amateur

Revisa cada frame antes de publicar:

  1. Letras recortadas. Altura de línea de 1,1 o más. Revisa todas las g, j, p, q e y.
  2. Una palabra sola en una línea. Reescribe la línea o une las dos últimas palabras.
  3. Escenario vacío. El visual ocupa del 80% al 95% del escenario.
  4. Color plano. La luz cae a lo largo del cuadro. Nada de relleno único y liso.
  5. Movimiento lineal. Ease-in y ease-out. Nada se mueve a velocidad constante.
  6. Costura en el loop. El último fotograma es igual al primero, píxel por píxel.
  7. Texto que desaparece rápido. Cada palabra permanece en pantalla al menos 1,2 s.
  8. Logotipo inventado. Usa el archivo real. Nunca dibujes un logo de memoria.
  9. Fondo recargado. Una idea sobre un fondo tranquilo.
  10. Sin textura. Grano real y ruido sutil, para que parezca hecho a mano.

Como prompt (pégalo al final de cualquier pedido)

Antes de terminar, confira cada frame contra estas dez falhas e corrija qualquer uma que encontrar:
1. Letras cortadas: altura de linha 1,1 ou mais. Confira todo g, j, p, q e y.
2. Palavra sozinha numa linha: reescreva a linha ou amarre as duas últimas palavras.
3. Palco vazio: o visual ocupa de 80% a 95% do palco.
4. Cor chapada: a luz cai ao longo do quadro. Nada de preenchimento único e liso.
5. Movimento linear: ease-in e ease-out. Nada anda em velocidade constante.
6. Costura no loop: o último frame é igual ao primeiro, pixel por pixel.
7. Texto que some rápido: toda palavra fica na tela pelo menos 1,2 s.
8. Logo inventado: use o arquivo real. Nunca desenhe um logo de memória.
9. Fundo carregado: uma ideia sobre um fundo calmo.
10. Sem textura: grão real e ruído sutil, para parecer feito à mão.

Los 7 niveles

Nivel 1 — Una diapositiva que se mueve sola

Loop de 10 s: un haz de luz recorre una línea de tiempo y enciende tres hitos.

Dónde usarlo: presentaciones, clases, informes, líneas de tiempo, procesos.

R: Aqui está o meu slide (screenshot anexado).
I: Um loop de 10 segundos que explica a ideia do slide: um feixe de luz percorre uma linha do tempo e acende três marcos.
S: Visual: papel marfim, linhas em tinta preta, um único destaque laranja-argila. Movimento lento e suave; o último frame é igual ao primeiro. 1920x1080.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

Por qué funciona: la R fija la composición a la diapositiva real; la I tiene una única transformación (el haz); la S limita la paleta a propósito; la E obliga al modelo a mirar su propio resultado.

Nivel 2 — El hero de un sitio web cobra vida

Una onda de voz se convierte en pájaros que escriben tu título y, en el pie de página, forman el nombre de la marca.

Dónde usarlo: landing pages, portafolios, páginas de producto, secciones hero.

Antes: extraer la identidad visual del sitio

Necesitas los colores, las fuentes, el logotipo y los textos reales del sitio. Dos formas:

  1. Con un servicio pago de extracción de identidad visual, que lee el sitio y devuelve logotipo, colores y letras. Útil para muchos sitios a la vez.
  2. Sin servicio externo — pídele a la propia IA:
Abra [seusite.com], leia o HTML e o CSS e me devolva em lista: nome da marca, URL do logotipo (SVG se houver), 2 a 4 cores principais em hex, fontes de título e de texto, título e subtítulo do hero. Não invente nada: só o que estiver no código do site.

El prompt

R: Aqui está [seusite.com]. As cores, fontes, logotipo e textos foram extraídos do site (anexados).
I: O hero: uma onda de voz vira pássaros da cor de destaque que voam até um campo de texto e viram palavras digitadas. Mantenha o título, o subtítulo e o botão como texto HTML real. Adicione um rodapé em que os pássaros formam o nome da marca atrás de links normais.
S: Visual: as cores, fontes e textura da própria marca. Movimento calmo; os pássaros seguem o cursor com suavidade e se espalham no clique.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

El punto clave: el texto importante va en HTML (accesible, nítido, indexable); solo lo decorativo va al canvas.

Nivel 3 — Reel con animación + subtítulos sincronizados

Mitad superior: un gráfico animado. Mitad inferior: tu video, con subtítulos palabra por palabra.

Dónde usarlo: Reels, Shorts, videos verticales, clips de podcast, contenido educativo.

R: Frames de um dos meus reels, mais um clipe de 10 segundos meu falando, com o tempo de cada palavra (arquivo de legenda com timestamps por palavra).
I: Metade de cima: um gráfico animado para a frase "Pare de usar as duas IAs separadas. Use as duas juntas." Metade de baixo: o meu clipe.
S: Visual escuro, com os logotipos reais das duas ferramentas (arquivos anexados) e tipografia grande. Movimento: os dois logotipos se aproximam e se encaixam. Legendas: no máximo 3 palavras, sincronizadas por palavra, a palavra falada acende. Três visuais de legenda: serifa editorial, sans pesada em caixa, e um visual premium à sua escolha. 1080x1920.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

Consejo: el tiempo de cada palabra se obtiene de cualquier transcriptor con marcas de tiempo por palabra (p. ej.: Whisper). Sin eso, los subtítulos no «se encienden» en el momento correcto.

Nivel 4 — Una escena en todos los formatos

Una sola escena con un diseño propio para 16:9, 9:16 y 1:1: toda la composición visible en cada uno.

Dónde usarlo: la misma pieza para video horizontal, stories/vertical, feed cuadrado y anuncios.

R: A minha narração termina com: "Com café suficiente, tudo é possível."
I: Uma xícara de café cujo vapor desenha uma tela de vídeo, uma tela de fotos e um post curto, cada uma com uma pequena cena viva, e depois volta a se enrolar para dentro da xícara.
S: Visual editorial escuro com luz quente de café. Movimento suave, 10 segundos, e o último frame é igual ao primeiro. UMA cena que se reorganiza para 16:9, 9:16 e 1:1 (nunca um recorte). Deixe a palavra BEBIDA = café numa linha separada, no topo da receita, para eu poder trocar.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

Recortar × reorganizar: recortar corta los bordes de la misma escena; reorganizar crea una composición nueva para cada proporción, con la misma idea. La línea BEBIDA = café muestra otro truco: dejar la palabra que cambia al principio de la receta para reutilizar la pieza.

Nivel 5 — Cualquier logotipo animado, con jingle propio

Una revelación de 5 s para cada marca y un jingle de 3 s escrito en código.

Dónde usarlo: apertura de una presentación para un cliente, cortinilla, intro de video.

R: Os logotipos oficiais (SVG) extraídos dos sites de [marca A], [marca B], [marca C] e [marca D].
I: Uma revelação de 5 segundos para cada uma, com uma ideia diferente por marca: na marca de blocos, os blocos se montam; na marca divertida, o mascote pula; na marca de música, os arcos pulsam na batida; na marca esportiva, o símbolo risca a tela.
S: Visual: formas e cores exatas dos logotipos. Movimento com a energia própria de cada marca. Escreva um jingle de 3 segundos para cada uma, em código (Web Audio), travado ao movimento. Começa sem som.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

La pregunta correcta: no «¿qué animación aplico a todo?», sino «¿qué movimiento representa esta marca?». Geométrica → los bloques se ensamblan. Musical → pulsa. Deportiva → movimiento rápido.

Atención: usa siempre el archivo real del logotipo. Si la IA lo dibuja de memoria, queda mal. Y, si la marca no es tuya, úsala solo en presentaciones de esa misma marca o con autorización.

Nivel 6 — Tomar el estilo de una imagen de referencia

Un explicativo de 10 s que toma todo el visual de una sola imagen de referencia.

Dónde usarlo: cuando encuentras un visual que te encanta (en un sitio de curaduría de diseño, en un mural de inspiración) y quieres ese lenguaje en una pieza tuya.

R: Esta imagem de referência: [link ou arquivo].
I: Um explicativo de 10 segundos: "Como um extrator lê um site: entra a URL; saem logotipo, cores e fontes."
S: Pegue o estilo da referência (paleta, tipografia, textura, composição), não a imagem. Primeiro escreva como ela é e como ela se moveria; depois construa.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

Estructura: referencia → extracción del lenguaje visual (¡por escrito!) → composición nueva. «Primero escribe, después construye» es lo que hace que el modelo mantenga coherentes la tipografía y la paleta.

Si queda «casi»: perfecciona con una sola frase —p. ej.: «añade un filtro de película de los años 80, con un ligero efecto de película quemada».

Nivel 7 — Entran cien sitios, salen cien películas

Extrae la identidad de cada sitio, aplica una plantilla y renderiza 100 videos + un mural 10x10.

Herramienta: un agente de código (p. ej.: Claude Code con Opus 5.5), Chrome headless y ffmpeg.

R: sites.txt tem 100 sites. Extraia a marca de cada um: nome, logotipo, 2 a 3 cores, fonte.
I: Um template de 8 segundos, "{Nome}, em movimento", que fique bom para qualquer marca.
S: Visual premium, com contraste automático para logos claros e escuros. Movimento: o logotipo entra riscando, as cores varrem a tela, a frase assenta. Renderize os 100 como mp4 1080x1080 com Chrome headless e ffmpeg, depois um vídeo-mural 10x10. Teste em 5 primeiro.
E: Desenhe todos os frames em código a partir de uma única função render(t). Adicione textura real para parecer feito à mão. Antes de terminar, confira os frames em 0%, 25%, 50%, 75% e 100% e corrija o que estiver errado.

La regla de oro: PRUEBA (5) → VALIDACIÓN → ESCALA (100). Sirve para cualquier flujo con agentes.

Por qué render(t) hace posible esto: la plantilla es una función pura que recibe tiempo + tema. Cambiar la marca es cambiar el theme; el renderizado de cada frame es determinista, así que Chrome headless captura frame por frame y ffmpeg arma el mp4.

Los 6 estilos

Estilo 01 — Gráfico editorial (papel marfil sobre la noche)

Cinco reglas: (1) la diapositiva es papel de verdad: textura marfil, sombra suave, luz que cae; (2) las barras solo suben cuando pasa el haz, con ease-out, nunca todas juntas; (3) una barra color arcilla, la última y más alta — el resto es tinta; (4) la línea de tendencia se dibuja después de que las barras se asientan, con puntos redondos en cada extremo superior; (5) título en Newsreader 500, opsz 36, con un trazo corto color arcilla arriba.

R — REFERÊNCIAS
• Slides editoriais de gráfico: uma ideia, uma barra em destaque, margens generosas.
• O visual "horizonte ao amanhecer": fundo noturno, borda de planeta no amanhecer, papel marfim, colagem de papel ocre rasgado, um destaque argila.

I — IDEIA
Uma imagem com início, meio e fim, 5 segundos, em loop sem costura:
• Início (0–1,8 s): um slide marfim com o título "Números que se movem" flutua na noite; um feixe argila suave varre da esquerda para a direita e cada barra sobe quando o feixe passa.
• Meio (1,8–3,9 s): uma linha de tendência em tinta se desenha pelos topos das barras, com uma ponta argila pousada na última e mais alta.
• Fim (3,9–5 s): as barras voltam à linha de base em cascata e o slide espera a próxima varredura.

S — ESTILO
Visual: noite #07080c com a borda do amanhecer no pé; um slide de papel marfim com sombra suave; barras em tinta na cor do fundo; a barra mais alta em #d97757; um recorte rasgado #e3b23c com um esboço de compasso a tinta no canto; título Newsreader 500 em opsz 36.
Movimento: varredura do feixe 1,6 s com ease-in-out; barras com ease-out de 0,8 s depois que o feixe passa; a linha de tendência se desenha pelo comprimento; retorno escalonado de 60 ms por barra.
Regras:
1. Textura de papel, sombra e queda de luz no slide.
2. As barras só sobem quando o feixe as alcança.
3. Uma barra argila; todo o resto é tinta.
4. Pontos na linha de tendência, desenhados depois que as barras assentam.
5. Grão e vinheta sobre tudo.

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; nenhuma barra sobe antes de o feixe chegar; a linha de tendência toca o topo de todas as barras; o título nunca é cortado; o slide nunca encosta na borda do quadro. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Estilo 02 — Pizarra documental con calibrador

Cinco reglas: (1) solo dos tamaños de tipografía: etiqueta y número 2,6× mayor; (2) Title Case, grotesca pesada, blanca — nunca en mayúsculas, nunca texto de color; (3) el calibrador cubre exactamente la altura que mide y aparece antes del número; (4) el número salta 80 ms después del corchete: 0,85 → 1, sin fade; (5) naranja solo como trazo: un subrayado cursivo bajo una palabra del título, una vez.

R — REFERÊNCIAS
• Explicativos de documentário em estilo "lousa": campo de lousa de carvão, tipografia grotesca pesada branca, colchetes de medida amarelos.
• Pranchas de guia de campo: um assunto, um fato medido.
• Pegue a gramática visual, nunca a marca de nenhum canal.

I — IDEIA
Uma imagem com início, meio e fim, 5 segundos, em loop com corte seco:
• Início (0–1,4 s): o título "Design Em Movimento" está numa lousa de carvão borrada; uma linha de base se desenha e três barras sobem, uma por batida.
• Meio (1,4–3,1 s): um paquímetro amarelo mede a barra mais alta, depois o número "3×" salta ao lado; um traço cursivo laranja sublinha uma palavra do título.
• Fim (3,1–5 s): uma pausa parada de pelo menos 1,5 s, depois um corte seco de um frame de volta ao título sozinho.

S — ESTILO
Visual: lousa de carvão #0d0d0d com manchas de giz e poeira, texto #f4f1ea em Plus Jakarta Sans ExtraBold em Title Case, barras com preenchimento translúcido #f4f1ea e contorno de 2 px #f4f1ea, um paquímetro #f5e918, um traço #f0862b.
Movimento: cada construção dura 300–450 ms em quint-out, uma por batida, depois congela. O paquímetro se desenha em 400 ms, o número salta 80 ms depois (0,85 → 1, outBack, sem fade). O traço se desenha em 450 ms. A prancha avança até 1,05 de zoom ao longo da cena.
Regras:
1. Só dois tamanhos de tipo; o número é 2,6× o rótulo.
2. O paquímetro cobre exatamente a altura total da barra, com os ticks voltados para a barra e a aba voltada para o número.
3. Destaques são só traços, abaixo de 0,5% do quadro cada, nunca mais de dois.
4. Nenhum anel, círculo ou elipse em lugar nenhum.
5. A lousa nunca é chapada: a luminância varia um pouco em todo lugar.
6. Pausa parada no fim, depois corte seco (sem crossfade).

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; só dois tamanhos de tipo; o colchete termina exatamente no topo e na base da barra; o número fica no meio da altura da aba; o traço está sob uma palavra só; a lousa não é chapada. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Estilo 03 — Póster suizo con tipografía cinética

Cinco reglas: (1) todo encaja en una cuadrícula de 12 columnas, nada flota; (2) una palabra enorme, apretada (tracking −2%), alineada a la izquierda en la línea de base; (3) el disco rojo es el único color, el resto es tinta; (4) las letras entran desde una máscara en la base, escalonadas 60 ms, quint-out; (5) el peso ES el movimiento: una onda de 260 a 860 recorre la palabra.

R — REFERÊNCIAS
• O Estilo Tipográfico Internacional (design suíço): grades rígidas, equilíbrio assimétrico, uma cor forte.
• Animações de "onda de peso" com fonte variável (busque: variable font kinetic typography).
• Copie a disciplina, não os layouts.

I — IDEIA
Uma imagem, contada em 5 segundos, em loop sem costura:
• Início (0–1,3 s): uma grade vazia com um disco vermelho; a palavra "Motion" sobe letra por letra de uma máscara na linha de base.
• Meio (1,3–3,9 s): a palavra se mantém enquanto uma onda de peso percorre as letras; o disco pula para uma nova posição da grade a cada batida.
• Fim (3,9–5 s): as letras saem pelo topo da máscara, o fio se recolhe e o quadro volta a como começou.

S — ESTILO
Visual: fundo #0f0f0e, texto e fios #f1eee7, um disco #ff3b1f. Inter, pesada, tracking −2%, alinhada à esquerda numa grade de 12 colunas com margens generosas. Legendas minúsculas na mesma família.
Movimento: entradas quint-out escalonadas em 60 ms, uma onda de peso senoidal (260 a 860, duas ondas por loop), movimentos do disco de 0,7 s travados na batida. Ease-in e ease-out, nunca linear.
Regras:
1. Todo elemento está na grade: colunas, linha de base, margens.
2. Uma palavra enorme; ocupa cerca de 85% da largura da grade.
3. O disco é a única cor.
4. As letras entram de uma máscara na linha de base, escalonadas; saem do mesmo jeito, para cima.
5. A onda de peso é o movimento; posições só mudam nas entradas e saídas.
6. Grão e uma queda de luz suave para o fundo nunca ficar chapado.
7. Mantenha a palavra inteira na tela por pelo menos 1,2 s.

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; a palavra cabe sem letras cortadas; o disco pousa exatamente nos pontos da grade; as legendas nunca colidem com a palavra; a onda de peso se lê como uma onda suave única. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Estilo 04 — Tinta sumi que florece

Cinco reglas: (1) una pincelada, una respiración: apoyo lento, medio rápido, salida lenta; (2) el ancho sigue la presión: una mancha al principio, una cola seca y entrecortada; (3) fallas de pincel seco solo en el último tercio; (4) la floración se extiende después del trazo, más donde el pincel estaba más mojado; (5) cada borde de floración tiene una línea de marea, nunca un desenfoque limpio.

R — REFERÊNCIAS
• Caligrafia zen ensō (busque: ensō brush painting, kasure dry brush).
• Tinta pingada em papel de arroz úmido (nijimi, sangrando com borda de maré).
• Um selo hanko vermelho entalhado, carimbado uma vez no canto.

I — IDEIA
Uma imagem, um fôlego, 5 segundos, em loop sem costura:
• Início (0–1,9 s): um pincel carregado pousa no papel escuro e úmido e varre um círculo, rápido no meio, lento nas pontas, abrindo em cerdas secas na cauda.
• Meio (1,9–3,9 s): a tinta sangra para fora no papel e um selo vermelhão com a inicial de "Motion" carimba uma vez, com força.
• Fim (3,9–5 s): a tinta seca até um fantasma leve do círculo, que é onde a próxima pincelada começa.

S — ESTILO
Visual: papel #0d0c0b com fibras visíveis e manchas, tinta luminosa #ede6d8, uma floração fria #7f93a8, um pequeno selo #d8432f com a letra entalhada em Newsreader. Espaço vazio generoso em volta de um círculo.
Movimento: velocidade do pincel em ease-in-out ao longo de 1,6 s; a floração cresce depois do traço com borda de ruído esfumada; o selo escala de 1,2 para 1 em 0,25 s; o fade até o fantasma em ease-out.
Regras:
1. Uma pincelada, desenhada como uma forma preenchida cuja largura segue a pressão do pincel.
2. Falhas de pincel seco (riscos finos de papel) só no último terço.
3. Floração = lavado suave + uma borda de maré mais clara na beira, guiada por ruído.
4. Mais sangria onde o pincel estava molhado (o começo), menos na cauda seca.
5. Respingos: alguns pontos lançados para fora onde o pincel pousa.
6. O selo é a única cor e carimba uma vez.
7. Textura de papel, queda de luz e grão em todos os frames.

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; a largura do traço afina de verdade; a floração tem borda, não é só desfoque; a letra do selo é nítida e não está cortada; o papel nunca é uma cor chapada. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Estilo 05 — Capas de papel recortado

Cinco reglas: (1) cada forma es una capa recortada que proyecta una sombra suave sobre la de atrás; (2) las capas más lejanas son más claras — perspectiva atmosférica en papel; (3) bordes de tijera: levemente irregulares, nunca curvas perfectas; (4) una luz fina ilumina el borde superior de cada capa; (5) las capas se mueven a distintas velocidades y en direcciones alternadas (paralaje).

R — REFERÊNCIAS
• Dioramas de papel recortado em camadas e shadow boxes (busque: layered paper art ocean, paper cut shadow box).
• Cenários de teatro de papel; stop-motion de papel iluminado de cima.

I — IDEIA
Uma imagem, uma noite calma no mar, 5 segundos, em loop sem costura:
• Início (0–1,5 s): seis camadas de onda em papel recortado rolam sob uma lua de papel em camadas; um barquinho de papel dobrado navega na segunda onda.
• Meio (1,5–3,5 s): o barco sobe e inclina numa onda maior, dois pássaros de papel planam pela cena, estrelas piscam.
• Fim (3,5–5 s): a onda assenta e cada camada pousa exatamente onde começou.

S — ESTILO
Visual: noite #0e1016, camadas graduadas de #4f7396 (longe) a quase preto (perto), cada uma com sombra suave e borda de cima iluminada; a lua em #f2a541 com dois anéis de papel; o barco e os pássaros em #f2e8d8. Textura de fibra de papel em tudo.
Movimento: cada camada rola um número inteiro de comprimentos de onda por loop, alternando a direção; balanço senoidal suave; o barco segue a altura e a inclinação da sua onda.
Regras:
1. Toda camada projeta sombra na camada de trás.
2. Camadas mais distantes são mais claras e mais azuis.
3. Bordas irregulares de tesoura.
4. Uma borda fina iluminada no topo de cada camada.
5. Paralaxe: velocidades diferentes, direções alternadas.
6. Um destaque só, na lua.

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; toda camada tem sombra visível; o barco está sobre a onda (nunca flutuando nem afundado); nenhuma borda parece perfeita de máquina; a textura de papel está visível. Corrija o que falhar e renderize de novo até todas as checagens passarem.

Estilo 06 — Risografía en dos colores

Cinco reglas: (1) exactamente dos tintas; donde se superponen se convierten en un tercer color; (2) cada capa de tinta "imprime": puntitos de falla y densidad irregular; (3) las dos planchas quedan levemente desalineadas y tiemblan en cada cuadro; (4) animación "a dos": 12 cuadros impresos por segundo, grano nuevo en cada cuadro; (5) una palabra condensada enorme, repetida como marquesina en movimiento.

R — REFERÊNCIAS
• Impressões e zines em risografia (busque: risograph two colour print, fluorescent pink riso).
• Animações stop-motion em riso: cada quadro impresso, o grão mudando de quadro a quadro.

I — IDEIA
Uma imagem com início, meio e fim, 5 segundos, em loop sem costura:
• Início (0–1,5 s): um sol listrado baixo no quadro; um letreiro condensado gigante com a palavra "Print" começa a deslizar sobre ele.
• Meio (1,5–3,5 s): o sol sobe através do letreiro; onde as tintas se sobrepõem, viram uma terceira cor; um segundo letreiro menor corre no sentido oposto.
• Fim (3,5–5 s): o sol se põe de volta onde começou e os dois letreiros pousam exatamente uma repetição adiante.

S — ESTILO
Visual: papel preto #111111 com fibras; tinta um #ff48b0, tinta dois #1f9bd1; Anton enorme e condensada; marcas de registro nos cantos.
Movimento: tudo anda em passos de 12 fps; os letreiros andam exatamente uma repetição por loop; as chapas tremem fora de registro uma fração de porcento a cada quadro impresso.
Regras:
1. Só duas tintas, misturadas em modo screen sobre o papel escuro.
2. Pontinhos de falha e densidade irregular em cada camada de tinta.
3. Desregistro: uma chapa deslocada e tremendo.
4. Movimento em passos de 12 fps; grão novo a cada quadro.
5. Listras ou grão no lugar de degradês.

E — EXAMINAR
Construa um único arquivo HTML: um <canvas> e uma função pura render(ctx, t, theme, w, h) que desenha o frame t (0–5 s) a partir de theme {bg, ink, accent, accent2, font}. Mesmo t, mesmo frame, em qualquer ordem; hash com semente, sem Math.random. Precisa funcionar em 16:9, 9:16 e 1:1.
Renderize 5 frames (t = 0; 1,25; 2,5; 3,75; 5). Confira: o frame 0 é igual ao frame 5; exatamente duas tintas mais a sobreposição; o grão é visível em tamanho real; o letreiro dá a volta sem pulo; o desregistro é sutil, não parece quebrado. Corrija o que falhar e renderize de novo até todas as checagens passarem.