{
  "id": "clube-letra-globo-3d",
  "titulo": "A letra num globo 3D",
  "categoria": "sound",
  "resumo": "edit de música quadrado de 25,6 s, sem narração, em que um app estilo Spotify faz o play acontecer na tela (logo, busca digitada, top 3, clique na faixa) e a letra passa a rodar num globo 3D, com a palavra cantada acesa e a próxima esperando apagada. O fundo troca quando a frase pede uma imagem (fogo, olho, padrão hipnótico), cada troca vem marcada por um flash de inversão, e o vídeo volta à lista e sai em persiana e grade. Tudo é montado por um script do After Effects (`cenas.jsx`). Feito pelo Clube do Motion a partir de um reel de @illdari.",
  "indicado": "edit de letra de música, reel de página de música, trecho de podcast com a fala em destaque, qualquer vídeo que precise de legenda viva com começo reconhecível.",
  "estilo": [
    "interface de app de música",
    "tipografia cinética 3D",
    "karaokê",
    "fundo que ilustra a palavra",
    "flash de inversão",
    "persiana na saída"
  ],
  "ficha": {
    "formato": "1080×1080, 30 qps, desfoque de movimento ligado (obturador 360°, 32 amostras; 240° na comp da letra)",
    "duracao": "25,6 s (769 quadros), sem narração",
    "motor": "ae",
    "voz": "ver o guia de estilo",
    "musica": "ver o guia de estilo",
    "fontes": "DM Sans Medium, Poppins Bold e SemiBold, Segoe UI Bold e Segoe Fluent Icons"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects"
  ],
  "ficha_tecnica": {
    "Duração": "25,6 s (769 quadros), sem narração",
    "Formato": "1080×1080, 30 qps, desfoque de movimento ligado (obturador 360°, 32 amostras; 240° na comp da letra)",
    "Ferramenta": "After Effects: um script ExtendScript (`cenas.jsx`) monta 8 comps e a `RECRIACAO`; o `.aep` já vem montado",
    "3D": "o globo é feito de camadas de texto 3D com caracteres em 3D, presas a nulls que giram, vistas por uma câmera",
    "Assets": "logo do Spotify (Simple Icons) convertido em camadas de forma; três capas, fogo, silhueta e olho gerados por IA; fundo do app, bokeh e padrão hipnótico feitos por código; cursor de mão em PNG",
    "Fontes": "DM Sans Medium, Poppins Bold e SemiBold, Segoe UI Bold e Segoe Fluent Icons",
    "Som": "música comercial em dois trechos (fica fora do pacote) e um efeito para cada evento da tela, mixados pela Mesa a −14 LUFS",
    "Referência": "reel de letra com UI do Spotify, de @illdari (12/10/2026)",
    "Arquivo final": "MP4 H.264 com áudio AAC"
  },
  "etapas": [
    {
      "titulo": "O roteiro",
      "texto": "**Resumo:** o vídeo não tem narração; o roteiro é a ordem das telas e o tempo de cada linha de texto, tirados do `cenas.jsx`. As frases são curtas, nossas e trocáveis no bloco de textos do gerador. Com outra música, mantenha a regra: o play acontece na tela e cada palavra acende no tempo da voz.\n\n## De onde veio a estrutura\n\nO reel estudado abre com o logo do app, digita uma busca, mostra três faixas e clica numa; a letra desce empurrando a interface e roda num globo até voltar à lista. Este projeto mantém as cenas, os tempos e a câmera, com textos sobre o ofício de motion no lugar da letra e o seu perfil na barra.\n\n## Telas\n\n | \n\n | Tempo (s)\n | Tela\n | O que acontece\n\n | 0,00–1,10\n | abertura no preto\n | os três arcos do logo sobem, crescem e encolhem; o círculo verde acende com o degradê\n\n | 1,10–2,30\n | logo e barra\n | o botão casa sai do logo, o logo dá um chicote girando enquanto a cor do quadro roda, e a barra de busca estica\n\n | 2,30–3,00\n | barra acesa\n | um feixe de luz cai do logo, a barra acende verde com o seu perfil e fica o cursor de texto piscando\n\n | 3,00–3,90\n | busca\n | o fundo vira foto cinza, a busca é digitada e a lupa acende\n\n | 3,90–5,10\n | lista\n | a barra sobe, três faixas sobem; a primeira está aberta com a barra de progresso andando, as outras com o título borrado\n\n | 5,10–6,70\n | cursor\n | a mão entra, passa na segunda faixa (o título aparece) e clica; a primeira fecha e a segunda abre; a música corta\n\n | 6,76–6,97\n | empurrão\n | a letra desce de cima e empurra o app para fora; a música volta\n\n | 6,97–14,05\n | globo, fundo bordô\n | dez linhas de 1 a 4 palavras; flashes em 11,67 e 13,00\n\n | 14,05–15,10\n | fogo e silhueta\n | duas linhas sobre fogo e silhueta com faíscas\n\n | 15,10–16,30\n | olho\n | uma linha sobre o olho; a íris vira o padrão hipnótico\n\n | 16,30–19,17\n | padrão hipnótico\n | zoom pela pupila; as três últimas linhas, maiores; a última varre de lado e sai\n\n | 19,17–21,10\n | volta à lista\n | o app volta inclinado, o cursor passa na terceira faixa e clica; o verde varre o card\n\n | 21,20–23,90\n | saída\n | persiana horizontal e depois vertical, sobrando uma grade que some\n\n | 23,90–25,63\n | preto\n | cauda da música\n\n## As linhas no globo\n\n | \n\n | Linha\n | Palavras\n | Instantes (s)\n\n | 1\n | 4\n | 7,00 · 7,13 · 7,34 · 7,50\n\n | 2\n | 2\n | 7,78 · 7,99\n\n | 3\n | 4\n | 8,17 · 8,36 · 8,61 · 8,80\n\n | 4\n | 2\n | 9,01 · 9,36\n\n | 5\n | 4\n | 9,66 · 9,85 · 10,10 · 10,29\n\n | 6\n | 2\n | 10,68 · 10,84\n\n | 7\n | 4\n | 11,15 · 11,33 · 11,47 · 11,68\n\n | 8\n | 2\n | 12,17 · 12,35\n\n | 9\n | 4\n | 12,68 · 13,00 · 13,40 · 13,65\n\n | 10\n | 1\n | 14,05\n\n | 11\n | 3\n | 14,42 · 14,72 · 14,88\n\n | 12\n | 2\n | 15,14 · 15,33\n\n | 13\n | 1\n | 15,98\n\n | 14\n | 2\n | 16,37 · 16,58 (grande)\n\n | 15\n | 3\n | 17,00 · 17,18 · 17,39 (grande)\n\n | 16\n | 2\n | 18,46 · 18,67 (grande)\n\nOs instantes seguem o ritmo das palavras medidas no original. Para outra música, troque palavras e instantes no bloco `T.linhas`: o roll entra 4 quadros antes da primeira palavra de cada linha.\n\n## Momentos para o som\n\n- 0–3 s: subida dos arcos, acendimento no primeiro kick (1,02 s), chicote e impacto do feixe (2,44 s).\n\n- 3–6,9 s: teclas da busca, subida dos cards, clique e troca de faixa; a música some de 6,0 a 6,93 s.\n\n- 6,93 s: impacto e a música de volta no compasso forte, com a primeira linha.\n\n- 6,97–19,2 s: um \"sobe\" a cada roll, impacto no fogo (14,05 s), flashes e chicote no zoom pela pupila.\n\n- 19,17 s em diante: volta à lista, clique final e a música apagando em 1,8 s."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** verde do Spotify (`#1DC143` e `#2AFF5E` aceso) sobre preto na abertura, app escuro sobre foto cinza desfocada, letra em branco quente (`#F3F0EF`) num globo de 1.100 px de raio, fundos bordô, fogo, olho e padrão hipnótico. Números tirados do `cenas.jsx`.\n\n## Palco\n\n | \n\n | Peça\n | Como é\n\n | Tela\n | 1080×1080, 30 qps, desfoque de movimento com obturador 360° e fase −180° (240° na comp da letra)\n\n | Montagem\n | `C_intro` (0–3 s), `C_app` duas vezes (ida e volta, com `C_busca` e três `C_card`) e `C_letra`, na comp `RECRIACAO`\n\n | Globo\n | null 3D em z = 1.100 (o raio); cada linha é um null girado 18° em X; cada palavra é um texto 3D com âncora em z = 1.100\n\n | Câmera\n | zoom 650, posição z −650, `wiggle(0.35, 10)` na posição\n\n## Cores\n\n | \n\n | Peça\n | Valor\n\n | Verde dos arcos\n | `#1DC143`\n\n | Verde aceso (círculo, barra no impacto, lupa)\n | `#2AFF5E`\n\n | Fundo da abertura\n | preto com degradê radial de (0,10; 0,36; 0,14) para (0,01; 0,06; 0,02)\n\n | Barra de busca\n | `#181717`, traço branco de 1,5 px\n\n | Card aberto\n | `#131313`, cantos de 36 px\n\n | Texto da interface\n | `#EDEBEC`\n\n | Clique no card\n | `#1CA93E`\n\n | Letra\n | `#F3F0EF`\n\n## Fontes\n\n | \n\n | Fonte\n | Onde\n\n | DM Sans Medium\n | busca (32 a 34 px) e artistas (28 px)\n\n | Poppins Bold\n | títulos das faixas (44 px)\n\n | Poppins SemiBold\n | duração e o perfil na barra (28 a 30 px)\n\n | Segoe UI Bold\n | letra (186 px; 215 px nas três últimas linhas)\n\n | Segoe Fluent Icons\n | casa, lupa, aleatório, anterior, pausa, próxima, repetir\n\n## Cena a cena\n\n | \n\n | Cena\n | Números\n\n | Arcos do logo\n | sobem de baixo com 3 qd de intervalo; o logo vai de 60% a 330% em 0,30 s e volta a 62% em 0,46 s\n\n | Círculo verde\n | entra de 0,86 a 1,06 s (70 › 100%); o degradê acende de 0,88 a 1,10 s; os arcos escurecem e viram furos\n\n | Botão casa\n | sai do logo de 1,30 a 1,42 s, 200 px para a direita\n\n | Chicote do logo\n | gira −360° de 1,52 a 2,24 s e encolhe a 22%; ciclo de cor do quadro inteiro (Color Balance HLS, 0 › −360) de 1,56 a 2,26 s\n\n | Barra \"Opa!!\"\n | entra de 1,62 a 2,00 s com escala X 40 › 104 › 100% e giro −9° › 0°; acende verde em 2,44 s com o perfil; cursor de texto pisca a 3,2 Hz\n\n | Busca\n | digitação a 1,4 caractere por quadro a partir de 3,0 s; as últimas 5 letras nascem verdes; lupa verde com glow de 3,42 a 3,85 s\n\n | Lista\n | a barra chicoteia ao topo em 3,86–3,95 s; três cards sobem de y 860 com 2 qd de intervalo e desfoque 30 › 0 em 8 qd\n\n | Hover e clique\n | cursor entra em 5,10 s; título desborra (26 › 0) em 5 qd; clique em 6,05 s com o cursor a 85%; card 1 fecha e card 2 abre em 9 qd, com uma mancha preta escorrendo\n\n | Empurrão\n | de 6,76 a 6,93 s o app desce para y 1.640 e a letra desce de −560 para 540\n\n | Karaokê\n | a palavra aparece a 50% e 92% uns 6 qd antes; acende 100% num intervalo de 2 qd em volta do instante\n\n | Roll de linha\n | degrau de 18° em 5 qd, influência 85%; borrão direcional de 90° chega a 28 no meio da troca\n\n | Giro da linha\n | chicote de 3 qd antes a 2 qd depois de cada palavra e deriva entre elas; a última linha varre e sai em 19,12 s\n\n | Fundos\n | bokeh bordô (Exposure −1,1) de 6,6 a 14,05 s; fogo 14,05–14,45; silhueta 14,45–15,10; olho 15,10–16,30; íris com o padrão de 15,98 a 16,30; padrão cheio 260 › 62% e gira −35°/s até 19,2 s\n\n | Flashes\n | Invert com desfoque 10 em 11,67 s (3 qd), 13,00, 15,10 e 16,30 s (2 qd)\n\n | Volta à lista\n | entra em 19,17 s com giro Z −6°, X 12° e escala 108%, e assenta em 0,38 s; clique no card 3 em 20,15 s com o verde varrendo da esquerda em 0,2 s\n\n | Saída\n | Venetian Blinds de largura 135 a 90° de 21,20 a 23,90 s e um segundo a 0° de 22,50 a 23,90 s; preto até o fim\n\n## Som\n\n | \n\n | Peça\n | Valor\n\n | Música\n | 1º trecho de 3,04 s da faixa, por 6 s, com a primeira batida no círculo verde; corta no clique; volta em 6,93 s no compasso forte\n\n | Andamento\n | 71,8 BPM no original (143,6 em tempo dobrado)\n\n | Efeitos\n | subida, teclas, cliques, rolagem a cada linha, flashes e impacto no fogo, com ganho 2,5× (não há voz)\n\n | Mix\n | −14 LUFS, pico −1,3 dBFS, drop em 6,97 s\n\n## O que é \"humano\" neste vídeo\n\n- Nada fica parado: fundo do app com deriva, câmera com wiggle, globo com giro leve em Z e chicote a cada palavra.\n\n- O cursor tem peso: chega com ease, aperta a 85% no clique e sai pelo topo.\n\n- O flash cai na palavra que importa, como uma pontuação, e não em toda batida."
    },
    {
      "titulo": "A montagem no After Effects",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `ae/cenas.jsx`\n | monta tudo no projeto aberto. No topo, o bloco `T` guarda os textos: `busca1`, `assinatura`, `busca2`, as três `faixas` (título, artistas, duração, capa) e as `linhas`, cada uma com as palavras e o instante em que cada palavra acende. Depois vêm cores, fontes e ajudantes (`K` para chaves com influência, `retangulo`, `elipse`, `formaSVG`, `blur`, `glow`, `vivo`). As cenas são funções: `cenaIntro`, `cenaBusca`, `cenaCard`, `cenaApp`, `cenaLetra`; `montaFinal` costura tudo\n\n | `assets/preparar_assets.py`\n | recorta as três capas e gera o fundo cinza do app, o bokeh bordô e o padrão hipnótico\n\n | `assets/svg_para_ae.py`\n | converte o SVG do logo no JSON de caminhos que o `formaSVG` desenha\n\n | `audio/eventos_manuais.py`\n | escreve `eventos.json` com cada efeito no tempo da comp (subida dos arcos, teclas, cliques, rolagens, flashes)\n\n | `audio/trilha.py`\n | põe a música, corta no clique, volta na letra e soma os efeitos pela Mesa\n\n- **Fontes:** DM Sans e Poppins (Google Fonts) em `C:\\Program Files\\Common Files\\Adobe\\Fonts`; Segoe UI e Segoe Fluent Icons já vêm no Windows 11. Reinicie o After Effects.\n\n- **Abrir pronto:** `projeto/ae/lyric-spotify.aep`. Se o AE pedir arquivos, aponte para `projeto/assets/`. O projeto tem duas comps de teste do globo (`teste_A_sphere` e `teste_C_3d`) que não entram no vídeo.\n\n- **Adaptar:** troque os textos no bloco `T` e as imagens em `assets/`. Crie um projeto novo (File › New Project) e rode File › Scripts › Run Script File › `cenas.jsx`. Rode sempre num projeto limpo: a cada execução o script importa as imagens de novo.\n\n- **Tempos:** cada palavra tem o seu instante em `t`. Marque os inícios das palavras na sua música (transcrição com tempo por palavra) e troque os números; os rolls, os giros e o karaokê se ajustam sozinhos.\n\n- **Som:** ponha a sua música em `audio/musica.wav`, ajuste os trechos (`de`, `entra`) no `trilha.py`, aponte o `sys.path` para `audio/mesa/` e rode `python trilha.py`.\n\n- **Render:** fila do AE em H.264 com áudio do `mix.wav`, ou render sem som e junte depois com o ffmpeg.\n\n**Pegadinhas:** a opacidade de um null não chega aos filhos (as peças do logo multiplicam pela do null por expressão). Hue/Saturation não aceitou chave por script aqui: o ciclo de cor usa Color Balance (HLS). Parentear por script converte a rotação do pai em Orientation do filho; o gerador usa `setParentWithJump` para evitar isso."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **O play acontece na tela.** Busca digitada, lista, cursor e clique antes da letra: o público entende onde está, e a música corta no clique e volta com a letra.\n\n- **Título borrado até o hover.** As faixas fechadas mostram o título desfocado, que só aparece quando o cursor passa: segura a curiosidade por um segundo.\n\n- **Uma linha por vez, a próxima já na tela.** A palavra futura fica a 50% e em 92% do tamanho; acende no instante da voz. Assim o 3D continua legível.\n\n- **O globo nunca para.** A linha gira com um chicote curto a cada palavra e deriva entre elas; a câmera tem um wiggle lento o tempo todo.\n\n- **O fundo ilustra a frase.** Só quando a frase pede imagem: fogo, silhueta, olho, e a íris vira o padrão hipnótico antes do zoom pela pupila.\n\n- **Flash como pontuação.** Inversão de 2 a 3 quadros nas palavras-chave e nas trocas de fundo, nunca em toda batida.\n\n- **Ciclo completo.** O vídeo volta à lista e clica na próxima faixa antes de sair, o que dá vontade de ver de novo.\n\nDetalhes de cores, tempos e números: estilo.md. Cenas por tempo: roteiro.md. Para fazer o seu com outra música: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | **v1**\n | recriação da técnica cena a cena, conferida lado a lado com o original, com frases nossas na tela e o seu perfil na barra de busca"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "`ae/cenas.jsx` (o gerador comentado), `ae/lyric-spotify.aep` (o projeto montado) e `assets/` (imagens, logo em JSON e os scripts `preparar_assets.py` e `svg_para_ae.py`)"
    },
    {
      "pasta": "audio/",
      "conteudo": "`trilha.py` (a mix), `eventos_manuais.py` e `eventos.json` (os efeitos por tempo), `mix.wav` (o som final), `mesa/` (o motor de mix) e `sfx/` (os efeitos usados)"
    },
    {
      "pasta": "referencias/",
      "conteudo": "`estudo-da-referencia.md` (decupagem quadro a quadro), `links.md` e `fora-do-pacote.md`"
    },
    {
      "pasta": "render.mp4",
      "conteudo": "o vídeo final"
    },
    {
      "pasta": "ae/cenas.jsx",
      "conteudo": "monta tudo no projeto aberto. No topo, o bloco `T` guarda os textos: `busca1`, `assinatura`, `busca2`, as três `faixas` (título, artistas, duração, capa) e as `linhas`, cada uma com as palavras e o instante em que cada palavra acende. Depois vêm cores, fontes e ajudantes (`K` para chaves com influência, `retangulo`, `elipse`, `formaSVG`, `blur`, `glow`, `vivo`). As cenas são funções: `cenaIntro`, `cenaBusca`, `cenaCard`, `cenaApp`, `cenaLetra`; `montaFinal` costura tudo"
    },
    {
      "pasta": "assets/preparar_assets.py",
      "conteudo": "recorta as três capas e gera o fundo cinza do app, o bokeh bordô e o padrão hipnótico"
    },
    {
      "pasta": "assets/svg_para_ae.py",
      "conteudo": "converte o SVG do logo no JSON de caminhos que o `formaSVG` desenha"
    },
    {
      "pasta": "audio/eventos_manuais.py",
      "conteudo": "escreve `eventos.json` com cada efeito no tempo da comp (subida dos arcos, teclas, cliques, rolagens, flashes)"
    },
    {
      "pasta": "audio/trilha.py",
      "conteudo": "põe a música, corta no clique, volta na letra e soma os efeitos pela Mesa"
    }
  ],
  "prompt": "Quero um edit de música no mesmo método do projeto \"A letra num globo 3D\", que está em 07-videos/projetos/letra-globo-3d/: um app de música faz o play na tela e depois cada frase roda num globo 3D, com a palavra da vez acesa.\n\nMúsica e trecho (arquivo e segundos de início e fim): {{MUSICA}}\nFrases da tela, uma por linha (2 a 4 palavras cada): {{FRASES}}\nMeu perfil (aparece na barra de busca e nas faixas): {{PERFIL}}\nBusca digitada e os três títulos da lista: {{BUSCA_E_FAIXAS}}\nImagens de fundo para as frases que pedem imagem (ou deixe que você escolha): {{FUNDOS}}\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 LEIA-ME.md, estilo.md e roteiro.md e abra projeto/ae/cenas.jsx: o bloco T (busca1, assinatura, busca2, faixas, linhas com palavras e instantes), os ajudantes (K, retangulo, formaSVG, blur, glow, vivo) e as funções cenaIntro, cenaApp, cenaLetra e montaFinal. Me diga em poucas linhas o que muda com a minha música.\n\n2. Meça a música: o instante de cada palavra das frases (transcrição com tempo por palavra), os tempos fortes e onde cabe o corte do clique. Monte uma tabela linha › palavras › instantes › fundo.\n\n3. Decida os fundos: bokeh escuro como base e imagem própria só nas frases que citam algo que dá para ver. Me mostre a lista e espere meu ok.\n\n4. Prepare os assets antes de animar: capas das três faixas, imagens de fundo e o logo do app que você vai usar em SVG. Gere ou baixe, rode o preparar_assets.py adaptado e anote de onde veio cada imagem.\n\n5. Construa copiando o projeto, sem editar o original: troque o bloco T e os tempos, ajuste as janelas dos fundos e os flashes em cenaLetra e montaFinal. Rode o cenas.jsx num projeto novo do After Effects e me mostre uma folha de contato com 12 quadros, incluindo o meio dos rolls e do clique.\n\n6. Revise antes do render: palavra que acende fora da voz, linha que sai antes de ser lida, globo ou câmera parados, texto cortado na borda e fundo que troca sem flash.\n\n7. Faça o som: música em audio/musica.wav, trechos e corte no trilha.py, efeitos em eventos_manuais.py, mix pela Mesa a −14 LUFS. Renderize em H.264, junte o mix.wav e entregue o MP4 com uma anotação do que mudou em relação ao projeto.",
  "campos": [
    "BUSCA_E_FAIXAS",
    "FRASES",
    "FUNDOS",
    "MUSICA",
    "PERFIL"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=letra-globo-3d",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}