{
  "id": "clube-processo-motion-100-ia",
  "titulo": "100% IA, do roteiro ao motion",
  "categoria": "narrado",
  "resumo": "tutorial narrado em duas partes (2:56 e 1:36) que abre o processo de um vídeo de motion feito só com IA, em quatro passos: referência, identidade visual, som e elementos. Ninguém aparece na tela. O gancho é uma apresentação à parte, no escuro, com rap, impacto no \"Como\" e fim de trailer; depois de um respiro, um flash abre o tutorial claro. Do passo 1 em diante, a legenda fica curta e a tela é do elemento que desenha a palavra-chave de cada frase: a lupa que procura e não acha nada, a pasta que vira pilar, o Face ID em \"irreplicável\", o \"tudum\" da Netflix em \"marca\". Tudo é um take único em HTML com o quadro calculado pelo tempo, renderizado a 60 qps com desfoque de movimento. Feito pelo Clube do Motion.",
  "indicado": "criador ou estúdio que quer explicar um processo, uma ferramenta ou um método com a própria voz (gravada ou clonada); série educativa de um perfil de motion, design ou IA; qualquer tutorial longo que precise segurar a atenção por mais de 2 minutos.",
  "estilo": [
    "tutorial narrado",
    "palavra-chave desenhada",
    "legenda curta",
    "gancho no escuro",
    "flash de transição",
    "emojis animados",
    "logos e sons reais das marcas",
    "figurinhas de meme",
    "fundo branco quente",
    "take único"
  ],
  "ficha": {
    "formato": "1080×1920, 60 qps, 9:16, H.264 com AAC",
    "duracao": "Parte 1: 176,4 s (falas 01–22, passos 1 a 3) · Parte 2: 96,3 s (falas 23–33, passo 4 e ferramentas). O `render.mp4` junta as duas",
    "motor": "html",
    "voz": "ElevenLabs, Eleven v4, voz clonada (estabilidade 0,5, similaridade 0,75, velocidade 1,12) e acelerada 1,2× na pós; 33 falas gravadas uma a uma",
    "musica": "gancho: \"Still D.R.E.\" (instrumental), com a bateria caindo no impacto; tutorial: \"Aruarian Dance\" (Nujabes), que pausa quando um vídeo mostrado tem som e volta de onde parou",
    "fontes": "ver o guia de estilo"
  },
  "etapas": [
    {
      "titulo": "Leia-me",
      "texto": "# Como fazer esse estilo de vídeo usando 100% IA: o tutorial em duas partes\n\n> Data: 2026-10-17 · Tipo: projeto · Status: aprovado · Id: processo-motion-100-ia\n\n**Resumo:** tutorial narrado em duas partes (2:56 e 1:36) que abre o processo de um vídeo de motion feito só com IA, em quatro passos: referência, identidade visual, som e elementos. Ninguém aparece na tela. O gancho é uma apresentação à parte, no escuro, com rap, impacto no \"Como\" e fim de trailer; depois de um respiro, um flash abre o tutorial claro. Do passo 1 em diante, a legenda fica curta e a tela é do elemento que desenha a palavra-chave de cada frase: a lupa que procura e não acha nada, a pasta que vira pilar, o Face ID em \"irreplicável\", o \"tudum\" da Netflix em \"marca\". Tudo é um take único em HTML com o quadro calculado pelo tempo, renderizado a 60 qps com desfoque de movimento. Feito pelo Clube do Motion.\n\n## Descrição\n\nTutorial vertical narrado para quem quer ensinar um método sem aparecer na câmera e sem cair no \"teleprompter\", aquele vídeo em que o texto inteiro corre na tela. A primeira parte começa com um gancho de 12 s no escuro: rap, golpe grave na primeira palavra, 🤔 com interrogação, um opener de IA tocando com o som dele, \"100%\" contando e uma figurinha de meme. Fecha como fim de trailer, respira e um flash abre o mundo claro do tutorial. Cada passo começa com um emoji gigante e o número, sozinhos na tela. Durante a fala, só um elemento por vez ocupa o palco e desenha a ideia da frase, e a legenda mostra no máximo seis palavras. Marcas citadas aparecem com a assinatura e o som delas, notificações tocam o som real do app e os vídeos mostrados tocam com o próprio áudio. A segunda parte compara o mesmo texto falado sem nada na tela e depois \"desenhado\" com logos, foto e o vídeo real, e termina com as ferramentas entrando num dock e uma DM.\n\n- **Indicado para:** criador ou estúdio que quer explicar um processo, uma ferramenta ou um método com a própria voz (gravada ou clonada); série educativa de um perfil de motion, design ou IA; qualquer tutorial longo que precise segurar a atenção por mais de 2 minutos.\n- **Estilo:** tutorial narrado, palavra-chave desenhada, legenda curta, gancho no escuro, flash de transição, emojis animados, logos e sons reais das marcas, figurinhas de meme, fundo branco quente, take único\n- **Formato:** 9:16 · 4:33 (Parte 1 2:56 + Parte 2 1:36) · com narração\n\n**Tutorial em vídeo:** em breve.\n\n## O vídeo\n\n| Item | Valor |\n|---|---|\n| Duração | Parte 1: 176,4 s (falas 01–22, passos 1 a 3) · Parte 2: 96,3 s (falas 23–33, passo 4 e ferramentas). O `render.mp4` junta as duas |\n| Formato | 1080×1920, 60 qps, 9:16, H.264 com AAC |\n| Ferramenta | HTML num take único, motor `take-unico` (Chromium sem janela, obturador, trechos em cache, 2 navegadores); som em Python na Mesa |\n| Voz | ElevenLabs, Eleven v4, voz clonada (estabilidade 0,5, similaridade 0,75, velocidade 1,12) e acelerada 1,2× na pós; 33 falas gravadas uma a uma |\n| Música | gancho: \"Still D.R.E.\" (instrumental), com a bateria caindo no impacto; tutorial: \"Aruarian Dance\" (Nujabes), que pausa quando um vídeo mostrado tem som e volta de onde parou |\n| Som | −14,0 LUFS, pico verdadeiro de −1,3 dBFS; música 15 dB abaixo da voz; vídeos mostrados a −20 LUFS sob a voz e −12,5 sem voz; tonais só no gancho e nos heróis de passo |\n| Respiro | a fala 03 entra 1,8 s depois do fim do gancho, para o flash abrir o tutorial |\n| Referências | no catálogo de Referências do Clube: as aberturas de retenção medidas, o Reel do blur por palavra, os dois vídeos da uxpeak (identidade e tutorial), a receita de storyboard da uxpeak, o estudo de UI escaneável, o perfil do @illdari e os templates do YouMotion usados como vídeos mostrados (Ask AI Workflow, AI Opener, Emoji UI, UI Glass Interface, Liquid Glass e UI Smartphone Interface) |\n\n## O que tem no pacote\n\n| Pasta | Conteúdo |\n|---|---|\n| `projeto/` | `comp-a/parte1.html` e `parte2.html` (as duas partes), `comp-a/js/` (o kit `base.js`, o diagrama e a câmera em `main.js` e as cenas `p1a`, `p1b`, `p1c` e `p2`), `comp-a/css/kit.css`, `comp-a/fonts/` (General Sans e Satoshi), `comp-a/dados/` (tempo de cada palavra das duas partes), `comp-a/lib/` (Lottie e os emojis animados), os scripts `audio.py`, `video.py`, `confere.py` e `gerar_emojis.py`, o `BRIEF-A.md`, `assets/` (logos oficiais, ícones das bibliotecas Python e os prints de tela) e `take-unico/` (o motor) |\n| `audio/` | `gerar_voz_completo.py` (as 33 falas na ElevenLabs), `montar_voz.py` (a linha do tempo e os respiros), as falas (`cNN.mp3`, `cNN-1.2x.wav` e os tempos das palavras), `parte1/` e `parte2/` (voz montada, `tempo.json`), os eventos e as mixes finais (`mix-p1.wav`, `mix-p2.wav`), `mesa/` (o mixador) e `SFX.md` (a lista de cada efeito, com a fonte) |\n| `referencias/` | o README do projeto, os storyboards A e B, o roteiro original, o inventário de assets, os estudos de aberturas, uxpeak, UI escaneável, blur por palavra e @illdari, o tutorial do take único, `links.md` e `fora-do-pacote.md` |\n| `render.mp4` | o Reel final, as duas partes em sequência |\n\nFicam fora do pacote: as músicas (Still D.R.E. instrumental e Aruarian Dance), os trechos de vídeo e o áudio dos templates do YouMotion e do @illdari, o vídeo do Tesla Roadster, a abertura da Disney e o \"tudum\" da Netflix, o jingle do McDonald's, as notificações reais (iPhone, WhatsApp, Instagram, Facebook, iMessage), os sons de ação baixados (caneta, giz, arrastar, carimbo), o áudio e as figurinhas dos memes, a foto do Elon Musk, a miniatura do YouTube e os prints de referência do Pinterest e do Mobbin. O `referencias/fora-do-pacote.md` lista cada arquivo; o `SFX.md` diz de onde veio cada som. Os scripts continuam apontando para eles: ponha os seus com o mesmo nome. As mixes finais, com tudo junto, vêm no pacote.\n\n### Como os scripts funcionam\n\n| Arquivo | O que faz |\n|---|---|\n| `audio/montar_voz.py` | dono da linha do tempo: põe cada fala no seu segundo, com os respiros (`RESPIRO`), e grava `voz.wav`, `tempo.json` e `comp-a/dados/tempo-parteN.js` com o tempo de cada palavra |\n| `comp-a/js/base.js` | o kit: `linhas()` (a letra rolando do gancho), o modo palco (`legenda()`, `palco()`, `passoHeroi()`, `pula()`), os blocos (`janela`, `duo`, `cardClaude`, `bloco`), os itens dentro da frase (`emoji`, `logo`, `mini`, `icones`), `golpe()`, `flash()` e `ev()` (um evento de som) |\n| `comp-a/js/p1a…p2.js` | uma faixa de falas por arquivo; cada elemento entra quando a palavra é dita (`PF(fala, 'palavra')`) e registra o som dele |\n| `comp-a/js/main.js` | diagrama a coluna, move a câmera que nunca para e cumpre o contrato do motor (`__seek`, `__events`, com os trechos de vídeo que têm som) |\n| `comp-a/video.py` | prepara um vídeo mostrado: quadros JPG, o som em WAV e o índice `img/filmes/_indice.js` |\n| `comp-a/audio.py` | a mix na Mesa: exporta os eventos da composição, monta o gancho com o rap, a Aruarian com pausa nos vídeos que têm som, os vídeos no barramento direto e um efeito por evento; grava `mix-pN.wav` a −14 LUFS |\n| `comp-a/confere.py` | lista os avisos do kit: linha larga, palavra que não bate com a fala, item sem tempo |\n| `take-unico/render_take.py` | renderiza com obturador; `--stills`, `--previa`, `--trechos`, `--workers` e `--retomar` |\n\n## Como abrir e renderizar\n\n1. **Junte as pastas:** descompacte `projeto/` em `07-videos/projetos/processo-motion-100-ia/` e ponha a pasta `audio/` do pacote ao lado de `comp-a/`. Copie `projeto/take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`: os HTML carregam `../../../biblioteca/take-unico/take.js` e o `audio.py` importa a Mesa de lá.\n2. **Troque o que é de terceiros:** as suas músicas nos caminhos `MUS` e `DRE` do `audio.py`, os seus vídeos mostrados com `video.py` (mesmo nome do filme) e os seus efeitos e notificações em `audio/sfx/` com os nomes do `fora-do-pacote.md`. Sem eles, as janelas ficam vazias e o som sai sem esses eventos.\n3. **Instale:** Python 3.11 com numpy, soundfile, pyloudnorm, pedalboard e playwright (`playwright install chromium`), além do ffmpeg.\n4. **Voz:** copie `audio/scripts/voz_elevenlabs.py` para `07-videos/scripts/`, troque nele `SUA_VOZ_ELEVENLABS` pelo ID da sua voz, escreva as suas falas no dicionário `C` do `gerar_voz_completo.py` e rode `python audio/gerar_voz_completo.py` e depois `python audio/montar_voz.py`.\n5. **Ver no navegador:** `comp-a/parte1.html?hud` mostra o tempo; `?t=31.2` para num quadro; `?play&som` toca com a mix.\n6. **Conferir e mixar:** `python comp-a/confere.py \"parte1.html?ate=60\"` e `python comp-a/audio.py --parte 1`.\n7. **Vídeo:** `python ../../biblioteca/take-unico/render_take.py comp-a/parte1.html --out render/final-parte1.mp4 --fps 60 --trechos 20 --workers 2 --audio comp-a/audio/mix-p1.wav` (o mesmo para a parte 2) e confira duração, qps e −14 LUFS.\n\n**Pegadinhas:** o cache de trechos é por posição e não por parte; renderize uma parte de cada vez e espere terminar. Use 2 navegadores: com mais, o Windows pode ficar sem memória. Vídeo mostrado tem que começar num quadro com imagem (passe um deslocamento no `toca`), senão a janela abre preta. O perfil escrito na tela (cursor e DM) é `@seu.perfil`: troque em `p1b.js` e `p2.js`.\n\n## Decisões de direção que fizeram o vídeo funcionar\n\n1. **Não é teleprompter.** A versão com o texto inteiro rolando foi recusada. O que passou: legenda curta (até 6 palavras, 2 linhas) e um elemento que desenha a palavra-chave da frase, no instante em que ela é dita, nunca antes.\n2. **O gancho é uma apresentação à parte.** Fundo escuro, rap com golpe grave na primeira palavra, um vídeo de IA tocando com o som dele e um fim de trailer; o tutorial só começa depois de um respiro de 1,8 s e de um flash de câmera.\n3. **Passo N sozinho na tela.** Cada passo abre com um emoji gigante e o número, sem legenda e sem palco; depois, \"Passo n de 4\" fica pequeno no topo.\n4. **Uma peça vira a próxima.** A pasta de referências vira pilar, o pilar ganha um segundo pilar, o brand book vira um card, o pacote vai para o chat do Claude. Corte seco só nos heróis de passo.\n5. **Marca citada mostra a assinatura e o som.** Netflix com o \"tudum\", o arco da Disney sobre o castelo, os arcos do McDonald's com o jingle; a trilha para enquanto elas tocam.\n6. **O som descreve a ação.** Desenhar soa caneta, arrastar soa arrasto, notificação soa o app real. Tonal só no gancho e nos heróis de passo.\n7. **Humor brasileiro com o próprio roteiro:** figurinha de streamer em \"da elite\", com o áudio dele em eco baixo; meme do Mega Brain em \"100% da IA\"; \"vídeo ×1, ×2, ×3\" quando a palavra se repete; óculos descendo em \"pegou a visão?\".\n8. **O exemplo prova a tese.** Na Parte 2, a mesma frase sobre o Tesla aparece primeiro só como texto e depois desenhada, com logos, foto e o vídeo real do carro com som.\n9. **Vídeo mostrado com o som dele**, sempre de referência premium (templates de motion, criadores de UI), nunca dos nossos próprios Reels.\n10. **Nada para morto:** palco com câmera viva (deriva e zoom lento), entrada e saída pelo desfoque e uma curva só, sem quique.\n\nCores, fontes e som: [estilo.md](estilo.md). Falas e cenas por tempo: [roteiro.md](roteiro.md). Para fazer o mesmo com o seu assunto: [PROMPT.md](PROMPT.md).\n\n## Versões\n\n| Versão | O que mudou |\n|---|---|\n| r1–r3 | identidade inspirada num trailer de videogame, quadros de estilo, trilha do jogo; recusada por ser rápida demais, com som demais e storyboard fraco |\n| v3.1 | identidade de estúdio de UI (uxpeak), storyboard com propósito, menos elementos; recusada |\n| v3.2 | princípios do @illdari (peça vira a próxima, desfoque, nada para) em neon escuro; recusada |\n| A | 3 variações de 17 s; a escolhida foi a letra rolando com ícones dentro da frase, no vídeo inteiro; recusada como \"teleprompter\" depois dos primeiros 50 s |\n| B | modo palco: legenda curta e um elemento que desenha a palavra-chave |\n| **C** | aprovada: gancho no escuro com rap, opener de IA e fim de trailer, respiro, flash e as figurinhas de meme |\n"
    },
    {
      "titulo": "Roteiro",
      "texto": "# Roteiro: como fazer esse estilo de vídeo usando 100% IA\n\n> Data: 2026-10-17 · Tipo: roteiro · Status: aprovado · Projeto: processo-motion-100-ia\n\n**Resumo:** a fala completa em 33 trechos, como foi gravada na voz clonada, com o tempo de entrada de cada um no vídeo final e o que o palco desenha em cada frase. O texto é do autor, escrito solto e corrigido só em português e pronúncia, sem cortar ideias; o original está em `referencias/roteiro-do-projeto.md`. A ordem é: gancho, elite dos vídeos de motion, os quatro passos (referência, identidade visual, som, elementos), as ferramentas e o convite para a DM.\n\n## Parte 1 (176,4 s)\n\n| # | Entra (s) | Fala | O que o palco desenha |\n|---|---|---|---|\n| 01 | 0,35 | Como faço esse estilo de vídeo usando 100% IA no meu processo? | gancho no escuro: \"Como\" chega com o golpe e a bateria do rap; 🤔 com \"?\"; opener de IA tocando com o som dele; \"100%\" contando |\n| 02 | 4,58 | Nesse vídeo, eu vou tentar explicar o meu processo criativo para produzir esse tipo de vídeo usando 100% da inteligência artificial. | \"vídeo ×1, ×2, ×3\" com a piada de repetir a palavra; meme do Mega Brain em \"100% da IA\"; fim de trailer em \"artificial\" |\n| 03 | 12,84 | A ferramenta que eu mais uso aqui é o Claude Code, para fazer esse estilo de vídeo de uma maneira bem rápida. | flash de câmera abre o tutorial claro; logo do Claude dentro da frase; card do Claude trazido pelo cursor; clarão em \"rápida\" |\n| 04 | 18,13 | O resultado fica totalmente diferente do que a IA faz e gera hoje em dia de forma genérica. | \"genérico\" em cinza, com um vídeo feito por IA comum ao lado |\n| 05 | 23,28 | Aqui eu tô falando da elite dos vídeos de motion, mais ou menos nesse estilo aqui: | figurinha do streamer em \"elite\", com o \"elite\" dele em eco baixo; vitrine de templates premium tocando com o som |\n| 06 | 31,11 | Passo um: não existe vídeo diferente sem referência. | herói 🔍 + \"1\"; a lupa varre uma tela vazia e não acha nada 🤷 |\n| 07 | 34,85 | Como você já deve saber, não basta você ter um super prompt bem feito e detalhado, se você não tem referências do estilo que você quer pro seu vídeo. | caixa do prompt; o cursor `@seu.perfil` arrasta 3 prints de referência como anexos |\n| 08 | 42,26 | Aqui, por exemplo, eu uso bastante o estilo de design e de UI da Apple. Então, você já deve ter percebido que muitos dos meus vídeos seguem nesse estilo, que eu particularmente acho bem diferente e que combina bastante com vídeo em motion. | o card vira um iPhone com notificação saindo da Dynamic Island; dois templates estilo Apple; fusão de uma UI de vidro com um play de motion em \"combina\" |\n| 09 | 54,48 | Bom, cada gosto é único, mas o processo é o mesmo: referência é um dos pilares principais para a sua IA fazer algo realmente único. | 3 cards de estilos com ❤️; 3 linhas de caneta convergem num caminho até a pasta \"referências\", que vira um pilar 🏛️; o Claude sobe no pilar com ✨ |\n| 10 | 62,55 | Passo dois: identidade visual. | herói 🎨 + \"2\" |\n| 11 | 65,15 | Sim, a identidade visual do seu vídeo é um dos pilares que fazem dele ser algo irreplicável. | brand book abrindo (paleta, \"Aa\", ícones); segundo pilar; Face ID com check em \"irreplicável\" |\n| 12 | 70,24 | Provavelmente você, que tá aí me assistindo, sabe que marca bem feita e bem posicionada é importante para qualquer negócio. Esse mesmo conceito também é importante para construir um vídeo bem feito, e casa muito com as referências que você manda. | 🫵 aponta, 👀 olha; Netflix com o \"tudum\", arco da Disney, arcos do McDonald's com o jingle; fachada que vira player; 💍 player + referências |\n| 13 | 82,72 | Então, é importante que você já tenha uma identidade visual do seu vídeo em mente, para que as referências que você buscar sejam relevantes para o seu agente construir com base no branding que você escolheu. | 🧠 com o brand book girando; busca no Pinterest com pins; o Claude constrói um card tijolo a tijolo; o brand book carimba \"aprovado\" |\n| 14 | 92,46 | Passo três: o som e a trilha sonora. | herói 🔊 + \"3\" |\n| 15 | 95,39 | Eu já venho batendo há um tempo, nos vídeos anteriores, sobre sound design. Isso é muito importante para que o seu vídeo e o áudio do seu vídeo conversem. | tecla \"sound design\" afundando 3 vezes; 🎬 e 🔊 trocando ondas de som |\n| 16 | 103,21 | Não adianta nada você ter um vídeo que seja muito bom e muito bem editado se ele não estiver vivo. Quem dá esse avivamento para o seu vídeo é justamente a sua trilha sonora e os seus elementos sonoros, que você usa em cada componente que aparece na tela, no momento certo. | eletrocardiograma reto que ganha pulso; régua de sincronia com a agulha passando pelos apps; ⏱️ para num marcador verde |\n| 17 | 116,56 | Como eu já falei nos vídeos anteriores, não tem como eu te ensinar sound design. Isso é algo muito particular seu, mas dá para você praticar pesquisando sobre sound design no YouTube. | 🤷 e uma interrogação apagada; busca no YouTube com um resultado real |\n| 18 | 125,71 | Não é tão difícil quanto parece, e é muito mais simples, porque você só tem que entender duas coisas: o elemento tem que ser vivo no seu vídeo, com uma entrada e uma saída; e, nesse meio-tempo que ele está na tela, ele tem que conversar com o seu vídeo. | nó de fio que se desfaz; ✌️ vira ① e ②; notificação que entra, vive e sai |\n| 19 | 138,46 | Por exemplo: olha esse círculo aqui. Eu quero que ele seja como se fosse uma partícula que vai escorrer pelo vídeo inteiro, fazendo um G no meio da tela para construir a marca do Google. | um círculo; o caminho do G desenhado |\n| 20 | 147,54 | Se essa partícula for apenas um elemento sem som, sem efeito sonoro, desenhando na tela, ela é um elemento morto. | a partícula desenha o G em silêncio total |\n| 21 | 156,98 | Agora, a mesma partícula, fazendo a mesma coisa, só que agora sendo um elemento vivo. | a mesma partícula, agora com caneta, rastro e o logo do Google no fim |\n| 22 | 165,52 | Pegou a visão? Não é difícil. Só tem que entender que cada coisa tem que ter um som específico de assimilação, por mais sutil que ele seja, para não atrapalhar o andamento do seu vídeo. | 😎 com os óculos descendo; fecho \"3 de 4 ✓\" e \"Parte 2 →\" |\n\n## Parte 2 (96,3 s)\n\n| # | Entra (s) | Fala | O que o palco desenha |\n|---|---|---|---|\n| 23 | 1,60 | Passo quatro: elementos. | herói ✨ + \"4\" |\n| 24 | 3,81 | Aqui é uma das partes mais importantes, que muita gente erra. Em muitos vídeos que a inteligência artificial faz, quando você não dá o direcionamento correto para ela, o resultado sai muito bem feito, porém muito genérico. | peça de quebra-cabeça que não encaixa 🤦; bússola perdida; grade de clones do mesmo vídeo com 🥱 |\n| 25 | 15,69 | Por exemplo, se eu estiver falando de WhatsApp conectando com Facebook, Instagram e o Elon Musk, no seu vídeo, cada elemento, ícone e imagem tem que aparecer corretamente no tempo em que está sendo falado. Senão, as pessoas não vão entender. | logos com a notificação real de cada app e a foto do Elon, cada um na palavra |\n| 26 | 28,11 | O seu vídeo tem que ser desenhado com base no que está sendo falado no seu áudio. Entendeu? | ✏️ desenha uma onda de áudio; um ícone nasce em cada pico |\n| 27 | 32,66 | Exemplo: \"A Tesla, do Elon Musk, acabou de divulgar ontem no YouTube a demonstração do seu primeiro carro voador.\" | primeiro só o texto, de propósito; depois a mesma frase desenhada: logo da Tesla, foto do Elon, YouTube \"ontem\" e o vídeo do Roadster voando, com som |\n| 28 | 42,23 | Percebe que, quando você desenha na tela o que está falando, é muito mais fácil para a pessoa assimilar o que está acontecendo? Ela fica muito mais entretida no seu vídeo. Senão, o seu vídeo acaba sendo chato! | curva de atenção; 🍿 em \"entretida\" e 😴 em \"chato\" |\n| 29 | 52,58 | Entendendo e aplicando esses passos, agora é só juntar tudo isso e mandar pra sua IA. Com as ferramentas necessárias, você vai ter, com certeza, um vídeo diferente de 99% dos vídeos de motion que tão rodando por aí. | os 4 ícones dos passos viram um pacote; o cursor leva o pacote ao chat do Claude e envia; contador até 99% e o 1% que pula para fora 🔥 |\n| 30 | 63,87 | As ferramentas que eu uso estão aparecendo na tela agora: | dock de vidro |\n| 31 | 66,96 | After Effects e EffectCraft, que é open source. Remotion, bem raramente. ElevenLabs, para gerar essa voz aqui narrada. Spotify, para as playlists de música. Mobbin, um MCP para buscar referência de tela e de UI. As referências de projetos do Clube do Motion. E bibliotecas Python, como librosa, Whisper, Essentia e Playwright. | cada logo pula para o dock no instante falado; cadeado abrindo em \"open source\"; Remotion pequeno e cinza em \"raramente\"; prints reais da ElevenLabs e do Spotify |\n| 32 | 86,31 | E, obviamente, o Claude Code, que faz todo o trabalho pesado. Eu só penso no roteiro, basicamente. | as ferramentas pulam \"trabalhando\"; o Claude levanta um haltere 💪; `roteiro.md` escrito à mão |\n| 33 | 92,00 | É isso. Tem alguma dúvida? Chama na DM! | DM do Instagram com `seu.perfil`: a mensagem é digitada e enviada com o som do iMessage |\n\n## Notas da voz\n\n- Para a voz, \"IA\" foi escrito \"IÁ\", \"Claude\" foi escrito \"Clód\", \"UI\" foi escrito \"iú ái\" e \"After Effects\", \"Áfter Éfects\", como se fala. Em \"para a sua IA\", a sigla foi entre aspas para a voz não emendar as palavras.\n- ElevenLabs, Eleven v4, velocidade 1,12, e depois 1,2× no ffmpeg (`atempo`). Os tempos de cada palavra saem da própria ElevenLabs, divididos por 1,2.\n- Respiro de 1,8 s antes da fala 03 (fim do gancho → flash → tutorial).\n"
    },
    {
      "titulo": "Estilo",
      "texto": "# Estilo do vídeo: como fazer esse estilo de vídeo usando 100% IA\r\n\r\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: processo-motion-100-ia\r\n\r\n**Resumo:** dois mundos. O gancho é escuro (`#0B0B0F`), com rap e golpes, como uma apresentação. O tutorial é claro: fundo branco quente com duas luzes muito fracas que derivam, tinta quase preta, azul só para vídeo e estilo, terracota só para IA e Claude, cinza para o genérico. Tipografia General Sans. A tela é do elemento que desenha a palavra-chave; a legenda fica embaixo, curta. Números tirados do `kit.css`, do `base.js`, do `p1a.js` e do `audio.py`.\r\n\r\n## De onde veio o estilo\r\n\r\nAntes do estilo final foram testadas 5 direções em vídeo: identidade de trailer de videogame, estúdio de UI, neon escuro, letra rolando e modo palco. A aprovada foi o modo palco (storyboard B) com o gancho da rodada C. O storyboard B, frase a frase, está em `referencias/storyboard-b.md`.\r\n\r\n## Paleta\r\n\r\n| Chave | Valor | Uso |\r\n|---|---|---|\r\n| fundo | `#F4F3EF` | branco quente do tutorial |\r\n| tinta | `#131313` | texto e traços |\r\n| azul | `#2F55F4` | só para **vídeo e estilo** (palavras com a marca `a|`) |\r\n| terracota | `#D97757` | só para **IA e Claude** (marca `o|`) |\r\n| cinza | `#A19E96` | o que é genérico ou ruim (marca `c|`) |\r\n| luzes | azul a 10% e terracota a 13% | dois círculos de 1.300 a 1.400 px que derivam devagar no fundo |\r\n| gancho | `#0B0B0F`, azul `#6F8BFF`, terracota `#F0946F` | o mundo escuro antes do flash |\r\n| grão | ruído a 7% em multiplicar | por cima de tudo, para tirar o digital liso |\r\n\r\nCor tem sentido fixo: uma palavra azul sempre fala de vídeo; uma terracota, de IA.\r\n\r\n## Tipografia\r\n\r\n- **General Sans** 500, 600 e 700. Letra rolando do gancho: 120 px, entrelinha de 136 px, espaçamento −0,042 em. Legenda do modo palco: 80 px, centro em y = 1.530, no máximo 6 palavras e 2 linhas.\r\n- **Satoshi** em detalhes de interface.\r\n- A palavra nasce do desfoque no tempo exato da fala; a palavra-chave chega maior e mais desfocada e acende na cor no mesmo instante em que o palco a desenha.\r\n- Sem caixa nem balão em volta do texto.\r\n\r\n## Composição\r\n\r\n- **Palco:** o elemento da frase fica em volta de y = 760 (o kit desce tudo 60 px; o centro real é ≈ 820), crescendo 1,2 a 1,35× quando precisa. Nada passa das bordas de 1.080 px.\r\n- **Herói do passo:** emoji animado de 420 px no centro e o número num círculo azul de 200 px, sozinhos; legenda e palco somem; depois, \"Passo n de 4\" pequeno no topo.\r\n- **Vídeo mostrado:** janela de 912 × 513 (ou vertical 440 px de largura), com raio grande, sombra larga e o som do próprio vídeo.\r\n- **Prints reais:** cartão branco com sombra; a imagem a 150% de largura, recortada no que importa.\r\n- **Notificações:** saem da Dynamic Island de um iPhone desenhado em HTML, com o som real do app.\r\n\r\n## Movimento\r\n\r\n- **Curva única** `bezier(0,16, 1, 0,3, 1)` para entrar e assentar; `bezier(0,55, 0, 0,2, 1)` para atravessar; sem quique. A mola com overshoot (`0,2, 1,25, 0,3, 1`) só em figurinha e emoji que \"estampam\".\r\n- **Entrada e saída pelo desfoque**, com o elemento subindo um pouco; ou a peça vira a próxima.\r\n- **Câmera viva:** a coluna sobe até a linha da vez em 0,62 s e nunca para; o palco deriva e faz um zoom lento.\r\n- **Gancho:** golpes de escala em 0,30, 5,47 e 8,08 s, fim de trailer em \"artificial\" e flash de câmera 0,22 s antes da fala 03.\r\n- Pergunta de controle em cada movimento: está humano ou robotizado? Robotizado é o que anima, para morto e ressuscita.\r\n\r\n## Som\r\n\r\n| Camada | Como foi feito |\r\n|---|---|\r\n| Voz | ElevenLabs, voz clonada, 1,2× na pós; é a referência de volume |\r\n| Gancho | instrumental de rap com a bateria caindo no impacto de 0,30 s; golpe grave em Lá com sub; riser até o fim de trailer; golpe de metais, sino e piano com cauda longa |\r\n| Trilha do tutorial | jazz hop instrumental que entra no flash (na entrada da bateria da faixa) e pausa, com fade de 0,3 s, sempre que um vídeo mostrado tem som; volta de onde parou |\r\n| Vídeos mostrados | o som original, a −20 LUFS sob a voz e −12,5 sem voz, num barramento sem curva automática |\r\n| Efeitos | um por elemento que entra ou sai, do mapa padrão da Mesa, sutis (v ≈ 0,22); o som descreve a ação (caneta, arrasto, carimbo, encaixe) |\r\n| Marcas e apps | o som-assinatura real (tudum, jingle, notificação do WhatsApp, Instagram, Facebook, iPhone, iMessage) |\r\n| Meme | o áudio da figurinha em eco, a −20 LUFS |\r\n| Master | −14,0 LUFS, pico verdadeiro de −1,3 dBFS, música 15 dB abaixo da voz |\r\n\r\nTonal só no gancho e nos heróis de passo; nada de tonal em elemento comum.\r\n\r\n## Emojis, logos e fotos\r\n\r\n- Emojis animados em Lottie (`comp-a/lib/emojis.js`, gerado por `gerar_emojis.py`), nunca o emoji parado do sistema.\r\n- Logos oficiais em SVG (`assets/logos/`), ícones das bibliotecas Python (`assets/python/`).\r\n- Pessoa citada entra com foto real; produto citado, com o vídeo real; plataforma, com o print real da tela.\r\n"
    },
    {
      "titulo": "O roteiro e a voz",
      "texto": "**Resumo:** a fala completa em 33 trechos, como foi gravada na voz clonada, com o tempo de entrada de cada um no vídeo final e o que o palco desenha em cada frase. O texto é do autor, escrito solto e corrigido só em português e pronúncia, sem cortar ideias; o original está em `referencias/roteiro-do-projeto.md`. A ordem é: gancho, elite dos vídeos de motion, os quatro passos (referência, identidade visual, som, elementos), as ferramentas e o convite para a DM.\n\n## Parte 1 (176,4 s)\n\n | \n\n | #\n | Entra (s)\n | Fala\n | O que o palco desenha\n\n | 01\n | 0,35\n | Como faço esse estilo de vídeo usando 100% IA no meu processo?\n | gancho no escuro: \"Como\" chega com o golpe e a bateria do rap; 🤔 com \"?\"; opener de IA tocando com o som dele; \"100%\" contando\n\n | 02\n | 4,58\n | Nesse vídeo, eu vou tentar explicar o meu processo criativo para produzir esse tipo de vídeo usando 100% da inteligência artificial.\n | \"vídeo ×1, ×2, ×3\" com a piada de repetir a palavra; meme do Mega Brain em \"100% da IA\"; fim de trailer em \"artificial\"\n\n | 03\n | 12,84\n | A ferramenta que eu mais uso aqui é o Claude Code, para fazer esse estilo de vídeo de uma maneira bem rápida.\n | flash de câmera abre o tutorial claro; logo do Claude dentro da frase; card do Claude trazido pelo cursor; clarão em \"rápida\"\n\n | 04\n | 18,13\n | O resultado fica totalmente diferente do que a IA faz e gera hoje em dia de forma genérica.\n | \"genérico\" em cinza, com um vídeo feito por IA comum ao lado\n\n | 05\n | 23,28\n | Aqui eu tô falando da elite dos vídeos de motion, mais ou menos nesse estilo aqui:\n | figurinha do streamer em \"elite\", com o \"elite\" dele em eco baixo; vitrine de templates premium tocando com o som\n\n | 06\n | 31,11\n | Passo um: não existe vídeo diferente sem referência.\n | herói 🔍 + \"1\"; a lupa varre uma tela vazia e não acha nada 🤷\n\n | 07\n | 34,85\n | Como você já deve saber, não basta você ter um super prompt bem feito e detalhado, se você não tem referências do estilo que você quer pro seu vídeo.\n | caixa do prompt; o cursor `@seu.perfil` arrasta 3 prints de referência como anexos\n\n | 08\n | 42,26\n | Aqui, por exemplo, eu uso bastante o estilo de design e de UI da Apple. Então, você já deve ter percebido que muitos dos meus vídeos seguem nesse estilo, que eu particularmente acho bem diferente e que combina bastante com vídeo em motion.\n | o card vira um iPhone com notificação saindo da Dynamic Island; dois templates estilo Apple; fusão de uma UI de vidro com um play de motion em \"combina\"\n\n | 09\n | 54,48\n | Bom, cada gosto é único, mas o processo é o mesmo: referência é um dos pilares principais para a sua IA fazer algo realmente único.\n | 3 cards de estilos com ❤️; 3 linhas de caneta convergem num caminho até a pasta \"referências\", que vira um pilar 🏛️; o Claude sobe no pilar com ✨\n\n | 10\n | 62,55\n | Passo dois: identidade visual.\n | herói 🎨 + \"2\"\n\n | 11\n | 65,15\n | Sim, a identidade visual do seu vídeo é um dos pilares que fazem dele ser algo irreplicável.\n | brand book abrindo (paleta, \"Aa\", ícones); segundo pilar; Face ID com check em \"irreplicável\"\n\n | 12\n | 70,24\n | Provavelmente você, que tá aí me assistindo, sabe que marca bem feita e bem posicionada é importante para qualquer negócio. Esse mesmo conceito também é importante para construir um vídeo bem feito, e casa muito com as referências que você manda.\n | 🫵 aponta, 👀 olha; Netflix com o \"tudum\", arco da Disney, arcos do McDonald's com o jingle; fachada que vira player; 💍 player + referências\n\n | 13\n | 82,72\n | Então, é importante que você já tenha uma identidade visual do seu vídeo em mente, para que as referências que você buscar sejam relevantes para o seu agente construir com base no branding que você escolheu.\n | 🧠 com o brand book girando; busca no Pinterest com pins; o Claude constrói um card tijolo a tijolo; o brand book carimba \"aprovado\"\n\n | 14\n | 92,46\n | Passo três: o som e a trilha sonora.\n | herói 🔊 + \"3\"\n\n | 15\n | 95,39\n | Eu já venho batendo há um tempo, nos vídeos anteriores, sobre sound design. Isso é muito importante para que o seu vídeo e o áudio do seu vídeo conversem.\n | tecla \"sound design\" afundando 3 vezes; 🎬 e 🔊 trocando ondas de som\n\n | 16\n | 103,21\n | Não adianta nada você ter um vídeo que seja muito bom e muito bem editado se ele não estiver vivo. Quem dá esse avivamento para o seu vídeo é justamente a sua trilha sonora e os seus elementos sonoros, que você usa em cada componente que aparece na tela, no momento certo.\n | eletrocardiograma reto que ganha pulso; régua de sincronia com a agulha passando pelos apps; ⏱️ para num marcador verde\n\n | 17\n | 116,56\n | Como eu já falei nos vídeos anteriores, não tem como eu te ensinar sound design. Isso é algo muito particular seu, mas dá para você praticar pesquisando sobre sound design no YouTube.\n | 🤷 e uma interrogação apagada; busca no YouTube com um resultado real\n\n | 18\n | 125,71\n | Não é tão difícil quanto parece, e é muito mais simples, porque você só tem que entender duas coisas: o elemento tem que ser vivo no seu vídeo, com uma entrada e uma saída; e, nesse meio-tempo que ele está na tela, ele tem que conversar com o seu vídeo.\n | nó de fio que se desfaz; ✌️ vira ① e ②; notificação que entra, vive e sai\n\n | 19\n | 138,46\n | Por exemplo: olha esse círculo aqui. Eu quero que ele seja como se fosse uma partícula que vai escorrer pelo vídeo inteiro, fazendo um G no meio da tela para construir a marca do Google.\n | um círculo; o caminho do G desenhado\n\n | 20\n | 147,54\n | Se essa partícula for apenas um elemento sem som, sem efeito sonoro, desenhando na tela, ela é um elemento morto.\n | a partícula desenha o G em silêncio total\n\n | 21\n | 156,98\n | Agora, a mesma partícula, fazendo a mesma coisa, só que agora sendo um elemento vivo.\n | a mesma partícula, agora com caneta, rastro e o logo do Google no fim\n\n | 22\n | 165,52\n | Pegou a visão? Não é difícil. Só tem que entender que cada coisa tem que ter um som específico de assimilação, por mais sutil que ele seja, para não atrapalhar o andamento do seu vídeo.\n | 😎 com os óculos descendo; fecho \"3 de 4 ✓\" e \"Parte 2 →\"\n\n## Parte 2 (96,3 s)\n\n | \n\n | #\n | Entra (s)\n | Fala\n | O que o palco desenha\n\n | 23\n | 1,60\n | Passo quatro: elementos.\n | herói ✨ + \"4\"\n\n | 24\n | 3,81\n | Aqui é uma das partes mais importantes, que muita gente erra. Em muitos vídeos que a inteligência artificial faz, quando você não dá o direcionamento correto para ela, o resultado sai muito bem feito, porém muito genérico.\n | peça de quebra-cabeça que não encaixa 🤦; bússola perdida; grade de clones do mesmo vídeo com 🥱\n\n | 25\n | 15,69\n | Por exemplo, se eu estiver falando de WhatsApp conectando com Facebook, Instagram e o Elon Musk, no seu vídeo, cada elemento, ícone e imagem tem que aparecer corretamente no tempo em que está sendo falado. Senão, as pessoas não vão entender.\n | logos com a notificação real de cada app e a foto do Elon, cada um na palavra\n\n | 26\n | 28,11\n | O seu vídeo tem que ser desenhado com base no que está sendo falado no seu áudio. Entendeu?\n | ✏️ desenha uma onda de áudio; um ícone nasce em cada pico\n\n | 27\n | 32,66\n | Exemplo: \"A Tesla, do Elon Musk, acabou de divulgar ontem no YouTube a demonstração do seu primeiro carro voador.\"\n | primeiro só o texto, de propósito; depois a mesma frase desenhada: logo da Tesla, foto do Elon, YouTube \"ontem\" e o vídeo do Roadster voando, com som\n\n | 28\n | 42,23\n | Percebe que, quando você desenha na tela o que está falando, é muito mais fácil para a pessoa assimilar o que está acontecendo? Ela fica muito mais entretida no seu vídeo. Senão, o seu vídeo acaba sendo chato!\n | curva de atenção; 🍿 em \"entretida\" e 😴 em \"chato\"\n\n | 29\n | 52,58\n | Entendendo e aplicando esses passos, agora é só juntar tudo isso e mandar pra sua IA. Com as ferramentas necessárias, você vai ter, com certeza, um vídeo diferente de 99% dos vídeos de motion que tão rodando por aí.\n | os 4 ícones dos passos viram um pacote; o cursor leva o pacote ao chat do Claude e envia; contador até 99% e o 1% que pula para fora 🔥\n\n | 30\n | 63,87\n | As ferramentas que eu uso estão aparecendo na tela agora:\n | dock de vidro\n\n | 31\n | 66,96\n | After Effects e EffectCraft, que é open source. Remotion, bem raramente. ElevenLabs, para gerar essa voz aqui narrada. Spotify, para as playlists de música. Mobbin, um MCP para buscar referência de tela e de UI. As referências de projetos do Clube do Motion. E bibliotecas Python, como librosa, Whisper, Essentia e Playwright.\n | cada logo pula para o dock no instante falado; cadeado abrindo em \"open source\"; Remotion pequeno e cinza em \"raramente\"; prints reais da ElevenLabs e do Spotify\n\n | 32\n | 86,31\n | E, obviamente, o Claude Code, que faz todo o trabalho pesado. Eu só penso no roteiro, basicamente.\n | as ferramentas pulam \"trabalhando\"; o Claude levanta um haltere 💪; `roteiro.md` escrito à mão\n\n | 33\n | 92,00\n | É isso. Tem alguma dúvida? Chama na DM!\n | DM do Instagram com `seu.perfil`: a mensagem é digitada e enviada com o som do iMessage\n\n## Notas da voz\n\n- Para a voz, \"IA\" foi escrito \"IÁ\", \"Claude\" foi escrito \"Clód\", \"UI\" foi escrito \"iú ái\" e \"After Effects\", \"Áfter Éfects\", como se fala. Em \"para a sua IA\", a sigla foi entre aspas para a voz não emendar as palavras.\n\n- ElevenLabs, Eleven v4, velocidade 1,12, e depois 1,2× no ffmpeg (`atempo`). Os tempos de cada palavra saem da própria ElevenLabs, divididos por 1,2.\n\n- Respiro de 1,8 s antes da fala 03 (fim do gancho → flash → tutorial)."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** dois mundos. O gancho é escuro (`#0B0B0F`), com rap e golpes, como uma apresentação. O tutorial é claro: fundo branco quente com duas luzes muito fracas que derivam, tinta quase preta, azul só para vídeo e estilo, terracota só para IA e Claude, cinza para o genérico. Tipografia General Sans. A tela é do elemento que desenha a palavra-chave; a legenda fica embaixo, curta. Números tirados do `kit.css`, do `base.js`, do `p1a.js` e do `audio.py`.\n\n## De onde veio o estilo\n\nAntes do estilo final foram testadas 5 direções em vídeo: identidade de trailer de videogame, estúdio de UI, neon escuro, letra rolando e modo palco. A aprovada foi o modo palco (storyboard B) com o gancho da rodada C. O storyboard B, frase a frase, está em `referencias/storyboard-b.md`.\n\n## Paleta\n\n | \n\n | Chave\n | Valor\n | Uso\n\n | fundo\n | `#F4F3EF`\n | branco quente do tutorial\n\n | tinta\n | `#131313`\n | texto e traços\n\n | azul\n | `#2F55F4`\n | só para **vídeo e estilo** (palavras com a marca `a|`)\n\n | terracota\n | `#D97757`\n | só para **IA e Claude** (marca `o|`)\n\n | cinza\n | `#A19E96`\n | o que é genérico ou ruim (marca `c|`)\n\n | luzes\n | azul a 10% e terracota a 13%\n | dois círculos de 1.300 a 1.400 px que derivam devagar no fundo\n\n | gancho\n | `#0B0B0F`, azul `#6F8BFF`, terracota `#F0946F`\n | o mundo escuro antes do flash\n\n | grão\n | ruído a 7% em multiplicar\n | por cima de tudo, para tirar o digital liso\n\nCor tem sentido fixo: uma palavra azul sempre fala de vídeo; uma terracota, de IA.\n\n## Tipografia\n\n- **General Sans** 500, 600 e 700. Letra rolando do gancho: 120 px, entrelinha de 136 px, espaçamento −0,042 em. Legenda do modo palco: 80 px, centro em y = 1.530, no máximo 6 palavras e 2 linhas.\n\n- **Satoshi** em detalhes de interface.\n\n- A palavra nasce do desfoque no tempo exato da fala; a palavra-chave chega maior e mais desfocada e acende na cor no mesmo instante em que o palco a desenha.\n\n- Sem caixa nem balão em volta do texto.\n\n## Composição\n\n- **Palco:** o elemento da frase fica em volta de y = 760 (o kit desce tudo 60 px; o centro real é ≈ 820), crescendo 1,2 a 1,35× quando precisa. Nada passa das bordas de 1.080 px.\n\n- **Herói do passo:** emoji animado de 420 px no centro e o número num círculo azul de 200 px, sozinhos; legenda e palco somem; depois, \"Passo n de 4\" pequeno no topo.\n\n- **Vídeo mostrado:** janela de 912 × 513 (ou vertical 440 px de largura), com raio grande, sombra larga e o som do próprio vídeo.\n\n- **Prints reais:** cartão branco com sombra; a imagem a 150% de largura, recortada no que importa.\n\n- **Notificações:** saem da Dynamic Island de um iPhone desenhado em HTML, com o som real do app.\n\n## Movimento\n\n- **Curva única** `bezier(0,16, 1, 0,3, 1)` para entrar e assentar; `bezier(0,55, 0, 0,2, 1)` para atravessar; sem quique. A mola com overshoot (`0,2, 1,25, 0,3, 1`) só em figurinha e emoji que \"estampam\".\n\n- **Entrada e saída pelo desfoque**, com o elemento subindo um pouco; ou a peça vira a próxima.\n\n- **Câmera viva:** a coluna sobe até a linha da vez em 0,62 s e nunca para; o palco deriva e faz um zoom lento.\n\n- **Gancho:** golpes de escala em 0,30, 5,47 e 8,08 s, fim de trailer em \"artificial\" e flash de câmera 0,22 s antes da fala 03.\n\n- Pergunta de controle em cada movimento: está humano ou robotizado? Robotizado é o que anima, para morto e ressuscita.\n\n## Som\n\n | \n\n | Camada\n | Como foi feito\n\n | Voz\n | ElevenLabs, voz clonada, 1,2× na pós; é a referência de volume\n\n | Gancho\n | instrumental de rap com a bateria caindo no impacto de 0,30 s; golpe grave em Lá com sub; riser até o fim de trailer; golpe de metais, sino e piano com cauda longa\n\n | Trilha do tutorial\n | jazz hop instrumental que entra no flash (na entrada da bateria da faixa) e pausa, com fade de 0,3 s, sempre que um vídeo mostrado tem som; volta de onde parou\n\n | Vídeos mostrados\n | o som original, a −20 LUFS sob a voz e −12,5 sem voz, num barramento sem curva automática\n\n | Efeitos\n | um por elemento que entra ou sai, do mapa padrão da Mesa, sutis (v ≈ 0,22); o som descreve a ação (caneta, arrasto, carimbo, encaixe)\n\n | Marcas e apps\n | o som-assinatura real (tudum, jingle, notificação do WhatsApp, Instagram, Facebook, iPhone, iMessage)\n\n | Meme\n | o áudio da figurinha em eco, a −20 LUFS\n\n | Master\n | −14,0 LUFS, pico verdadeiro de −1,3 dBFS, música 15 dB abaixo da voz\n\nTonal só no gancho e nos heróis de passo; nada de tonal em elemento comum.\n\n## Emojis, logos e fotos\n\n- Emojis animados em Lottie (`comp-a/lib/emojis.js`, gerado por `gerar_emojis.py`), nunca o emoji parado do sistema.\n\n- Logos oficiais em SVG (`assets/logos/`), ícones das bibliotecas Python (`assets/python/`).\n\n- Pessoa citada entra com foto real; produto citado, com o vídeo real; plataforma, com o print real da tela."
    },
    {
      "titulo": "A montagem em HTML",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `audio/montar_voz.py`\n | dono da linha do tempo: põe cada fala no seu segundo, com os respiros (`RESPIRO`), e grava `voz.wav`, `tempo.json` e `comp-a/dados/tempo-parteN.js` com o tempo de cada palavra\n\n | `comp-a/js/base.js`\n | o kit: `linhas()` (a letra rolando do gancho), o modo palco (`legenda()`, `palco()`, `passoHeroi()`, `pula()`), os blocos (`janela`, `duo`, `cardClaude`, `bloco`), os itens dentro da frase (`emoji`, `logo`, `mini`, `icones`), `golpe()`, `flash()` e `ev()` (um evento de som)\n\n | `comp-a/js/p1a…p2.js`\n | uma faixa de falas por arquivo; cada elemento entra quando a palavra é dita (`PF(fala, 'palavra')`) e registra o som dele\n\n | `comp-a/js/main.js`\n | diagrama a coluna, move a câmera que nunca para e cumpre o contrato do motor (`__seek`, `__events`, com os trechos de vídeo que têm som)\n\n | `comp-a/video.py`\n | prepara um vídeo mostrado: quadros JPG, o som em WAV e o índice `img/filmes/_indice.js`\n\n | `comp-a/audio.py`\n | a mix na Mesa: exporta os eventos da composição, monta o gancho com o rap, a Aruarian com pausa nos vídeos que têm som, os vídeos no barramento direto e um efeito por evento; grava `mix-pN.wav` a −14 LUFS\n\n | `comp-a/confere.py`\n | lista os avisos do kit: linha larga, palavra que não bate com a fala, item sem tempo\n\n | `take-unico/render_take.py`\n | renderiza com obturador; `--stills`, `--previa`, `--trechos`, `--workers` e `--retomar`\n\n- **Junte as pastas:** descompacte `projeto/` em `07-videos/projetos/processo-motion-100-ia/` e ponha a pasta `audio/` do pacote ao lado de `comp-a/`. Copie `projeto/take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`: os HTML carregam `../../../biblioteca/take-unico/take.js` e o `audio.py` importa a Mesa de lá.\n\n- **Troque o que é de terceiros:** as suas músicas nos caminhos `MUS` e `DRE` do `audio.py`, os seus vídeos mostrados com `video.py` (mesmo nome do filme) e os seus efeitos e notificações em `audio/sfx/` com os nomes do `fora-do-pacote.md`. Sem eles, as janelas ficam vazias e o som sai sem esses eventos.\n\n- **Instale:** Python 3.11 com numpy, soundfile, pyloudnorm, pedalboard e playwright (`playwright install chromium`), além do ffmpeg.\n\n- **Voz:** copie `audio/scripts/voz_elevenlabs.py` para `07-videos/scripts/`, troque nele `SUA_VOZ_ELEVENLABS` pelo ID da sua voz, escreva as suas falas no dicionário `C` do `gerar_voz_completo.py` e rode `python audio/gerar_voz_completo.py` e depois `python audio/montar_voz.py`.\n\n- **Ver no navegador:** `comp-a/parte1.html?hud` mostra o tempo; `?t=31.2` para num quadro; `?play&som` toca com a mix.\n\n- **Conferir e mixar:** `python comp-a/confere.py \"parte1.html?ate=60\"` e `python comp-a/audio.py --parte 1`.\n\n- **Vídeo:** `python ../../biblioteca/take-unico/render_take.py comp-a/parte1.html --out render/final-parte1.mp4 --fps 60 --trechos 20 --workers 2 --audio comp-a/audio/mix-p1.wav` (o mesmo para a parte 2) e confira duração, qps e −14 LUFS.\n\n**Pegadinhas:** o cache de trechos é por posição e não por parte; renderize uma parte de cada vez e espere terminar. Use 2 navegadores: com mais, o Windows pode ficar sem memória. Vídeo mostrado tem que começar num quadro com imagem (passe um deslocamento no `toca`), senão a janela abre preta. O perfil escrito na tela (cursor e DM) é `@seu.perfil`: troque em `p1b.js` e `p2.js`."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **Não é teleprompter.** A versão com o texto inteiro rolando foi recusada. O que passou: legenda curta (até 6 palavras, 2 linhas) e um elemento que desenha a palavra-chave da frase, no instante em que ela é dita, nunca antes.\n\n- **O gancho é uma apresentação à parte.** Fundo escuro, rap com golpe grave na primeira palavra, um vídeo de IA tocando com o som dele e um fim de trailer; o tutorial só começa depois de um respiro de 1,8 s e de um flash de câmera.\n\n- **Passo N sozinho na tela.** Cada passo abre com um emoji gigante e o número, sem legenda e sem palco; depois, \"Passo n de 4\" fica pequeno no topo.\n\n- **Uma peça vira a próxima.** A pasta de referências vira pilar, o pilar ganha um segundo pilar, o brand book vira um card, o pacote vai para o chat do Claude. Corte seco só nos heróis de passo.\n\n- **Marca citada mostra a assinatura e o som.** Netflix com o \"tudum\", o arco da Disney sobre o castelo, os arcos do McDonald's com o jingle; a trilha para enquanto elas tocam.\n\n- **O som descreve a ação.** Desenhar soa caneta, arrastar soa arrasto, notificação soa o app real. Tonal só no gancho e nos heróis de passo.\n\n- **Humor brasileiro com o próprio roteiro:** figurinha de streamer em \"da elite\", com o áudio dele em eco baixo; meme do Mega Brain em \"100% da IA\"; \"vídeo ×1, ×2, ×3\" quando a palavra se repete; óculos descendo em \"pegou a visão?\".\n\n- **O exemplo prova a tese.** Na Parte 2, a mesma frase sobre o Tesla aparece primeiro só como texto e depois desenhada, com logos, foto e o vídeo real do carro com som.\n\n- **Vídeo mostrado com o som dele**, sempre de referência premium (templates de motion, criadores de UI), nunca dos nossos próprios Reels.\n\n- **Nada para morto:** palco com câmera viva (deriva e zoom lento), entrada e saída pelo desfoque e uma curva só, sem quique.\n\nCores, fontes e som: estilo.md. Falas e cenas por tempo: roteiro.md. Para fazer o mesmo com o seu assunto: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | r1–r3\n | identidade inspirada num trailer de videogame, quadros de estilo, trilha do jogo; recusada por ser rápida demais, com som demais e storyboard fraco\n\n | v3.1\n | identidade de estúdio de UI (uxpeak), storyboard com propósito, menos elementos; recusada\n\n | v3.2\n | princípios do @illdari (peça vira a próxima, desfoque, nada para) em neon escuro; recusada\n\n | A\n | 3 variações de 17 s; a escolhida foi a letra rolando com ícones dentro da frase, no vídeo inteiro; recusada como \"teleprompter\" depois dos primeiros 50 s\n\n | B\n | modo palco: legenda curta e um elemento que desenha a palavra-chave\n\n | **C**\n | aprovada: gancho no escuro com rap, opener de IA e fim de trailer, respiro, flash e as figurinhas de meme"
    }
  ],
  "prompt": "# Prompt: tutorial narrado que desenha a palavra-chave\n\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: processo-motion-100-ia\n\n**Resumo:** o prompt para colar no seu agente (Claude Code ou Codex), aberto na pasta da sua central, para ele estudar este projeto e fazer um tutorial vertical narrado no mesmo método: gancho escuro como apresentação, respiro, flash, passos com herói, legenda curta e um elemento que desenha a palavra-chave de cada frase, com o som de cada coisa. Troque os marcadores `{{…}}` ou apague a linha, e o agente pergunta.\n\n## Como usar\n\n1. Descompacte o pacote em `07-videos/projetos/processo-motion-100-ia/` dentro da sua central, ponha `audio/` ao lado de `comp-a/`, copie `take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`.\n2. Separe as suas músicas (uma para o gancho, outra para o tutorial), os seus efeitos e os vídeos que você vai mostrar; eles não vêm no pacote (veja `referencias/fora-do-pacote.md`).\n3. Escreva a sua fala inteira, solta, do jeito que você fala. O agente corrige português e pronúncia, mas não corta ideias.\n4. Abra o agente na pasta da central, copie o bloco abaixo, troque os marcadores que já souber e cole.\n5. Aprove a fala, o áudio da voz e o storyboard frase a frase antes de ele animar.\n\n## O prompt\n\n```text\nQuero um tutorial vertical narrado no mesmo método do projeto \"como fazer esse estilo de vídeo usando 100% IA\", que está em 07-videos/projetos/processo-motion-100-ia/.\n\nAssunto (o método ou processo que vou ensinar): {{ASSUNTO}}\nPassos, na ordem (de 3 a 5): {{PASSOS}}\nA minha fala, completa (corrija só português e pronúncia; não corte ideias nem troque o jeito de falar): {{FALA}}\nMúsica do gancho (rap, trap ou algo com impacto): {{MUSICA_GANCHO}}\nMúsica do tutorial (instrumental leve, sem voz): {{MUSICA_TUTORIAL}}\nVídeos premium que vou mostrar com o som (templates, criadores de motion; não use os meus próprios vídeos): {{VIDEOS}}\nMarcas, apps, pessoas e produtos que eu cito: {{CITADOS}}\nVoz (ElevenLabs, ID da voz clonada ou da voz escolhida): {{VOZ}}\nMeu perfil para aparecer na tela (cursor e DM): {{PERFIL}}\nChamada final: {{CTA}}\nFormato: 1080×1920, 60 qps · Partes: {{PARTES}} (a referência tem 2:56 + 1:36)\n(Se algum desses estiver vazio ou com as chaves, me pergunte antes de começar.)\n\n1. Estude o projeto antes de propor qualquer coisa. Leia, nesta ordem: LEIA-ME.md, estilo.md, roteiro.md, referencias/storyboard-b.md e projeto/comp-a/BRIEF-A.md. Depois abra comp-a/js/base.js (o kit e o modo palco), comp-a/js/p1a.js (o gancho), comp-a/js/p1b.js (passos 1 e 2) e comp-a/audio.py (a mix). Me explique em poucas linhas o que vai reaproveitar e o que muda no meu assunto.\n\n2. Corrija a minha fala sem reescrever: pontuação, concordância e pronúncia para a voz (ex.: \"IÁ\", \"Clód\", \"iú ái\"). Divida em falas curtas, uma por trecho, numeradas. Me mande para aprovar.\n\n3. Gere a voz na ElevenLabs, uma fala por arquivo, e confira o texto no Whisper. Acelere 1,2× se a voz ficar arrastada. Monte a linha do tempo no montar_voz.py com um respiro de ~1,8 s entre o gancho e o tutorial. Me mande o áudio inteiro para aprovar antes de animar.\n\n4. Escreva o storyboard frase a frase numa tabela: fala, palavra-chave, o que o palco desenha, som. Uma palavra-chave por frase vira uma metáfora visual leve e com humor (lupa que procura e não acha, pasta que vira pilar, Face ID em \"irreplicável\", 🫵 em \"você\"). Marca citada mostra a assinatura com o som dela. Me mande para aprovar.\n\n5. Monte o gancho como uma apresentação à parte: fundo escuro, a primeira palavra chega com golpe grave e a bateria da música do gancho, um emoji de reação, um dos vídeos premium tocando com o som dele e um fim de trailer na última palavra. Depois o respiro, e um flash de câmera abre o tutorial claro.\n\n6. Anime o tutorial no modo palco do kit: legenda curta (até 6 palavras, 2 linhas, embaixo), um elemento por vez no palco, entrada e saída pelo desfoque ou a peça virando a próxima, câmera que nunca para. Cada passo abre com um emoji gigante e o número, sozinhos. Pessoa, produto ou plataforma citada entra real (foto, vídeo, print, logo oficial) no instante da palavra.\n\n7. Som pela Mesa (comp-a/audio.py): trilha do tutorial a ~15 dB abaixo da voz, pausando quando um vídeo mostrado tem som; vídeos a −20 LUFS sob a voz; um efeito que descreve cada ação (caneta, arrasto, encaixe, notificação real do app); tonal só no gancho e nos heróis de passo. Final a −14 LUFS e pico verdadeiro abaixo de −1 dBFS.\n\n8. Revise antes do final: folhas de quadros de cada trecho, prévia rápida com som e uma IA que assista com áudio, perguntando onde virou teleprompter, onde a tela ficou cheia e onde algo parou morto. Confira cada apontamento antes de mexer.\n\n9. Final a 60 qps com obturador, em trechos e com no máximo 2 navegadores, uma parte de cada vez. Confira duração, qps e −14 LUFS e entregue o MP4 de cada parte, uma cópia leve para o celular e uma anotação do que mudou em relação à referência.\n```\n\n## Checklist antes de entregar (da referência)\n\n- [ ] A fala é a do autor, completa, só corrigida, e o áudio foi aprovado antes de animar.\n- [ ] O gancho é uma apresentação à parte e termina como fim de trailer; respiro e flash abrem o tutorial.\n- [ ] Nenhum trecho virou teleprompter: legenda curta e um elemento por frase.\n- [ ] Cada palavra-chave aparece desenhada no instante em que é dita, nunca antes.\n- [ ] Cada passo abre com o herói sozinho na tela.\n- [ ] Marcas, apps, pessoas e produtos citados aparecem reais, com o som deles.\n- [ ] Vídeos mostrados tocam com o próprio som e a trilha pausa.\n- [ ] Nada para morto; nenhum quique.\n- [ ] 60 qps, duração exata de cada parte, −14 LUFS e nenhum quadro preto.\n",
  "campos": [
    "ASSUNTO",
    "CITADOS",
    "CTA",
    "FALA",
    "MUSICA_GANCHO",
    "MUSICA_TUTORIAL",
    "PARTES",
    "PASSOS",
    "PERFIL",
    "VIDEOS",
    "VOZ"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=processo-motion-100-ia",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  },
  "ferramentas": [
    "Claude Code",
    "ElevenLabs"
  ],
  "scripts_ae": {
    "pasta": "lib/estudio/dados/projetos-ae/processo-motion-100-ia",
    "arquivos": [
      "assets/pessoas/figurinha.py",
      "comp-a/BRIEF-A.md",
      "comp-a/audio.py",
      "comp-a/confere.py",
      "comp-a/dados/tempo-parte1.js",
      "comp-a/dados/tempo-parte2.js",
      "comp-a/gerar_emojis.py",
      "comp-a/img/filmes/_indice.js",
      "comp-a/js/base.js",
      "comp-a/js/main.js",
      "comp-a/js/p1a.js",
      "comp-a/js/p1b.js",
      "comp-a/js/p1c.js",
      "comp-a/js/p2.js",
      "comp-a/video.py",
      "take-unico/README.md",
      "take-unico/oraculo_take.py",
      "take-unico/render_take.py",
      "take-unico/take.js"
    ],
    "como_usar": "modelo: leia os .jsx (montam as comps no After Effects) e os .py (preparam assets/áudio) e adapte para o estudio_ae; não copie o conteúdo do vídeo, troque pelo assunto da pessoa."
  }
}