primocode 10.13.0 → 10.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -12
- package/bin/primocode.js +148 -8
- package/lib/act.js +56 -3
- package/lib/catalogo.js +12 -1
- package/lib/config.js +1 -0
- package/lib/estudio/cota.js +157 -0
- package/lib/estudio/dados/projetos/clube-ad5.json +105 -0
- package/lib/estudio/dados/projetos/clube-ae-sem-memoria.json +107 -0
- package/lib/estudio/dados/projetos/clube-agent.json +120 -0
- package/lib/estudio/dados/projetos/clube-antes-e-agora.json +86 -0
- package/lib/estudio/dados/projetos/clube-apresentando-clube.json +110 -0
- package/lib/estudio/dados/projetos/clube-bluevisa.json +106 -0
- package/lib/estudio/dados/projetos/clube-caught-in-the-fire.json +127 -0
- package/lib/estudio/dados/projetos/clube-chat-cliente-satisfeito.json +98 -0
- package/lib/estudio/dados/projetos/clube-chatgpt-anuncios.json +120 -0
- package/lib/estudio/dados/projetos/clube-claude-dj.json +140 -0
- package/lib/estudio/dados/projetos/clube-claude-mcp.json +142 -0
- package/lib/estudio/dados/projetos/clube-cleanui.json +106 -0
- package/lib/estudio/dados/projetos/clube-clinica-take-unico.json +128 -0
- package/lib/estudio/dados/projetos/clube-clinica.json +104 -0
- package/lib/estudio/dados/projetos/clube-clube-opener.json +125 -0
- package/lib/estudio/dados/projetos/clube-clube.json +108 -0
- package/lib/estudio/dados/projetos/clube-codigo.json +101 -0
- package/lib/estudio/dados/projetos/clube-distilbook.json +104 -0
- package/lib/estudio/dados/projetos/clube-drive-upload.json +115 -0
- package/lib/estudio/dados/projetos/clube-dub.json +119 -0
- package/lib/estudio/dados/projetos/clube-enxovaly.json +105 -0
- package/lib/estudio/dados/projetos/clube-fecha7.json +118 -0
- package/lib/estudio/dados/projetos/clube-filatov.json +128 -0
- package/lib/estudio/dados/projetos/clube-frame.json +108 -0
- package/lib/estudio/dados/projetos/clube-glass.json +118 -0
- package/lib/estudio/dados/projetos/clube-letra-em-apps.json +84 -0
- package/lib/estudio/dados/projetos/clube-letra-globo-3d.json +111 -0
- package/lib/estudio/dados/projetos/clube-letra-nos-apps.json +146 -0
- package/lib/estudio/dados/projetos/clube-letra-seis-mundos.json +100 -0
- package/lib/estudio/dados/projetos/clube-lula-3.json +146 -0
- package/lib/estudio/dados/projetos/clube-morph.json +119 -0
- package/lib/estudio/dados/projetos/clube-motion-designer.json +115 -0
- package/lib/estudio/dados/projetos/clube-motion-pacote.json +112 -0
- package/lib/estudio/dados/projetos/clube-movimento.json +103 -0
- package/lib/estudio/dados/projetos/clube-not-like-us.json +117 -0
- package/lib/estudio/dados/projetos/clube-pinterest-inspiracao.json +86 -0
- package/lib/estudio/dados/projetos/clube-pixel-e-tinta.json +108 -0
- package/lib/estudio/dados/projetos/clube-ponte.json +118 -0
- package/lib/estudio/dados/projetos/clube-processo-edit-tonal.json +126 -0
- package/lib/estudio/dados/projetos/clube-processo-motion-100-ia.json +109 -0
- package/lib/estudio/dados/projetos/clube-promo.json +114 -0
- package/lib/estudio/dados/projetos/clube-proposito.json +115 -0
- package/lib/estudio/dados/projetos/clube-rankhog.json +128 -0
- package/lib/estudio/dados/projetos/clube-recursao.json +116 -0
- package/lib/estudio/dados/projetos/clube-revelar.json +118 -0
- package/lib/estudio/dados/projetos/clube-robo.json +125 -0
- package/lib/estudio/dados/projetos/clube-shelby-ep2.json +144 -0
- package/lib/estudio/dados/projetos/clube-shelby.json +97 -0
- package/lib/estudio/dados/projetos/clube-solar-eclipse.json +96 -0
- package/lib/estudio/dados/projetos/clube-soldier.json +128 -0
- package/lib/estudio/dados/projetos/clube-som-de-cena.json +108 -0
- package/lib/estudio/dados/projetos/clube-spotify-candidatura.json +112 -0
- package/lib/estudio/dados/projetos/clube-tda-app.json +118 -0
- package/lib/estudio/dados/projetos/clube-tda-ia.json +75 -0
- package/lib/estudio/dados/projetos/clube-telegram-chat.json +118 -0
- package/lib/estudio/dados/projetos/clube-telegram-ilha.json +106 -0
- package/lib/estudio/dados/projetos/clube-tennessee-nike.json +132 -0
- package/lib/estudio/dados/projetos/clube-tudo-se-move.json +112 -0
- package/lib/estudio/dados/projetos/clube-uiad.json +107 -0
- package/lib/estudio/dados/projetos/clube-viralgrow.json +108 -0
- package/lib/estudio/dados/projetos/clube-whose-side.json +140 -0
- package/lib/estudio/dados/projetos/clube-youtube-inscrever.json +108 -0
- package/lib/estudio/dados/projetos/elementos-do-site-em-movimento.json +49 -0
- package/lib/estudio/dados/projetos/explainer-narrado.json +51 -0
- package/lib/estudio/dados/projetos/lancamento-de-produto.json +51 -0
- package/lib/estudio/dados/projetos/motion-so-com-sons.json +50 -0
- package/lib/estudio/dados/projetos/titulo-em-after-effects.json +51 -0
- package/lib/estudio/dados/projetos/tour-de-saas.json +50 -0
- package/lib/estudio/dados/projetos-ae/antes-e-agora/ae/cenas.jsx +733 -0
- package/lib/estudio/dados/projetos-ae/antes-e-agora/assets/fazer_assets.py +88 -0
- package/lib/estudio/dados/projetos-ae/letra-em-apps/ae/cenas.jsx +402 -0
- package/lib/estudio/dados/projetos-ae/letra-em-apps/assets/preparar_assets.py +17 -0
- package/lib/estudio/dados/projetos-ae/letra-em-apps/assets/svg_para_ae.py +25 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/BRIEF-AGENTES.md +31 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/README.md +53 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ROTEIRO-CENAS.md +69 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/A-agenda.jsx +148 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/B-docs.jsx +174 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/C-alttab.jsx +113 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/D-spotify.jsx +118 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/E-notas.jsx +146 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/F-jornal1.jsx +144 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/G-google.jsx +153 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/H-mapa.jsx +176 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/I-imagens.jsx +132 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/J-jornal2.jsx +191 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/K-maps.jsx +184 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/camera-movimentos.jsx +48 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/camera.jsx +57 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/card-spotify.jsx +98 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/digitar.jsx +38 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/jornal-comum.jsx +196 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/letra.jsx +23 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/letra_automatica.py +83 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/montagem.jsx +74 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/w-agenda/render_html.py +13 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/w-agenda/util.jsx +162 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/w-midia-comum.jsx +114 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/ae/wg-util.jsx +360 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/assets/F-jornal1/render_html.py +13 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/assets/render_w-midia.py +26 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/assets/w-midia-ferramentas/inclin.py +30 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/assets/w-midia-ferramentas/medir_d.py +36 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/assets/w-midia-ferramentas/medir_e.py +27 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/ajustar_movimentos.py +61 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/ancorar.py +74 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/assar.py +47 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/camera3d_jornal.py +172 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/comparar.py +32 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/dados_ae_jornal.py +46 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/folha_contato.py +28 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/homografia_jornal.py +74 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/integrar.py +44 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/medir_quadro_a_quadro.py +32 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/mesa_2d.py +64 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/plot_cenas.py +11 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/retificar_quadros.py +38 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/w-agenda/assar_ab.py +52 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/w-agenda/medir_ab.py +59 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/wg_ajustar_h.py +111 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/wg_corrige_cam.py +17 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/wg_ecc_cadeia.py +80 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/wg_finalizar_cam.py +65 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/camera/wg_mosaico.py +61 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces/01-gramatica-e-roteiro.md +55 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces/02-camera.md +66 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces/03-montagem-no-ae.md +50 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces/04-render-e-conferencia.md +43 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces/05-abertura-celular-mergulho.md +43 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/guia-do-metodo/tutorial-lyric-edit-interfaces.md +42 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/atraso_imagem.py +31 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/fundo.py +56 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/juntar.py +45 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/montar.py +177 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/rastreio.py +74 -0
- package/lib/estudio/dados/projetos-ae/letra-nos-apps/transicao/sincronia.py +18 -0
- package/lib/estudio/dados/projetos-ae/pinterest-inspiracao/ae/cenas.jsx +530 -0
- package/lib/estudio/dados/projetos-ae/pinterest-inspiracao/assets/fazer_assets.py +107 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/assets/pessoas/figurinha.py +46 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/BRIEF-A.md +83 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/audio.py +179 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/confere.py +20 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/dados/tempo-parte1.js +1 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/dados/tempo-parte2.js +1 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/gerar_emojis.py +11 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/img/filmes/_indice.js +122 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/base.js +380 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/main.js +86 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/p1a.js +169 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/p1b.js +455 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/p1c.js +389 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/p2.js +379 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/video.py +62 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/take-unico/README.md +65 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/take-unico/oraculo_take.py +137 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/take-unico/render_take.py +388 -0
- package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/take-unico/take.js +235 -0
- package/lib/estudio/editor.js +290 -0
- package/lib/estudio/effectcraft.js +152 -0
- package/lib/estudio/exportar.js +181 -0
- package/lib/estudio/index.js +97 -2
- package/lib/estudio/kit-ae/base.jsx +1146 -0
- package/lib/estudio/kit-ae/cenas.jsx +395 -0
- package/lib/estudio/kit-ae/primitivas.jsx +911 -0
- package/lib/estudio/maquina-diretor.js +393 -0
- package/lib/estudio/maquina-elementos.js +134 -0
- package/lib/estudio/maquina-layout.js +198 -0
- package/lib/estudio/maquina-som.js +478 -0
- package/lib/estudio/maquina-trilha.js +160 -0
- package/lib/estudio/maquina-voz.js +429 -0
- package/lib/estudio/maquina.js +516 -0
- package/lib/estudio/projetos.js +72 -0
- package/lib/headless.js +71 -0
- package/lib/hooks.js +72 -0
- package/lib/limites.js +100 -0
- package/lib/local/cerebro.json +398 -12
- package/lib/local/entrada.js +46 -2
- package/lib/marca-kit.js +312 -0
- package/lib/mcp.js +286 -6
- package/lib/perigo.js +31 -3
- package/lib/planos.js +49 -19
- package/lib/preparar.js +111 -0
- package/lib/retomar.js +55 -0
- package/lib/sandbox.js +197 -0
- package/lib/skills.js +3 -1
- package/lib/tools.js +13 -4
- package/lib/ui.js +1 -1
- package/package.json +4 -2
- package/skills/after-effects/SKILL.md +52 -0
- package/skills/maquina-de-motion/SKILL.md +84 -0
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "clube-spotify-candidatura",
|
|
3
|
+
"titulo": "Carta para o Spotify",
|
|
4
|
+
"categoria": "produto",
|
|
5
|
+
"resumo": "vídeo quadrado de 8,7 s a 60 qps, sem narração e sem música, feito como uma \"carta de candidatura\" para o Spotify. O logo cai e assenta, uma frase nasce ao lado dele, uma pílula verde encolhe e vira o avatar do meio, o título troca de palavra como um odômetro, uma lista dispara para cima e lança um chip, o chip explode numa moldura de luz e o logo volta para puxar o nome da marca. Nenhuma cena para, e cada uma nasce de uma peça da anterior. Só efeitos sonoros, um por evento. Um script do After Effects (`cenas.jsx`) monta a comp inteira. Feito pelo Clube do Motion como recriação do estilo de @illdari.",
|
|
6
|
+
"indicado": "portfólio de motion designer pedindo trabalho a uma marca; apresentação de identidade de app em modo escuro; vídeo de produto digital sem trilha, só com sound design.",
|
|
7
|
+
"estilo": [
|
|
8
|
+
"identidade do Spotify",
|
|
9
|
+
"modo escuro",
|
|
10
|
+
"cada cena nasce da anterior",
|
|
11
|
+
"60 qps",
|
|
12
|
+
"entrada pelo desfoque",
|
|
13
|
+
"troca de palavra em odômetro",
|
|
14
|
+
"só efeitos sonoros"
|
|
15
|
+
],
|
|
16
|
+
"ficha": {
|
|
17
|
+
"formato": "1080×1080, 60 qps, desfoque de movimento com obturador de 270° (fase −135°, 16 amostras)",
|
|
18
|
+
"duracao": "8,73 s (524 quadros), sem narração e sem música",
|
|
19
|
+
"motor": "ae",
|
|
20
|
+
"voz": "ver o guia de estilo",
|
|
21
|
+
"musica": "ver o guia de estilo",
|
|
22
|
+
"fontes": "DM Sans (Bold, SemiBold, Medium e Regular), a geométrica gratuita mais próxima da Circular do Spotify"
|
|
23
|
+
},
|
|
24
|
+
"ferramentas": [
|
|
25
|
+
"Claude Code",
|
|
26
|
+
"After Effects"
|
|
27
|
+
],
|
|
28
|
+
"ficha_tecnica": {
|
|
29
|
+
"Duração": "8,73 s (524 quadros), sem narração e sem música",
|
|
30
|
+
"Formato": "1080×1080, 60 qps, desfoque de movimento com obturador de 270° (fase −135°, 16 amostras)",
|
|
31
|
+
"Ferramenta": "After Effects: um script ExtendScript (`cenas.jsx`) cria a comp `RECRIACAO` com 67 camadas e um marcador por evento de som; o `.aep` já vem montado",
|
|
32
|
+
"Assets": "logo oficial do Spotify (PNG e o SVG do Simple Icons); avatares neutros (um losango e duas silhuetas) e 7 capas abstratas gerados por código (`fazer_assets.py`)",
|
|
33
|
+
"Fonte": "DM Sans (Bold, SemiBold, Medium e Regular), a geométrica gratuita mais próxima da Circular do Spotify",
|
|
34
|
+
"Textos": "em inglês, como no original (\"Purity of Motion.\", \"Global Sound\", \"Global Imersion\", \"More than just audio\", \"Its an experience\"); trocáveis no bloco `TX`",
|
|
35
|
+
"Som": "39 eventos, um efeito cada, com o pico de 1 a 2 quadros antes do movimento; −14,1 LUFS e pico de −1,1 dBFS",
|
|
36
|
+
"Referência": "edit \"Spotify, hire me\" de @illdari (08/08/2026)",
|
|
37
|
+
"Arquivo final": "MP4 H.264 com áudio AAC"
|
|
38
|
+
},
|
|
39
|
+
"etapas": [
|
|
40
|
+
{
|
|
41
|
+
"titulo": "O roteiro",
|
|
42
|
+
"texto": "**Resumo:** o vídeo não tem narração nem música; o roteiro é a sequência de cenas, com o texto que aparece e os tempos do `cenas.jsx`, e a lista dos momentos de som. Cada cena nasce de uma peça da anterior.\n\n## De onde veio a estrutura\n\nO edit de @illdari é um pedido de emprego ao Spotify feito em motion: a identidade da marca contada em 13 trocas em menos de 9 segundos, só com efeitos sonoros. Esta recriação mantém as cenas, os tempos medidos a 60 qps e os textos em inglês do original, com avatares e capas neutros no lugar das fotos de artistas e das capas reais.\n\n## Cenas por tempo\n\n | \n\n | Tempo (s)\n | Texto na tela\n | O que acontece\n\n | 0,00–0,80\n | —\n | o logo do Spotify cai do alto, estica, achata no impacto e assenta\n\n | 0,33–0,95\n | \"Purity of Motion.\"\n | a frase nasce letra por letra à direita do logo, verde-escura que vira branca; o logo desliza para a esquerda para manter o grupo no centro\n\n | 0,98–1,37\n | —\n | o contorno verde de uma pílula envolve logo e frase, o fundo clareia e a pílula encolhe até virar um anel\n\n | 1,20–1,87\n | \"Global Sound\" · \"Você\" · \"Nova\" · \"Rio\"\n | o avatar do meio nasce de dentro do anel; os outros dois chegam borrados; o título entra palavra por palavra\n\n | 1,84–2,62\n | \"Global Imersion\"\n | \"Sound\" vira \"Imersion\" como um odômetro; os avatares caem e somem; o título desce e cresce\n\n | 2,14–2,90\n | parágrafo de quatro linhas · \"Go beyond\"\n | o texto se revela linha a linha; o botão nasce de uma mancha borrada\n\n | 3,12–3,95\n | \"Night Drive\" · \"Golden Hour\" · \"All the same way\" · \"Let it go\"\n | a lista de faixas entra de baixo e dispara para cima até borrar\n\n | 3,80–4,10\n | \"All\"\n | o chip verde sobe herdando a velocidade da rolagem\n\n | 4,09–5,06\n | \"All\" · \"Friends\" · \"Podcast\"\n | corte seco para a fileira de chips, que anda para a esquerda; a seleção passa de Friends para Podcast\n\n | 5,13–5,58\n | —\n | Podcast encolhe e estoura num anel verde desfocado que vira a moldura da tela\n\n | 5,40–6,10\n | \"More than just audio\"\n | a frase assenta no centro e sai letra por letra com desfoque horizontal\n\n | 6,16–7,17\n | \"Its an experience\"\n | a frase entra com as letras afastadas que se juntam, sobe e some\n\n | 7,20–8,00\n | \"Spotify\"\n | o logo volta de baixo, desliza para a esquerda e puxa a palavra de trás dele\n\n | 8,25–8,73\n | —\n | tudo escurece até o preto\n\n## Momentos para o som\n\n- 0,18–0,25 s: whoosh curto da queda, com o pico no pouso, e um pop grave no impacto.\n\n- 0,40–0,82 s: tiques de letra enquanto a frase se escreve.\n\n- 0,97–1,03 s: brilho e morph quando a pílula acende e começa a encolher; pops nos avatares em 1,29 e 1,43 s.\n\n- 1,82–2,26 s: whoosh na saída de \"Sound\", tiques nas letras de \"Imersion\" e um whoosh baixo no movimento do título.\n\n- 3,12–3,66 s: a lista sobe, dois toques de card, rolagem e chicote no auge da velocidade.\n\n- 3,82–4,58 s: o chip sobe e pousa, clique no corte para a fileira, pop no Podcast e clique na troca de seleção.\n\n- 5,12–5,33 s: encolhe, estoura e impacto, o único som forte do vídeo.\n\n- 5,40–7,40 s: entradas e saídas de texto; logo e revelação da marca em 7,40 s; saída de tela em 8,27 s.\n\nA lista completa dos 39 eventos está em `audio/eventos.json`."
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"titulo": "A identidade visual",
|
|
46
|
+
"texto": "**Resumo:** fundo preto com três nuvens verdes muito desfocadas, verde da marca (`#21EB51`) só no que importa, texto branco (`#FDFDFD`) em DM Sans e glow suave no logo e na pílula. A 60 qps, com curva de saída rápida, entrada pelo desfoque e efeitos sonoros adiantados. Números tirados do `cenas.jsx` e do `trilha.py`.\n\n## Palco\n\n | \n\n | Peça\n | Como é\n\n | Tela\n | 1080×1080, 60 qps, 8,73 s (524 quadros), fundo preto\n\n | Desfoque de movimento\n | obturador 270°, fase −135°, 16 amostras (limite adaptativo 128)\n\n | Montagem\n | uma comp só (`RECRIACAO`, 67 camadas); nulos `AVATARES`, `ROLAGEM`, `TITULO`, `LISTA`, `BOTAO` e `FILEIRA` carregam os grupos\n\n | Nuvens\n | elipses `#12592A` de 700 e 650 px e `#0E4420` de 600 px, desfoque 320, `wiggle(0.25, 50)`; trocam de canto a cada cena e apagam durante a rolagem (3,4–4,6 s)\n\n## Cores\n\n | \n\n | Peça\n | Valor\n\n | Fundo\n | `#000000`\n\n | Verde da marca\n | `#21EB51` (pílula, chips selecionados, letras em troca)\n\n | Texto\n | `#FDFDFD`; parágrafo `#E2E2E2`; subtítulos `#8C8C8C`\n\n | Letra nascendo\n | `#1E5A2E`, que vira branco\n\n | Pílula\n | traço `#0C4A1D` › verde › `#9FD9AE`\n\n | Clarão da pílula\n | `#0F5A26` a 70% em 0,95–1,33 s\n\n | Chip apagado\n | fundo `#141414`, borda `#7A7A7A` de 2,5 px\n\n | Botão \"Go beyond\"\n | `#1E1E1E`\n\n | Moldura do estouro\n | traço `#196A32`\n\n## Fontes\n\n | \n\n | Fonte\n | Onde\n\n | DM Sans Bold\n | \"Purity of Motion.\" (438 px de largura), título, nomes dos avatares (30 px), \"More than just audio\" (536 px de largura) e \"Spotify\" (280 px de largura)\n\n | DM Sans SemiBold\n | nome das faixas (31 px), chips (40 px) e \"Its an experience\" (440 px de largura)\n\n | DM Sans Medium\n | \"Go beyond\" (21 px)\n\n | DM Sans Regular\n | parágrafo, subtítulos e artistas\n\n## Envelopes de texto (por letra)\n\n | \n\n | Função\n | Como anda\n\n | `eIn(t0, dt, d, 3)`\n | cada letra começa `dt` depois da anterior e vai de 100 a 0 em `d` com saída cúbica\n\n | `eOut(t0, dt, d, 2)`\n | o contrário, acelerando; com sinal alternado, as letras pares vão para um lado e as ímpares para o outro\n\n | `eInSinal`\n | a entrada do odômetro: letras alternando para cima e para baixo\n\n## Cena a cena\n\n | \n\n | Cena\n | Números\n\n | A · Logo\n | 160 px; cai de y 150 a 582 nos quadros 2–16, estica para 40 × 72% e achata para 114 × 99% no impacto, assenta em y 540 no quadro 46; desliza de x 538 a 308 nos quadros 12–54; Glow (raio 150, intensidade 0,5)\n\n | A · Frase\n | \"Purity of Motion.\" letra a letra, 1,7 quadro entre letras e 9 quadros cada, opacidade, desfoque 10 e cor verde-escura; anda junto com o logo\n\n | B · Pílula\n | traço de 4 px; 650×192 › 166×166 nos quadros 59–82; a frase só aparece dentro dela (track matte) e sai com desfoque horizontal\n\n | C · Avatares\n | 162 px; o do meio nasce do anel crescendo de 106 para 162 px (quadros 72–81); os outros em 1,29 e 1,44 s, subindo 20 px com desfoque 14 › 0; o grupo desce 33 px entre 1,25 e 1,88 s\n\n | D · Odômetro\n | \"Sound\" sai em 1,84 s e \"Imersion\" entra em 1,95 s: letras a 62 px na vertical, verdes e borradas, 2 quadros entre elas; os avatares caem 73 px com desfoque 16; o título vai para (194, 342) e cresce 106% até 2,62 s\n\n | E · Parágrafo\n | revela letra a letra desde 2,14 s (12 quadros cada, desfoque 8); o botão nasce em 2,40 s com escala 80 › 100% e desfoque 22 › 0\n\n | F · Lista\n | 4 faixas sobem 230 px, uma a cada 6 quadros, desde 3,12 s; a rolagem acelera com y = −1215·t² a partir de 3,05 s e uma camada de ajuste soma Directional Blur pela velocidade (até 50); a lista some em 3,55–3,86 s\n\n | G/H · Chips\n | \"All\" sobe 482 px em 3,80–4,07 s; corte seco em 4,09 s para a fileira All, Friends e Podcast; a fileira anda uns 8 px por quadro de 4,10 a 4,80 s e assenta em 5,06 s; a seleção passa de Friends para Podcast em 4,60–4,72 s\n\n | I · Estouro\n | Podcast encolhe para 70% em 5,13–5,23 s; um retângulo de traço vai de 175×72 a 1600×1260, com traço de 26 a 170 px e desfoque de 30 a 150 (5,16–5,58 s)\n\n | J/K · Frases\n | \"More than just audio\" entra a 116% e assenta em 100% em 5,40–5,75 s; sai letra a letra com desfoque horizontal 24 a partir de 5,98 s; \"Its an experience\" fecha o tracking de 70 a 0 em 28 quadros desde 6,16 s, sobe 40 px e some em 7,03–7,17 s\n\n | L · Marca\n | o logo volta de y 650 a 540 (7,20–7,42 s) e desliza de x 540 a 360 (7,36–7,98 s); \"Spotify\" sai de trás dele por uma máscara presa à borda do logo; fade para o preto em 8,25–8,55 s\n\n## Som\n\n | \n\n | Item\n | Valor\n\n | Música\n | nenhuma, como no original\n\n | Eventos\n | 39: viagem, pouso, letras (9), brilho, morph, pop (3), texto-sai (3), move, texto (2), pílula, sobe (3), card (2), rolagem, chicote, clique (2), encolhe, estoura, impacto, logo, revela e sai-tela\n\n | Efeitos\n | mapa padrão da Mesa, com seis trocas: whoosh curto com pico no pouso do logo, pop grave no pouso, whooshes baixos no morph, na saída de texto e no movimento, deslize curto na revelação da marca; impacto marcado em 5,30–5,6 s; fade final de 0,4 s\n\n | Medido\n | −14,1 LUFS, pico −1,1 dBFS; efeitos −12,9 LUFS\n\n## O que é \"humano\" neste vídeo\n\n- O layout nunca fica parado: desce, recentra ou deriva alguns pixels nas pausas.\n\n- As nuvens do fundo andam devagar o tempo todo.\n\n- O logo da abertura estica na queda e achata no impacto, com peso de verdade."
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"titulo": "A montagem no After Effects",
|
|
50
|
+
"texto": "| \n\n | Arquivo\n | O que faz\n\n | `ae/cenas.jsx`\n | refaz a comp `RECRIACAO` a cada execução: apaga a anterior e a pasta `GERADO` e reaproveita os assets já importados. No topo ficam os textos (`TX`), as cores e as fontes. Ajudantes: `q(n)` (quadro n a 60 qps), `K` (chaves com influência ou hold), `T` (texto), `tamanho` (ajusta o corpo à largura medida no original), `ancora`, `anim` (animador de texto com Expression Selector) e os envelopes por letra `eIn`, `eOut` e `eInSinal`. As cenas vão de A a L, cada uma com os seus segundos; `ev(t, tipo)` grava o evento de som como marcador\n\n | `ae/spotify-hire-me.aep`\n | o resultado do script, pronto para abrir e renderizar\n\n | `ae/fazer_assets.py`\n | desenha com OpenCV os avatares (losango e silhuetas recortados em círculo, com anel claro) e as 7 capas (degradê, círculos desfocados e cantos de 40 px)\n\n | `audio/trilha.py`\n | lê `eventos.json`, coloca um efeito por evento pelo mapa padrão, troca seis tipos por efeitos escolhidos (queda do logo, pouso, morph, saída de texto, movimento e revelação da marca), marca o impacto do estouro em 5,30 s e mixa para −14 LUFS\n\n | `audio/eventos.json`\n | os tempos e tipos dos 39 eventos, copiados dos marcadores da comp\n\n- **Fonte:** instale a DM Sans (Google Fonts) em `C:\\Program Files\\Common Files\\Adobe\\Fonts` e reinicie o After Effects.\n\n- **Abrir:** `projeto/ae/spotify-hire-me.aep`. Se o AE pedir arquivos, aponte para `projeto/assets/`.\n\n- **Adaptar:** troque os textos em `TX` e as imagens em `assets/`, mantendo os nomes (ou rode `python ae/fazer_assets.py` para gerar outros avatares e capas; precisa de opencv-python e numpy). Rode File › Scripts › Run Script File › `cenas.jsx`; ele acha `assets/` uma pasta acima de `ae/`.\n\n- **Render:** fila do AE com a comp `RECRIACAO` em H.264, a 60 qps.\n\n- **Som:** no `audio/trilha.py`, troque o `sys.path` para a pasta `audio/mesa` e rode `python audio/trilha.py`. Sai `audio/mix.wav`; cole no vídeo com o ffmpeg (`-c:v copy -c:a aac -shortest`).\n\n**Pegadinhas:** duas chaves no mesmo quadro quebram a curva; o `K` empurra a segunda um quadro para frente. Sem a DM Sans, o `tamanho()` mede outra fonte e os textos mudam de largura. A largura das frases foi ajustada às do original; texto novo mais longo pede outro valor no `tamanho()`. O desfoque de movimento nativo não alcança o rastro da rolagem; ali entra uma camada de ajuste com Directional Blur proporcional à velocidade."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"titulo": "As decisões de direção",
|
|
54
|
+
"texto": "- **Cada cena nasce de uma peça da anterior.** A pílula vira o anel do avatar, a rolagem lança o chip, o chip estoura na moldura e o logo final puxa a palavra.\n\n- **Nada para.** Sempre há algo entrando enquanto outra peça sai; nas pausas, o layout desce ou recentra alguns pixels, e as nuvens derivam o tempo todo.\n\n- **A curva faz metade do caminho cedo.** Entradas de 13 a 18 quadros com saída rápida e chegada longa; quase nada quica, só a queda do logo, que passa 42 px e volta.\n\n- **A letra nasce na cor da marca.** Cada letra da frase surge verde-escura e borrada e termina branca.\n\n- **A troca de palavra é um odômetro.** As letras saem e entram na vertical, alternando para cima e para baixo, verdes e borradas, com 2 quadros entre elas.\n\n- **A rolagem é a transição.** A lista acelera até borrar e o chip \"All\" sobe na mesma direção, herdando a velocidade.\n\n- **O som chega um pouco antes.** O original foi criticado por efeitos atrasados; aqui o pico de cada efeito cai de 1 a 2 quadros antes do movimento.\n\n- **60 qps com desfoque de movimento**, para os chicotes e a rolagem ficarem lisos.\n\nDetalhes de cores, tempos e números: estilo.md. Cenas por tempo: roteiro.md. Para fazer a sua carta para outra marca: PROMPT.md."
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"titulo": "As versões até o final",
|
|
58
|
+
"texto": "| \n\n | Versão\n | O que mudou\n\n | **v1**\n | recriação medida quadro a quadro a 60 qps; avatares e capas neutros no lugar das fotos de artistas e das capas reais do original; efeitos adiantados 1 a 2 quadros"
|
|
59
|
+
}
|
|
60
|
+
],
|
|
61
|
+
"pacote": [
|
|
62
|
+
{
|
|
63
|
+
"pasta": "projeto/",
|
|
64
|
+
"conteudo": "`ae/cenas.jsx` (o gerador comentado), `ae/spotify-hire-me.aep` (o projeto montado), `ae/fazer_assets.py` (gera avatares e capas) e `assets/` (logo, 3 avatares e 7 capas)"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"pasta": "audio/",
|
|
68
|
+
"conteudo": "`trilha.py` (o som inteiro), `eventos.json` (os 39 eventos), `mix.wav`, `relatorio-som.json` e `mesa/`, com o motor de mix `mesa.py` e o `mapa_padrao.py`"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"pasta": "referencias/",
|
|
72
|
+
"conteudo": "`estudo-da-referencia.md` (o edit original quadro a quadro, medido a 60 qps, com receita), `links.md` e `fora-do-pacote.md`"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"pasta": "render.mp4",
|
|
76
|
+
"conteudo": "o vídeo final"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"pasta": "ae/cenas.jsx",
|
|
80
|
+
"conteudo": "refaz a comp `RECRIACAO` a cada execução: apaga a anterior e a pasta `GERADO` e reaproveita os assets já importados. No topo ficam os textos (`TX`), as cores e as fontes. Ajudantes: `q(n)` (quadro n a 60 qps), `K` (chaves com influência ou hold), `T` (texto), `tamanho` (ajusta o corpo à largura medida no original), `ancora`, `anim` (animador de texto com Expression Selector) e os envelopes por letra `eIn`, `eOut` e `eInSinal`. As cenas vão de A a L, cada uma com os seus segundos; `ev(t, tipo)` grava o evento de som como marcador"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"pasta": "ae/spotify-hire-me.aep",
|
|
84
|
+
"conteudo": "o resultado do script, pronto para abrir e renderizar"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"pasta": "ae/fazer_assets.py",
|
|
88
|
+
"conteudo": "desenha com OpenCV os avatares (losango e silhuetas recortados em círculo, com anel claro) e as 7 capas (degradê, círculos desfocados e cantos de 40 px)"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"pasta": "audio/trilha.py",
|
|
92
|
+
"conteudo": "lê `eventos.json`, coloca um efeito por evento pelo mapa padrão, troca seis tipos por efeitos escolhidos (queda do logo, pouso, morph, saída de texto, movimento e revelação da marca), marca o impacto do estouro em 5,30 s e mixa para −14 LUFS"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"pasta": "audio/eventos.json",
|
|
96
|
+
"conteudo": "os tempos e tipos dos 39 eventos, copiados dos marcadores da comp"
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
"prompt": "Quero uma \"carta de candidatura\" em motion no mesmo método do projeto \"spotify-candidatura\", que está em 07-videos/projetos/spotify-candidatura/: a identidade de uma marca contada sem cortes, cada cena nascendo de uma peça da anterior, a 60 qps e só com efeitos sonoros.\n\nMarca: {{MARCA}}\nSite oficial (para tirar logo, cores e fonte): {{SITE}}\nFrases da tela (4 a 6, curtas): {{FRASES}}\nElementos de interface da marca para usar (lista, chips, cards, player…): {{ELEMENTOS}}\nMeu nome ou @ (no avatar \"Você\" e, se quiser, no fim): {{PERFIL}}\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 TX, os ajudantes q, K, T, tamanho, anim, os envelopes eIn, eOut e eInSinal, as cenas A a L e a função ev(), que grava cada evento de som como marcador. Me diga em poucas linhas o que vai reaproveitar.\n\n2. Tire a identidade da marca real: logo oficial, a cor de destaque do CSS ou do app, o fundo e a fonte (ou a gratuita mais próxima). Avatares e capas sem foto de pessoa nem capa real: gere com ae/fazer_assets.py ou desenhe.\n\n3. Escreva a sequência como transferências antes de animar: de qual peça nasce a próxima cena (pílula › avatar, rolagem › chip, chip › moldura, logo › palavra). Uma troca a cada 0,6 a 1,1 s. Me mostre a tabela tempo › cena › texto e espere meu ok.\n\n4. Construa copiando o projeto, sem editar o original. Mantenha os 60 qps, o desfoque de movimento, as entradas de 13 a 18 quadros com saída rápida e chegada longa, a letra que nasce na cor da marca e termina branca, a troca de palavra em odômetro e o fundo com nuvens que derivam. Só a primeira queda pode quicar.\n\n5. Nada pode parar: em cada pausa, algo entra enquanto outra peça sai, ou o layout desce e recentra alguns pixels.\n\n6. Som sem música: exporte os eventos dos marcadores para audio/eventos.json, faça o som pelo audio/trilha.py com um efeito por evento, o pico de 1 a 2 quadros antes do movimento, um único impacto forte no estouro e final em −14 LUFS.\n\n7. Antes do render, me mostre uma folha de contato com 12 quadros, incluindo o meio das trocas, e confira texto cortado, peça que surge do nada e trecho parado. Renderize a comp RECRIACAO em H.264 a 60 qps, cole o som com o ffmpeg e entregue o MP4 com uma anotação do que mudou.",
|
|
100
|
+
"campos": [
|
|
101
|
+
"ELEMENTOS",
|
|
102
|
+
"FRASES",
|
|
103
|
+
"MARCA",
|
|
104
|
+
"PERFIL",
|
|
105
|
+
"SITE"
|
|
106
|
+
],
|
|
107
|
+
"fonte": {
|
|
108
|
+
"nome": "Clube do Motion",
|
|
109
|
+
"url": "https://clubedomotion.com/projeto/?id=spotify-candidatura",
|
|
110
|
+
"uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
|
|
111
|
+
}
|
|
112
|
+
}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "clube-tda-app",
|
|
3
|
+
"titulo": "Pode ir descansar",
|
|
4
|
+
"categoria": "saas",
|
|
5
|
+
"resumo": "animação vertical de 20 s, sem narração, que mostra um agente de IA atendendo uma clínica fora do horário. Começa no escuro, com o relógio passando das 19h e as mensagens chegando; um círculo claro vira a tela, e o celular entra mostrando o app tela por tela: o resumo da manhã, a conversa no WhatsApp com o repasse para a dona, a agenda preenchida e 47 agendamentos em 7 dias contando na tela. Fecha com a marca, um botão e o cursor clicando. As telas são capturas reais do protótipo do app, com os destaques refeitos por cima em camadas editáveis do After Effects. A clínica, as clientes e os números são de demonstração. Feito pelo Clube do Motion.",
|
|
6
|
+
"indicado": "empresa que vende um app, um agente de IA ou um sistema e quer mostrar o produto resolvendo um problema do dia a dia do cliente, do problema ao resultado, num Reel ou anúncio curto.",
|
|
7
|
+
"estilo": [
|
|
8
|
+
"animação SaaS",
|
|
9
|
+
"app no celular",
|
|
10
|
+
"câmera que segue a tela",
|
|
11
|
+
"problema no escuro e virada para o claro",
|
|
12
|
+
"destaque em lime",
|
|
13
|
+
"contador animado",
|
|
14
|
+
"trilha neo-soul"
|
|
15
|
+
],
|
|
16
|
+
"ficha": {
|
|
17
|
+
"formato": "1080×1920, 30 qps, 9:16; H.264 a 40 Mbps",
|
|
18
|
+
"duracao": "20 s (600 quadros), sem narração",
|
|
19
|
+
"motor": "ae",
|
|
20
|
+
"voz": "ver o guia de estilo",
|
|
21
|
+
"musica": "ver o guia de estilo",
|
|
22
|
+
"fontes": "ver o guia de estilo"
|
|
23
|
+
},
|
|
24
|
+
"ferramentas": [
|
|
25
|
+
"Claude Code",
|
|
26
|
+
"After Effects",
|
|
27
|
+
"ElevenLabs"
|
|
28
|
+
],
|
|
29
|
+
"ficha_tecnica": {
|
|
30
|
+
"Duração": "20 s (600 quadros), sem narração",
|
|
31
|
+
"Formato": "1080×1920, 30 qps, 9:16; H.264 a 40 Mbps",
|
|
32
|
+
"Ferramenta": "After Effects, montado por operações da ponte MCP, com o Claude Code: comp principal `MAIN_TDA_App_20s` e as precomps `TELA_Hoje`, `TELA_Conversa`, `TELA_Agenda`, `TELA_Resultados`, `TELAS_sequencia`, `CELULAR` e `MARCA_TDA_DIGITAL`",
|
|
33
|
+
"Telas": "6 capturas do protótipo do app em 3x (1170×2532), feitas com o Chrome sem janela, com os destaques refeitos por cima como camadas nativas",
|
|
34
|
+
"Marca": "TDA Digital v2: preto `#0A0A0A`, lime `#A3E635`, off-white `#F4F4F2`",
|
|
35
|
+
"Trilha": "composta na ElevenLabs Music (v2.5): neo-soul brasileiro com toque de bossa, 100 BPM, em 5 seções (noite, manhã, groove, subida e final)",
|
|
36
|
+
"Som": "29 efeitos da biblioteca nivelada, um por ação, alinhados pelo pico; final a −14 LUFS (medido −13,9 no MP4) e pico de −1,3 dBFS",
|
|
37
|
+
"Tempo de produção": "cerca de 1 h de montagem e 15 min de som",
|
|
38
|
+
"Arquivo final": "MP4 com áudio AAC, 57,3 MB"
|
|
39
|
+
},
|
|
40
|
+
"etapas": [
|
|
41
|
+
{
|
|
42
|
+
"titulo": "O roteiro",
|
|
43
|
+
"texto": "**Resumo:** o vídeo não tem narração; o roteiro é a sequência de telas, com a legenda que aparece no topo e o que acontece em cada cena. A ordem segue a promessa do produto: o alívio do dono, o atendimento fora do horário, a conversa no WhatsApp, a agenda preenchida, o resultado e a marca. Os tempos são os do vídeo final.\n\n## De onde veio a estrutura\n\nO fecho segue o estilo de um exemplo de animação SaaS: celular inclinado de um lado, marca e botão do outro, fundo claro e cursor clicando. Antes dele, a história vai do problema (a clínica fechada e as mensagens chegando) à solução, com uma tela do app por ideia. As telas são do protótipo do app, com a Clínica Lumière, a dona Mariana e a agente Lu.\n\n## Cenas por tempo\n\n | \n\n | #\n | Tempo (s)\n | Legenda no topo\n | O que acontece\n\n | 1\n | 0–3\n | \"A clínica fechou às 19h.\" → \"As mensagens continuaram chegando.\"\n | fundo escuro; o relógio corre de 19:00 até perto da meia-noite e as notificações de clientes chegam uma a uma, cada uma com o horário em que aparece\n\n | 2\n | 3–5\n | \"Pode ir descansar.\"\n | um círculo claro cresce do centro e vira a tela\n\n | 3\n | 5–8\n | \"De manhã, o resumo: 9 conversas e 3 horários marcados.\"\n | o celular entra girando com a tela **Hoje** (\"Bom dia, Mariana\"); a câmera aproxima o cartão \"Lu está trabalhando\" e o contorno lime acende\n\n | 4\n | 8–12\n | \"Ela responde do jeito da clínica.\" → \"E passa pra você o que foge da regra.\"\n | a tela **Conversa** com a cliente Carla Mendes; as bolhas entram uma a uma e o aviso de repasse acende em lime\n\n | 5\n | 12–15\n | \"O horário já cai na agenda.\"\n | a tela **Agenda**; os selos \"Marcado pela Lu\" acendem um a um\n\n | 6\n | 15–18\n | \"47 agendamentos em 7 dias, sem a equipe parar.\"\n | a tela **Resultados**; a câmera aproxima o cartão em gradiente e o número conta de 0 a 47\n\n | 7\n | 18–20\n | —\n | o celular se inclina para a direita; à esquerda entram o logo TDA DIGITAL, o selo \"TDA Agent\", \"IA que trabalha do jeito da sua empresa.\" e o botão lime \"Quero isso na minha empresa\", que o cursor clica; embaixo, \"Demonstração com dados ilustrativos.\"\n\n## Momentos para a trilha\n\n- 0–3 s: \"Late night\", Rhodes menor sozinho, com o tique-taque do relógio e as notificações.\n\n- 3,30 s: whoosh longo na virada; entra \"Morning light\", o primeiro acorde maior.\n\n- 6–15 s: \"Groove\", com as trocas de tela marcadas por whooshes curtos, pops nas bolhas e cliques nos selos.\n\n- 15–18 s: \"Lift\", com o contador rolando e um pop quando o 47 chega.\n\n- 18–20 s: \"Ending\", acorde maior final, com whoosh no celular que vai para o lado, pops na marca e o clique do cursor no botão.\n\nA lista dos 29 efeitos, com evento, arquivo, pico e volume, está em `audio/mapa-cues.json`."
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"titulo": "A identidade visual",
|
|
47
|
+
"texto": "**Resumo:** noite azul-escura no começo, off-white `#F4F4F2` depois da virada, o app com a paleta creme, azul-marinho e lime do site e o fecho na marca preta e lime. Celular nativo com sombra suave, câmera num null, legendas grandes no topo, suavização com velocidade 0 e influência de 70% em todas as chaves e desfoque de movimento baixo. Números tirados do projeto do After Effects, do `mixar.py` e da receita técnica.\n\n## Palco e cores\n\n | \n\n | Peça\n | Como é\n\n | Noite\n | sólido `#0A0A0A` com \"Gradient Ramp\" radial, do centro alto `#0b1726` ao preto\n\n | Virada\n | elipse de 3.900 px na cor `#F4F4F2`, de 0 a 100% em 0,6 s, grande o bastante para cobrir os cantos\n\n | Dia\n | fundo `#F4F4F2`\n\n | Marca no fecho\n | preto `#0A0A0A`, lime `#A3E635`, off-white `#F4F4F2` (TDA Digital v2)\n\n | Notificações\n | cartão escuro de 920×168, `#1c1e22`, raio 44, contorno de 2 px, ícone verde arredondado com balão branco, nome, mensagem e hora; entram de 70 px acima, com escala 94 → 100\n\n | Destaques do app\n | contorno lime de 7 px que acende; selo que passa de cinza para lime com um anel que cresce (100 → 113/160) e some; cartão do 47 com gradiente de 4 cores tiradas da captura\n\n## Celular\n\n | \n\n | Peça\n | Valor\n\n | Corpo\n | 1230×2592, arredondamento 186, `#111418`, contorno `#2a2f36` de 6 px; botões laterais de 16×150 e 16×250\n\n | Tela\n | 1170×2532, arredondamento 150, como máscara das telas\n\n | Sombra\n | Drop Shadow com opacidade 70 (de 255), direção 180, distância 60 e suavidade 160\n\n | Troca de tela\n | empurrão de 0,45 s: a tela que entra vai de x 1755 para 585 e a que sai de 585 para 235, com 0,5 s de sobreposição\n\n## Câmera (null `RIG Celular (camera)`)\n\n | \n\n | Momento\n | Posição\n | Escala\n\n | Entrada\n | de (540, 2750), girando 12° → 0 em 0,8 s\n | —\n\n | Repouso\n | (540, 1180)\n | 53%\n\n | Zoom no cartão \"Lu está trabalhando\"\n | (540, 1601)\n | 85%\n\n | Zoom no cartão do 47\n | (540, 1215)\n | 62%\n\n | Fecho\n | (930, 1120), girado 12°\n | 46%\n\nPara centralizar um elemento da tela: deslocamento `d = (x_tela + 60, y_tela + 60) − (645, 1326)` e `posição = alvo − escala × d`.\n\n## Texto\n\n- **Legendas:** Segoe UI Variable Bold Display, 60 px, entrelinha 72, tracking −15, centralizadas em x 540, primeira linha de base entre y 220 e 250, quebra antes de 1.000 px. Entram com opacidade de 0 a 100 e 30 px de subida em 0,35 s e saem em 0,25 s subindo 20 px.\n\n- **Relógio:** texto por expressão lendo o slider de minutos depois das 19h; as chaves do slider são lineares, para os horários das notificações baterem com o relógio quando aparecem.\n\n- **Fecho (coluna esquerda, x 80):** logo SVG com cerca de 440 px de largura, selo em pílula preta de 236×66 com texto lime, frase de 66 px em 3 linhas, botão lime de 480×108 com texto de 31 px e rodapé de 28 px em cinza (y 1850); entradas escalonadas de 0,15 s.\n\n## Movimento\n\n- **Suavização em todas as chaves:** velocidade 0 e influência de 70% na entrada e na saída. Cores ficam lineares.\n\n- **Contador:** influência de saída 10 e de chegada 85: começa rápido e freia no número.\n\n- **Desfoque de movimento:** obturador de 70° na comp principal e 40° nas telas; mais que isso borra tela de app.\n\n- **Cursor:** seta preta com contorno branco de 4 px, a 130%, com sombra curta; vem de baixo, à direita, em 0,5 s e clica (130 → 112 → 130%), enquanto o botão afunda (100 → 94 → 100%) e solta um anel lime.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Composição\n | ElevenLabs Music v2.5, instrumental, neo-soul brasileiro com toque de bossa: Rhodes, violão de náilon, 100 BPM\n\n | Seções\n | \"Late night\" 3 s (Rhodes menor sozinho, sem bateria), \"Morning light\" 3 s (acorde maior no primeiro tempo, arpejo de violão, shaker), \"Groove\" 9 s (bossa-soul com escovinha e baixo redondo), \"Lift\" 3 s (palmas, acordes mais cheios) e \"Ending\" 3 s (acorde maior final)\n\n | Na mix\n | ganho de 0,45 (de cerca de −13 para −20 LUFS antes da normalização) e fade nos últimos 0,4 s\n\n## Efeitos\n\n | \n\n | Momento\n | Efeito\n | Volume\n\n | noite (0 s)\n | `relogio-tiquetaque-2`, em cama com fade\n | 0,40\n\n | notificações (0,70 · 1,15 · 1,60 · 2,05 s)\n | `notificacao-1` e `notificacao-3`\n | 0,35 a 0,50\n\n | virada (3,30 s)\n | `whoosh-longo-1`\n | 0,50\n\n | celular entra (5,40 s)\n | `whoosh-grave-2`\n | 0,45\n\n | zoom e contorno lime (6,60 · 6,75 s)\n | `whoosh-curto-3` + `clique-3`\n | 0,40 / 0,60\n\n | trocas de tela (8,20 · 12,20 · 15,25 s)\n | `whoosh-curto-1`, `-2` e `-4`\n | 0,45\n\n | bolhas (8,39 a 10,14 s)\n | `pop-2` e `pop-1`, alternados entre cliente e Lu\n | 0,35\n\n | repasse (10,79 · 11,35 s)\n | `pop-4` + `clique-3` no destaque\n | 0,70 / 0,90\n\n | selos da agenda (12,60 · 13,00 · 13,40 s)\n | `clique-2`\n | 0,90\n\n | 47 contando e chegando (15,45 · 16,85 s)\n | `contador-rolar-1` + `pop-4`\n | 0,70\n\n | fecho (18,15 a 19,48 s)\n | `whoosh-longo-1`, `pop-1`, `pop-3`, `pop-2`, `clique-mouse-1` e `sucesso-1`\n | 0,35 a 0,60\n\n- Cada efeito entra em `evento − pico do arquivo`.\n\n- Sem voz, os acentos curtos sob o groove (a partir de cerca de 9 s) subiram até ficar de 7 a 11 dB abaixo da trilha; nenhum efeito passa dela.\n\n- **Final:** −14 LUFS, pico de −1,3 dBFS e atraso do AAC medido em zero.\n\n## O que é \"humano\" neste vídeo\n\n- As notificações chegam com o relógio andando, e cada uma traz o horário em que aparece.\n\n- O celular entra girando, aproxima o que importa, volta e se inclina no fecho, sempre com a mesma suavização.\n\n- O botão afunda no clique e solta um anel; o número freia antes de parar."
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"titulo": "A montagem no After Effects",
|
|
51
|
+
"texto": "| \n\n | Peça\n | O que faz\n\n | `TELA_<nome>` (1170×2532)\n | a captura como base e, por cima, os destaques nativos nas coordenadas da captura: cartão \"Lu está trabalhando\", as 4 bolhas e o aviso de repasse, os selos \"Marcado pela Lu\" e o cartão do 47 com gradiente de 4 cores\n\n | `TELAS_sequencia`\n | as telas em sequência, com o empurrão do iOS de 0,45 s entre elas\n\n | `CELULAR` (1290×2652)\n | corpo preto com botões laterais e as telas recortadas por uma máscara arredondada\n\n | `RIG Celular (camera)`\n | null pai do celular que faz a entrada, os zooms e a inclinação final; nada é animado camada por camada\n\n | `CONTROLES`\n | slider \"Relogio - minutos apos 19h\": o relógio da noite lê esse valor por expressão\n\n | `CTRL Contador 47`\n | sliders \"Valor final\" e \"Progresso %\": o número é `Math.round(final × progresso / 100)`\n\n | `mixar.py`\n | lê a lista de efeitos (evento, arquivo, pico, volume), põe cada um em `evento − pico`, soma a trilha com ganho de 0,45 e fade nos últimos 0,4 s, normaliza para −14 LUFS e cola o som no vídeo sem recomprimir\n\n- **Fontes:** o projeto usa Segoe UI Variable (do Windows) no lugar de Inter e Space Grotesk. Para trocar, instale as duas e substitua a fonte em todo o projeto.\n\n- **Abra o `.aep`** no After Effects mantendo `assets/` ao lado. Se faltar mídia, use File › Dependencies › Find Missing Footage e aponte para `projeto/assets`. As camadas \"SOM Trilha\" e \"SOM Efeitos\" apontam para os arquivos de som: reaponte para `audio/stem-efeitos.wav` e para a sua trilha.\n\n- **Edite pelos controles:** o relógio no `CONTROLES`, o número final no `CTRL Contador 47`, os textos das legendas e da marca direto nas camadas, e a câmera no null `RIG Celular (camera)`.\n\n- **Troque as telas:** capture o seu app em 3x (Chrome sem janela, `deviceScaleFactor: 3`, recorte no elemento do aparelho), substitua as capturas e refaça os destaques medindo na imagem. Confira o encaixe com `scripts/comparar_captura.py`.\n\n- **Suavização:** depois de criar chaves novas, gere a lista de `keyframe.set_easing` com `scripts/gerar_easing.py` (velocidade 0 e influência de 70%). Cores não aceitam suavização: deixe lineares.\n\n- **Render:** prefira o aerender em trechos, com prioridade baixa e memória limitada. Na origem, este vídeo saiu pela fila do AE (Best Settings + H.264 a 40 Mbps) em 162 s, mas a fila quase travou o PC num projeto maior.\n\n- **Som:** no topo do `mixar.py`, aponte `SFX` para `audio/sfx/nivelados`, `TRILHA` para a sua trilha e `VIDEO` e `SAIDA` para o render e o arquivo final, e rode `python mixar.py`.\n\n**Pegadinhas:** opacidade não passa do pai para o filho, então os textos das notificações usam `parent.transform.opacity`. SVG importado vira comp de 1 quadro: aumente a duração da comp e o fim da camada. Paradas de gradiente de forma não aceitam script: o cartão do 47 usa um sólido com \"4-Color Gradient\" recortado por uma forma arredondada. A Segoe UI Variable precisa de cerca de 5% a mais de tamanho para ocupar a largura da Inter."
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"titulo": "As decisões de direção",
|
|
55
|
+
"texto": "- **Problema no escuro, solução no claro.** Dois a três segundos de noite, relógio e mensagens acumulando, e um círculo claro que cresce de 0 a 100% em 0,6 s e vira a tela.\n\n- **Uma ideia por tela.** Cada tela do app sustenta uma legenda curta no topo, com no máximo três linhas.\n\n- **Captura real e destaques nativos.** A tela é o app de verdade; só o que se mexe (cartões, bolhas, selos, número) foi refeito por cima, no pixel, e continua editável.\n\n- **A câmera segue o que importa.** Um null leva o celular para o zoom no cartão da Lu (85%) e no cartão do 47 (62%), volta ao repouso (53%) entre eles e depois inclina o celular para o fecho.\n\n- **O destaque acende em lime:** o contorno do cartão, o aviso de repasse e os selos da agenda passam de cinza para a cor da marca no tempo da legenda.\n\n- **O número roda.** O 47 conta de 0 a 47, começa rápido e freia no número (influência de saída 10 e de chegada 85).\n\n- **O fecho mostra o próximo passo:** celular inclinado a 12° à direita, marca, selo \"TDA Agent\", frase e botão lime à esquerda, com o cursor clicando e um anel no clique.\n\n- **Um som por ação, abaixo da trilha:** relógio e notificações na noite, whooshes nas viradas e trocas de tela, pops nas bolhas, cliques nos selos, contador no 47 e clique de mouse no botão.\n\nDetalhes de cores, números e som: estilo.md. Cenas por tempo e texto na tela: roteiro.md. Para fazer um vídeo no mesmo método com o seu app: PROMPT.md."
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"titulo": "As versões até o final",
|
|
59
|
+
"texto": "| \n\n | Versão\n | O que mudou\n\n | **v1**\n | aprovada: vídeo, som e método. Depois serviu de base para uma versão narrada de 51 s, com telas redesenhadas em HTML, que é outro projeto do catálogo (\"A clínica fecha às 7\")"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"pacote": [
|
|
63
|
+
{
|
|
64
|
+
"pasta": "projeto/",
|
|
65
|
+
"conteudo": "`tda-app-animacao.aep` (o projeto editável), `assets/telas/` (as 6 capturas: Hoje, Conversas, Agenda, Resultados, Agente e a conversa com a Carla), `assets/marca/` (logo, ícone e símbolo em SVG e PNG) e `scripts/` (`gerar_easing.py`, que gera as chaves de suavização, e `comparar_captura.py`, que põe o render ao lado da captura para conferir o encaixe)"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"pasta": "audio/",
|
|
69
|
+
"conteudo": "`mixar.py` (o som inteiro por script), `mapa-cues.json` (os 29 efeitos com evento, pico e volume), `trilha-plano.json` (o plano de composição da trilha, seção por seção), `mix.wav` (o mix final), `stem-efeitos.wav` (só os efeitos) e `sfx/nivelados/` (os 18 arquivos de efeito usados)"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"pasta": "referencias/",
|
|
73
|
+
"conteudo": "`quadros/` (um quadro por cena, de 2,6 s a 19,9 s), `receita-tecnica.md` (as operações, as comps, o celular, a câmera e as legendas com todos os valores), `receita-do-som.md`, `links.md` e `fora-do-pacote.md`"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"pasta": "render.mp4",
|
|
77
|
+
"conteudo": "o vídeo final (v1)"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"pasta": "TELAS_sequencia",
|
|
81
|
+
"conteudo": "as telas em sequência, com o empurrão do iOS de 0,45 s entre elas"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"pasta": "RIG Celular (camera)",
|
|
85
|
+
"conteudo": "null pai do celular que faz a entrada, os zooms e a inclinação final; nada é animado camada por camada"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"pasta": "CONTROLES",
|
|
89
|
+
"conteudo": "slider \"Relogio - minutos apos 19h\": o relógio da noite lê esse valor por expressão"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"pasta": "CTRL Contador 47",
|
|
93
|
+
"conteudo": "sliders \"Valor final\" e \"Progresso %\": o número é `Math.round(final × progresso / 100)`"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"pasta": "mixar.py",
|
|
97
|
+
"conteudo": "lê a lista de efeitos (evento, arquivo, pico, volume), põe cada um em `evento − pico`, soma a trilha com ganho de 0,45 e fade nos últimos 0,4 s, normaliza para −14 LUFS e cola o som no vídeo sem recomprimir"
|
|
98
|
+
}
|
|
99
|
+
],
|
|
100
|
+
"prompt": "Quero um vídeo de app no mesmo método do projeto \"Pode ir descansar\", que está em 07-videos/projetos/tda-app/, com o meu produto.\n\nApp ou sistema: {{APP}}\nEndereço do app ou do protótipo (para capturar as telas): {{ENDERECO}}\nO problema que o vídeo mostra no começo, no escuro: {{PROBLEMA}}\nAs telas que entram, na ordem, com a ideia de cada uma: {{TELAS}}\nO número ou resultado que conta na tela: {{RESULTADO}}\nMarca, frase e texto do botão no fecho: {{FECHO}}\nOs números são reais ou de demonstração? {{DADOS}}\nMúsica (de preferência com seções que mudam junto com a história): {{MUSICA}}\nDuração: {{DURACAO}} (a referência tem 20 s) · Formato: {{FORMATO}} (a referência é 1080×1920, 30 qps)\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 depois referencias/receita-tecnica.md e referencias/receita-do-som.md. Abra uma cópia do tda-app-animacao.aep e veja a comp principal, as precomps TELA_*, TELAS_sequencia e CELULAR, o null RIG Celular (camera), o CONTROLES do relógio e o CTRL Contador 47. Leia também audio/mixar.py e audio/mapa-cues.json. Me explique em poucas linhas o que você vai reaproveitar.\n\n2. Escreva o roteiro de telas numa tabela tempo × cena × legenda: problema no escuro (2 a 3 s), virada para o claro, uma tela por ideia com uma legenda curta de até 3 linhas, o resultado contando e o fecho de marca. Se os números forem de demonstração, o fecho leva o rodapé \"Demonstração com dados ilustrativos.\". Me mostre e espere meu ok.\n\n3. Capture as telas do meu app em 3x (Chrome sem janela, deviceScaleFactor 3, recorte no elemento do aparelho). Use a captura como base de cada TELA e refaça por cima, como camadas nativas, só o que vai se mexer (cartões, bolhas, selos, números), medindo na imagem e conferindo com scripts/comparar_captura.py antes de animar.\n\n4. Monte a sequência no molde do projeto: telas com o empurrão do iOS, o celular com corpo e máscara arredondada e um null de câmera que faz a entrada, os zooms no elemento-chave e a inclinação do fecho. Nada de animar camada por camada.\n\n5. Cena do problema: fundo escuro com gradiente radial, relógio por slider e notificações com o horário batendo com o relógio. Virada: um círculo claro que cresce e cobre os cantos.\n\n6. Destaques que acendem na cor da minha marca, um número que conta por slider (começa rápido e freia no valor) e o fecho com o celular inclinado, a marca, a frase e o botão com o cursor clicando.\n\n7. Suavização em todas as chaves (velocidade 0, influência de 70%, gerada com scripts/gerar_easing.py), mola nas entradas de cartão, bolha e botão e desfoque de movimento baixo (70° na principal, 40° nas telas).\n\n8. Som em paralelo: um efeito por ação (relógio e notificações na noite, whoosh nas viradas e trocas de tela, pop nas bolhas, clique nos destaques, contador no número, clique no botão), cada um em evento − pico, sempre abaixo da trilha, mixado por script no molde do mixar.py, final a −14 LUFS.\n\n9. Confira um quadro no meio de cada movimento (entrada, empurrão, zoom, saída) e uma folha de contato do MP4. Teste a edição: mude o valor final do contador e confira o texto. Renderize em trechos com o aerender, com prioridade baixa, e entregue o MP4, o .aep e uma anotação do que mudou em relação à referência.",
|
|
101
|
+
"campos": [
|
|
102
|
+
"APP",
|
|
103
|
+
"DADOS",
|
|
104
|
+
"DURACAO",
|
|
105
|
+
"ENDERECO",
|
|
106
|
+
"FECHO",
|
|
107
|
+
"FORMATO",
|
|
108
|
+
"MUSICA",
|
|
109
|
+
"PROBLEMA",
|
|
110
|
+
"RESULTADO",
|
|
111
|
+
"TELAS"
|
|
112
|
+
],
|
|
113
|
+
"fonte": {
|
|
114
|
+
"nome": "Clube do Motion",
|
|
115
|
+
"url": "https://clubedomotion.com/projeto/?id=tda-app",
|
|
116
|
+
"uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
|
|
117
|
+
}
|
|
118
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "clube-tda-ia",
|
|
3
|
+
"titulo": "Implementar IA na empresa",
|
|
4
|
+
"categoria": "produto",
|
|
5
|
+
"resumo": "anúncio narrado de 45 s, 9:16, para quem quer IA na empresa e não tem tempo de estudar. Cada frase da fala vira um app do iPhone que mostra a ideia sem escrever: o Calendário lotado, a busca do Spotlight, o plano no Lembretes, o timer de 5 minutos. Interface clara, cores do iOS, SF Pro, e o degradê do Apple Intelligence só onde a fala diz \"IA\". Tudo construído por script `.jsx` no After Effects. Versão final: v2, a que o autor chamou de \"o mais perfeito e próximo do estilo que eu gosto\".",
|
|
6
|
+
"indicado": "empresa ou consultoria que quer anunciar um serviço de IA para quem não tem tempo de estudar o assunto; anúncio com formulário de cadastro.",
|
|
7
|
+
"estilo": [
|
|
8
|
+
"Apple light",
|
|
9
|
+
"UI do iOS",
|
|
10
|
+
"SF Pro",
|
|
11
|
+
"apps do iPhone",
|
|
12
|
+
"degradê de IA",
|
|
13
|
+
"animação por script"
|
|
14
|
+
],
|
|
15
|
+
"ficha": {
|
|
16
|
+
"formato": "1080×1920, 30 qps, 9:16, cor BT.709",
|
|
17
|
+
"duracao": "45,0 s (1.350 quadros); a voz entra em 0,5 s",
|
|
18
|
+
"motor": "ae",
|
|
19
|
+
"voz": "voz clonada na ElevenLabs (Eleven v4), aprovada a 1× e acelerada a 1,2× (42,26 s)",
|
|
20
|
+
"musica": "ver o guia de estilo",
|
|
21
|
+
"fontes": "ver o guia de estilo"
|
|
22
|
+
},
|
|
23
|
+
"etapas": [
|
|
24
|
+
{
|
|
25
|
+
"titulo": "Leia-me",
|
|
26
|
+
"texto": "# Implementar IA na empresa: anúncio estilo Apple light\n\n> Data: 2026-10-12 · Tipo: projeto · Status: entregue · Id: tda-ia\n\n**Resumo:** anúncio narrado de 45 s, 9:16, para quem quer IA na empresa e não tem tempo de estudar. Cada frase da fala vira um app do iPhone que mostra a ideia sem escrever: o Calendário lotado, a busca do Spotlight, o plano no Lembretes, o timer de 5 minutos. Interface clara, cores do iOS, SF Pro, e o degradê do Apple Intelligence só onde a fala diz \"IA\". Tudo construído por script `.jsx` no After Effects. Versão final: v2, a que o autor chamou de \"o mais perfeito e próximo do estilo que eu gosto\".\n\n## Descrição\n\nAnúncio narrado em que cada frase da fala vira um app do iPhone que mostra a ideia na tela: o Calendário lotado, a busca do Spotlight, o plano no Lembretes, o timer de 5 minutos. A interface é clara, nas cores do iOS e com a fonte SF Pro, e o degradê colorido de IA só aparece quando a fala cita IA.\n\n- **Indicado para:** empresa ou consultoria que quer anunciar um serviço de IA para quem não tem tempo de estudar o assunto; anúncio com formulário de cadastro.\n- **Estilo:** Apple light, UI do iOS, SF Pro, apps do iPhone, degradê de IA, animação por script\n- **Formato:** 9:16 · 45 s · com narração\n\n**Tutorial em vídeo:** em breve.\n\n## O vídeo\n\n| Item | Valor |\n|---|---|\n| Duração | 45,0 s (1.350 quadros); a voz entra em 0,5 s |\n| Formato | 1080×1920, 30 qps, 9:16, cor BT.709 |\n| Voz | voz clonada na ElevenLabs (Eleven v4), aprovada a 1× e acelerada a 1,2× (42,26 s) |\n| Ferramenta | After Effects 2026 (versão 26), com o projeto inteiro gerado por ExtendScript (`.jsx`) |\n| Uso | anúncio com formulário (chamada \"Cadastre-se\") |\n| Trilha | \"Adventure of a Lifetime\" (Coldplay), instrumental, drop no nome da marca |\n\n## O que tem no pacote\n\n| Pasta | Conteúdo |\n|---|---|\n| `projeto/` | `tda-ia-v2.aep`, a pasta `assets/` (logo da agência em preto recortado, ícone do app, ícone do WhatsApp) e os scripts (`kit.jsx`, `cenas_AB.jsx`, `cenas_CD.jsx`, `cenas_EFH.jsx`, `cenas_IJ.jsx`, `main.jsx`, `bom.py`, `folha.py`, `render.ps1`, `montar.py`) |\n| `audio/` | narração (1× e 1,2×), trilha (música + tonais), faixa só de efeitos, mix final, `audio/words.json` (tempo de cada palavra), o mapa de efeitos (122 eventos), as batidas da música e o `TRILHA.md` com os tempos fortes |\n| `referencias/` | as referências estudadas (Apple Clean UI, site e guia de interface da Apple, apps nativos do iOS), com os links |\n| `render/` | `final.mp4` |\n\nNenhum elemento foi desenhado à mão e nenhuma interface é print: calendário, teclado, Spotlight, folha de formulário, timer e notificação são camadas nativas do AE, e cada peça anima sozinha. Os ícones são os SF Symbols oficiais, que estão dentro da fonte SF Pro.\n\n### Como os scripts funcionam\n\n| Arquivo | O que faz |\n|---|---|\n| `kit.jsx` | o kit: cores, fontes, curvas, mola, cartão, iPhone, ícone de app, SF Symbols, degradê e borda do Apple Intelligence, toque, botão que afunda |\n| `cenas_AB.jsx` … `cenas_IJ.jsx` | as cenas, em pares; cada função `fazerA` … `fazerJ` apaga e refaz só a sua cena (camadas com prefixo `A_`, `B_`…) |\n| `main.jsx` | `fazerMain`: a comp final, que corta as cenas e põe a câmera viva |\n| `bom.py` | grava os `.jsx` com BOM (o AE precisa para ler os acentos) |\n| `folha.py` | monta a folha de contato dos quadros de conferência |\n| `render.ps1`, `montar.py` | render em trechos de 4 s e junção |\n\nTodas as comps têm 45 s e começam em 0, então a chave de uma cena usa o mesmo número do `audio/words.json`, sem conta de deslocamento.\n\n## Como abrir\n\n1. **Instale a fonte SF Pro** (SF Pro Display e SF Pro Text), da página de fontes da Apple para desenvolvedores (developer.apple.com/fonts). Sem ela, os textos e os ícones (SF Symbols) não aparecem. Instale para todos os usuários e reinicie o After Effects; no Windows, se não aparecer, copie para `C:\\Program Files\\Common Files\\Adobe\\Fonts`.\n2. **Mantenha a pasta `projeto/` como veio**: o `.aep` e a pasta `assets/` ficam juntos em `projeto/ae/`. Abra no After Effects 2026 ou mais novo.\n3. **Arquivo faltando:** File › Dependencies › Find Missing Footage; clique com o direito › Replace Footage › File e aponte para `projeto/ae/assets`.\n4. **Para reconstruir por script** (opcional): rode `python bom.py`; no AE, defina a variável `ROOT` com a pasta dos assets e rode `kit.jsx`, os quatro `cenas_*.jsx` e `main.jsx` (File › Scripts › Run Script File, ou pela ponte MCP com `eval.run`); depois chame `fazerA()` … `fazerJ()` e `fazerMain()`. O projeto precisa estar numa pasta sem acento, porque o `aerender` falha com acento no caminho.\n5. **Render:** `render.ps1` em trechos de 4 s (~18 s cada; o vídeo todo em ~3,5 min) e `montar.py` para juntar com o áudio.\n\n**Pegadinhas do AE 26:** o null nasce com opacidade 0, e a opacidade do null não passa para os filhos (o kit resolve com `herdaOpacidade`); o efeito 4-Color Gradient tem um grupo na primeira propriedade, então use o `matchName`; se o `saveFrameToPng` parar de gravar quadros, salve e reinicie o AE.\n\n## Decisões de direção que fizeram o vídeo funcionar\n\n1. **Cada frase vira um app do iPhone.** Para cada uma, a pergunta foi \"qual app do iPhone mostraria isso sozinho?\". O público reconhece o app em meio segundo.\n2. **Texto na tela só para ideia.** Os títulos grandes aparecem quando a frase é abstrata (\"inteligência artificial\", \"feito pra você\"); quando a frase é cena, a interface fala.\n3. **Dor e solução com o mesmo objeto.** O Calendário lotado do começo volta calmo no fim, e a \"IA trabalhando\" entra num horário livre sem empurrar nada. No começo, o \"Curso de IA\" tentava caber e não cabia.\n4. **A transição nasce de um elemento:** a câmera mergulha na Dynamic Island, que vira Live Activity; o \"certo?\" recolhe tudo num ponto, que vira o anel da revelação; o logo sobe e vira cabeçalho; os processos escolhidos viram as linhas do plano.\n5. **Cor tem significado.** O degradê do Apple Intelligence só onde a fala diz IA; verde = feito, vermelho = problema, azul = ação, laranja = tempo.\n6. **Respiro antes da revelação.** Tudo vira um ponto preto, entra \"Hoje,\" em cinza e, no \"TDA\", a música volta com tudo e um anel colorido explode revelando o logo.\n7. **Movimento de Apple, nunca parado:** curvas que saem rápido e assentam longo, cascata de 2–3 quadros, mola na chegada, desfoque por letra nos títulos, câmera viva no vídeo inteiro.\n8. **Interface recriada peça por peça**, com os SF Symbols oficiais.\n9. **Um som para cada elemento** (122 efeitos), música real 15 dB abaixo da voz, drop no nome da marca.\n10. **O fim mostra o depois do clique:** o formulário se preenche, \"Enviado\", o timer de 5 minutos e a mensagem chegando no WhatsApp; o fecho termina no logo com \"Toque no botão abaixo\".\n\nDetalhes de cores, curvas e som: [estilo.md](estilo.md). Fala e cenas por tempo: [roteiro.md](roteiro.md). Para fazer um vídeo no mesmo estilo: [PROMPT.md](PROMPT.md).\n\n## Versões\n\n| Versão | O que mudou |\n|---|---|\n| v1 | vídeo completo; uma IA assistiu com áudio e listou 8 problemas, 6 deles confirmados nos quadros |\n| **v2** | as 6 correções (logo borrado, cartão vazio, balões do teclado, texto repetido na Dynamic Island, rastro na saída do plano, fecho que contradizia o formulário já enviado) + calendário maior para ler no celular; aprovado |\n"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"titulo": "Roteiro",
|
|
30
|
+
"texto": "# Roteiro: implementar IA na empresa\n\n> Data: 2026-10-12 · Tipo: roteiro · Status: aprovado · Projeto: tda-ia\n\n**Resumo:** a fala do anúncio exatamente como foi enviada à voz clonada (5 parágrafos), o que mudou em relação ao texto original e as cenas por tempo, no tempo do vídeo (a voz entra em 0,5 s). Gancho: \"Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso?\".\n\n## Como a fala foi feita\n\n- **Texto do autor**, sem nenhuma palavra trocada: só acento, vírgula, \"TDA\" escrito \"tê dê á\" e \"5 minutos\" por extenso.\n- **Voz:** ElevenLabs, Eleven v4, uma tomada por parágrafo (estabilidade 0,52, similaridade 0,73, velocidade 1,05), conferida no faster-whisper palavra por palavra (5 de 5).\n- **Montagem:** pontas aparadas, 0,35 s entre parágrafos, −16 LUFS; aprovada a 1× (50,7 s) e acelerada a 1,2× com `atempo` numa passada só (42,26 s).\n\n## A fala, verbatim (texto enviado à voz)\n\n1. Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso? Bom, esse vídeo foi feito pra você.\n2. Provavelmente você já sabe tudo que a inteligência artificial pode fazer na sua operação, mas não tem ideia de como você pode implementar isso, ou te falta tempo de estudar sobre, certo?\n3. Hoje, a tê dê á Digital faz exatamente isso por você.\n4. Nós entendemos como a sua empresa funciona por dentro, processo por processo, e com base nisso, te ajudamos a mapear onde a inteligência artificial seria mais efetiva, e fazemos um plano de implementação, de forma segura, consciente e de pouco em pouco, para que você não se assuste com o processo e sem atrapalhar o seu dia a dia!\n5. Se isso faz sentido pra você, clica no botão abaixo, preenche o formulário, que em até cinco minutos alguém da minha equipe vai te chamar.\n\n## Cenas por tempo (tempo do vídeo)\n\n| # | Tempo (s) | Fala | App ou objeto | O que acontece |\n|---|---|---|---|---|\n| 1 | 0–5,9 | \"Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso?\" | títulos + iPhone + Calendário | a pergunta nasce no meio da tela palavra por palavra (\"inteligência artificial\" no degradê da IA); o iPhone sobe com a borda do Apple Intelligence; 7 compromissos caem no dia a partir de \"tem tempo\"; no \"estudar\" (4,18 s), o \"Curso de IA · 38 horas de aula\" despenca, tenta caber no almoço, se espreme e chacoalha; estala \"Sem horário livre\" |\n| 2 | 5,9–8,3 | \"Bom, esse vídeo foi feito pra você.\" | Dynamic Island / Live Activity | a câmera mergulha na ilha, que cresce com mola e mostra o ícone do app, \"TDA Digital\", \"Implementação de IA\" e barras de áudio nas cores da IA; \"feito · pra · você.\" grande |\n| 3 | 8,3–12,1 | \"Provavelmente você já sabe tudo que a inteligência artificial pode fazer na sua operação,\" | tela de widgets | 6 widgets em cascata: Atendimento \"24h no WhatsApp\", Follow-up \"automático\", Relatórios \"prontos todo dia\", Agenda \"confirmada sozinha\", Financeiro \"conciliado\", Estoque \"sempre em dia\"; a borda da IA acende em todos; uma onda passa no \"na sua operação\" |\n| 4 | 12,1–17,1 | \"mas não tem ideia de como você pode implementar isso, ou te falta tempo de estudar sobre, certo?\" | Spotlight + teclado + Tempo de Uso | os widgets recuam ao fundo (30%, desfoque 14); o Spotlight cai e digita \"como implementar IA\" no teclado real; resultados (curso de 38 horas, guia de 120 páginas, 18 vídeos); as durações ficam vermelhas e estala \"Tempo livre hoje: 0 min\"; no \"certo?\", tudo se recolhe num ponto |\n| 5 | 16,9–20,4 | \"Hoje, a TDA Digital faz exatamente isso por você.\" | revelação | ponto preto respirando; \"Hoje,\" em cinza; **17,84 s, no \"TDA\" e no drop:** o anel da IA explode, o logo entra com desfoque e a aura acende atrás; selo \"Implementamos a IA por você\" no \"exatamente\" |\n| 6 | 20,4–25,9 | \"Nós entendemos como a sua empresa funciona por dentro, processo por processo,\" | Freeform | o logo sobe e vira cabeçalho; o cartão \"Sua empresa\" se enche de skeletons pulsando; pontinhos do canvas no \"por dentro\"; os processos (Atendimento → Vendas → Agenda → Financeiro → Estoque → Pós-venda) estalam nos dois \"processo\", ligados por linhas que se desenham |\n| 7 | 25,9–28,5 | \"e com base nisso, te ajudamos a mapear onde a inteligência artificial seria mais efetiva,\" | varredura + selos | a barra da IA varre no \"mapear\"; Atendimento, Financeiro e Pós-venda ganham a borda da IA; os outros esmaecem; selos \"Alto impacto\" estalam em \"seria mais efetiva\"; os três escolhidos viram as linhas do plano |\n| 8 | 28,8–33,2 | \"e fazemos um plano de implementação, de forma segura, consciente e de pouco em pouco,\" | Lembretes + anel do Atividade | \"Plano de implementação · 3 etapas, uma de cada vez\"; selos \"Segura\" (cadeado), \"Consciente\" (olho), \"Pouco a pouco\" (lista) em cada palavra; três checks nos três \"pouco\" (32,42 · 32,60 · 32,78 s) e o anel enche 33 → 66 → 100% |\n| 9 | 33,2–37 | \"para que você não se assuste com o processo e sem atrapalhar o seu dia a dia!\" | o mesmo Calendário, calmo | 4 compromissos com espaço entre eles; \"IA trabalhando · em segundo plano\" entra no horário livre no \"assuste\"; a linha do \"agora\" desce passando pela IA; \"Sem susto.\" e \"Sem atrapalhar · o seu dia a dia.\" |\n| 10 | 37–45 | \"Se isso faz sentido pra você, clica no botão abaixo, preenche o formulário, que em até cinco minutos alguém da minha equipe vai te chamar.\" | botão + folha + AutoFill + Timer + notificação | \"Faz sentido · pra você?\"; o botão \"Cadastre-se\" é tocado e afunda no \"clica\"; setas no \"abaixo\"; a folha sobe no \"preenche\" e os campos se preenchem com dados fictícios; \"Enviar\" vira \"✓ Enviado\"; timer de 5 min no \"cinco\"; a notificação do WhatsApp cai no \"alguém\" e o timer para antes do fim, com check verde; **fecho:** o logo entra em 42,8 s e pousa em 43,54 s, na parada da banda, com \"Toque no botão abaixo\" e a seta |\n\n## Momentos para a trilha\n\n- 0 s: abertura suave (a voz entra em 0,5 s).\n- 16,6–17,1 s: respiro antes do \"Hoje\" (17,16 s) → drop na revelação \"TDA\" (17,84 s).\n- 20,5–36,5 s: explicação, trilha estável sob a voz.\n- 37,13 s: subida para o CTA; 42,8–45 s: fecho com o logo.\n\nOs tempos de cada palavra estão em `audio/words.json`; as batidas e os tempos fortes da música, no `TRILHA.md` do áudio.\n"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"titulo": "Estilo",
|
|
34
|
+
"texto": "# Estilo do vídeo: anúncio \"implementar IA\", Apple light\n\n> Data: 2026-10-12 · Tipo: guia · Status: vigente · Projeto: tda-ia\n\n**Resumo:** interface do iPhone em modo claro, recriada camada por camada: fundo cinza Apple, cartões brancos com sombra larga e fraca, cores de sistema do iOS com papel fixo, SF Pro e SF Symbols, e o degradê do Apple Intelligence como assinatura de \"IA\". Movimento de curvas que arrancam rápido e assentam longo, mola na chegada, câmera viva. É a base para qualquer assunto sem identidade visual forte. Números tirados do `kit.jsx`, das cenas e do `TRILHA.md`.\n\n## Fontes\n\n| Uso | Fonte | Onde baixar |\n|---|---|---|\n| Títulos (≥ 60 px, tracking −12) | SF Pro Display (Semibold, Bold; Light nos números do timer) | developer.apple.com/fonts |\n| Interface | SF Pro Text | developer.apple.com/fonts |\n| Ícones | SF Symbols: 8.505 símbolos dentro da própria SF Pro, nos códigos U+100000 em diante, sem nome | vêm com a SF Pro |\n\nO kit converte o código do símbolo no caractere certo (`SYM(0x57b)`, com par substituto UTF-16). Para escolher um ícone, renderize folhas com o código de cada um e escolha pelo olho.\n\n## Cores\n\n| Token | Hex | Papel |\n|---|---|---|\n| Fundo | `#F5F5F7` | cinza Apple; luz branca suave no centro (elipse, pena 520, 70%) |\n| Cartão | `#FFFFFF` | cartões e widgets |\n| Texto | `#1D1D1F` | títulos |\n| Secundário | `#6E6E73` | texto secundário, títulos de apoio |\n| Legenda | `#86868B` | rótulos menores |\n| Azul | `#007AFF` (botão `#0071E3`) | ação, botão |\n| Verde | `#34C759` | feito, livre, enviado |\n| Laranja | `#FF9500` | tempo (timer) |\n| Vermelho | `#FF3B30` | problema, sem tempo, linha do \"agora\" |\n| Roxo, rosa, índigo, teal | `#AF52DE`, `#FF2D55`, `#5856D6`, `#30B0C7` | ícones de app e eventos |\n| Linhas | `#E5E5EA`, `#C7C7CC`, `#D1D1D6` | divisores, ligações, pontinhos do canvas |\n| Skeleton | `#EDEDF0` / `#DCDCE1` | carregamento |\n| **Apple Intelligence** | azul `#3D8BFF` → roxo `#A35BF7` → rosa `#F062C0` → laranja `#FF9F3A` | **só onde a fala diz IA**: título, widgets, varredura, selos, evento \"IA trabalhando\" |\n\nTintas claras das cores de sistema: a cor misturada a 18% com branco (fundo dos eventos do calendário).\n\n## Componentes\n\n| Peça | Como é |\n|---|---|\n| Cartão | branco + sombra larga e fraca (9–10%, distância 22–26, suavidade 80–90, ângulo 180); raio 44–56 |\n| Ícone de app | quadrado arredondado (raio 26% do lado) + SF Symbol branco a 50% do lado, centrado |\n| iPhone | corpo `#1D1D1F` com traço `#48484A` e sombra larga; tela 584×1254 com raio 96; Dynamic Island 168×50; um null controla tudo |\n| Calendário (dia) | 9h–18h, 92 px por hora, linhas `#E5E5EA`; evento = tinta a 18% + barra de cor + título Semibold 23 + horário 19 |\n| Live Activity | a pílula preta cresce por tamanho (não por escala, para o raio não deformar) de 336×100 para 940×250, raio 50 → 125 |\n| Widgets | 440×300, raio 48, grade 2×3 |\n| Spotlight | pílula 960×116, raio 58, lupa e \"Buscar\"; texto digitado por chaves HOLD e cursor por expressão |\n| Teclado | fundo `#D1D4DA`, teclas brancas 94×126 raio 14 com sombra de 3 px, especiais `#ABB0BC`; cada letra acende a tecla e abre o balão 118×150 |\n| Canvas do Freeform | ponto de 6 px repetido (23 × 27, a cada 40 px); ligações com Trim Paths 0 → 100 em 0,22 s |\n| Lembretes | linha `#F5F5F7` raio 30, círculo vazio que vira check verde com mola; título fica cinza |\n| Anel do Atividade | 104 px, traço 18, Trim Paths por etapas (33 → 66 → 100%) |\n| Toque | círculo cinza translúcido que aperta (130 → 85%) + onda; o botão afunda 100 → 94% e volta com mola |\n| Folha (sheet) | 1080×1500, raio 56, alça, campos `#F2F2F7`; AutoFill pisca `#FFF4CF` |\n| Timer | anel laranja de 470 px, traço 30, números por expressão |\n| Notificação | cartão 1000×220, raio 52, a 97% de opacidade |\n| Chacoalho do \"não cabe\" | o \"não\" da senha errada: −34, +30, −24, +18, −10, +5 px, 0,06 s cada |\n\n### Apple Intelligence\n\n| Elemento | Como é feito |\n|---|---|\n| Degradê que gira | sólido com 4-Color Gradient nas 4 cores; os pontos giram em círculo por expressão (`time*vel + fase`), blend 60 |\n| Texto com degradê | o texto é track matte do degradê; a animação de letra continua valendo |\n| Borda viva | dois mattes: traço fino (6 px) e traço largo (×5) desfocado 34, brilho a 70% |\n| Aura atrás do logo | degradê lento em elipse (raio 520, pena 80% do raio) + desfoque 60, até ~40% |\n| Anel que explode | elipse só com traço (40 → 2 px) como matte, escala 10 → 620% em 0,76 s |\n| Varredura | matte 900×10 + 900×70 desfocado, descendo em 0,8 s |\n\n## Transições\n\nA próxima cena sai de algo que já está na tela: mergulho na Dynamic Island (o null vai a 200% e centraliza a ilha), tudo se recolhendo num ponto (escala a 0 com a curva `S`), o anel que explode revelando o logo, o logo que sobe e vira cabeçalho, os processos escolhidos que viram as linhas do plano. Um branco cheio cobre a troca quando é preciso e se dissolve em ~0,45 s. Na comp final, as cenas se sobrepõem por um instante nas trocas (de menos de 1 quadro a cerca de 0,6 s); essas sobreposições são as transições.\n\n## Curvas e molas\n\nCurvas por influência dos keyframes (saída / chegada, em %):\n\n| Nome | Influência | Uso |\n|---|---|---|\n| T | 15 / 85 | padrão: arranca rápido, assenta longo |\n| Z | 33 / 85 | zoom e escala |\n| M | 55 / 45 | movimentos médios |\n| A | 60 / 90 | chegadas longas |\n| S | 75 / 0 | sair acelerando |\n| E / H | 33 / 33 | derivas e movimentos lentos |\n| L | 0 / 0 | linear |\n\n- **Mola padrão** (Overshoot ~112%) só no que \"chega\": cartão, selo, notificação, botão. Keyframes lineares de 0 a 100 em 0,25 s + expressão de inércia (amplitude 0,05, frequência 2, decay 4), como nas regras vigentes da central.\n- **Cascata entre irmãos:** eventos do calendário 0,09 s, widgets 0,1 s, selos ~0,12 s, conteúdo da Live Activity 0,035 s, campos do formulário 0,08 s.\n- **Desfoque por letra** nos títulos, subindo 26 px.\n- **Motion blur:** obturador 150°, fase −75°. O logo que vira cabeçalho sobe **sem** motion blur (com ele, o logo \"esticava\").\n\n## Câmera\n\nNull `CAMERA VIVA`, pai de todas as cenas na comp final:\n\n- posição `wiggle(0.35, 7)`;\n- escala `100 + 0.9*Math.sin(0.42*time)`;\n- rotação `wiggle(0.18, 0.35)`.\n\nDentro das cenas, aproximações lentas e lineares (ex.: 100 → 103,5% em quase 8 s no canvas dos processos).\n\n## Títulos (no lugar de legenda)\n\nNão há legenda contínua: títulos grandes aparecem só quando a frase é ideia abstrata, e cada parte entra na sua palavra. Exemplos: \"inteligência artificial\" em Bold 118 com o degradê; \"feito · pra · você.\" em Bold 132; \"Faz sentido · pra você?\" em Bold 92; apoios em Semibold 60–78 cinza. Nenhum texto da tela repete o que outro elemento já mostra no mesmo quadro.\n\n## Trilha\n\n| Item | Valor |\n|---|---|\n| Música | \"Adventure of a Lifetime\" (Coldplay), só o instrumental (demucs) |\n| Tom e tempo | Lá menor, afinação −4 cents, 112 BPM (medido com o beat_this; compasso de 2,14 s) |\n| Trechos | 97,34 → 134,46 s da música (vídeo 0 → 37,13 s); depois 276,97 → 283,38 s e a cauda (vídeo 37,13 → 45 s) |\n| Abertura | verso abafado (passa-baixa de 280 Hz) que abre aos poucos até 5,2 kHz no drop |\n| Respiro | a bateria da própria música para 5 tempos (15,17 s); tudo −10 dB de 16,6 a 17,1 s |\n| **Drop** | **17,84 s, no \"TDA\"**: bateria e refrão cheios |\n| Emenda | 37,13 s, de DJ no bumbo, para o último refrão no CTA |\n| Fecho | a banda para em 43,54 s (fim real da música); o logo pousa junto |\n\n**Tonais no tom** (Lá menor / Dó maior): drone Atlantic e golpe Ping Boom suave na abertura; glockenspiel e sinos em \"inteligência artificial\"; marimba caindo no \"tempo\"; harpa no \"feito pra você\" e no \"plano\"; 6 notas de marimba nos widgets; riser Clarity até o drop; no drop, golpe + tímpano Lá2 + piano Lá1 + sinos; 3 marimbas no \"de pouco em pouco\"; glissando de harpa de 42,8 s até a parada; no fecho, golpe + acorde de Lá menor no piano + sinos + cordas.\n\n## Sound design e mix\n\n| Ação na tela | Efeito | Volume |\n|---|---|---|\n| título entra | whoosh curto | 0,25–0,30 |\n| celular sobe, mergulho na ilha, folha sobe | whoosh longo | 0,45–0,50 |\n| cena sai | whoosh curto | 0,35–0,40 |\n| item de lista, evento, widget, skeleton | pop leve, tom subindo na cascata | 0,16–0,30 |\n| cartão, selo, pílula, nó estala | pop | 0,30–0,40 |\n| tecla digitada | tecla de teclado, volume e tom variando | 0,18–0,26 |\n| toque em botão | clique | 0,45 |\n| ligação desenha, borda acende, check | clique leve | 0,18–0,35 |\n| varredura da IA | whoosh longo | 0,35 |\n| \"Enviado\", timer vira check | sucesso | 0,40–0,45 |\n| notificação do WhatsApp | notificação | 0,50 |\n\n- 122 eventos, cada um com `at = evento − pico do arquivo`.\n- Sons de tela com passa-baixa de 7 kHz (\"dentro do iPhone\"); repetições com variação de tom.\n- **Voz** seca, com de-esser leve (`deesser=i=0.35`).\n- **Música** 15,0 dB abaixo da voz onde há fala (com os tonais, 14,0 dB) e 9 dB abaixo nos respiros com mais de 0,7 s; tonais 10 dB abaixo, mais −3 dB sob a fala; vale de −3,5 dB em 2 kHz na música para abrir espaço para a voz.\n- **Final:** `loudnorm` em duas passagens a **−14 LUFS**; entre 2 e 42 s, p10/p50/p90 de −14,6/−14,0/−13,3 LUFS.\n\n## O que é \"humano\" neste vídeo\n\n- A câmera viva nunca deixa a tela parada, nem nos respiros.\n- O \"Curso de IA\" tenta caber no calendário, se espreme (104/52%) e chacoalha como a senha errada do iPhone.\n- Os skeletons pulsam enquanto a empresa está \"sendo lida\", em vez de deixar o cartão vazio.\n- O botão afunda no toque e volta com mola; o formulário se preenche como o AutoFill de verdade.\n- O timer para antes do fim: a resposta chegou antes do prazo.\n- O logo pousa exatamente na parada da banda.\n"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"titulo": "O roteiro e a voz",
|
|
38
|
+
"texto": "**Resumo:** a fala do anúncio exatamente como foi enviada à voz clonada (5 parágrafos), o que mudou em relação ao texto original e as cenas por tempo, no tempo do vídeo (a voz entra em 0,5 s). Gancho: \"Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso?\".\n\n## Como a fala foi feita\n\n- **Texto do autor**, sem nenhuma palavra trocada: só acento, vírgula, \"TDA\" escrito \"tê dê á\" e \"5 minutos\" por extenso.\n\n- **Voz:** ElevenLabs, Eleven v4, uma tomada por parágrafo (estabilidade 0,52, similaridade 0,73, velocidade 1,05), conferida no faster-whisper palavra por palavra (5 de 5).\n\n- **Montagem:** pontas aparadas, 0,35 s entre parágrafos, −16 LUFS; aprovada a 1× (50,7 s) e acelerada a 1,2× com `atempo` numa passada só (42,26 s).\n\n## A fala, verbatim (texto enviado à voz)\n\n- Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso? Bom, esse vídeo foi feito pra você.\n\n- Provavelmente você já sabe tudo que a inteligência artificial pode fazer na sua operação, mas não tem ideia de como você pode implementar isso, ou te falta tempo de estudar sobre, certo?\n\n- Hoje, a tê dê á Digital faz exatamente isso por você.\n\n- Nós entendemos como a sua empresa funciona por dentro, processo por processo, e com base nisso, te ajudamos a mapear onde a inteligência artificial seria mais efetiva, e fazemos um plano de implementação, de forma segura, consciente e de pouco em pouco, para que você não se assuste com o processo e sem atrapalhar o seu dia a dia!\n\n- Se isso faz sentido pra você, clica no botão abaixo, preenche o formulário, que em até cinco minutos alguém da minha equipe vai te chamar.\n\n## Cenas por tempo (tempo do vídeo)\n\n | \n\n | #\n | Tempo (s)\n | Fala\n | App ou objeto\n | O que acontece\n\n | 1\n | 0–5,9\n | \"Você quer implementar inteligência artificial na sua empresa, mas não tem tempo de estudar sobre como fazer isso?\"\n | títulos + iPhone + Calendário\n | a pergunta nasce no meio da tela palavra por palavra (\"inteligência artificial\" no degradê da IA); o iPhone sobe com a borda do Apple Intelligence; 7 compromissos caem no dia a partir de \"tem tempo\"; no \"estudar\" (4,18 s), o \"Curso de IA · 38 horas de aula\" despenca, tenta caber no almoço, se espreme e chacoalha; estala \"Sem horário livre\"\n\n | 2\n | 5,9–8,3\n | \"Bom, esse vídeo foi feito pra você.\"\n | Dynamic Island / Live Activity\n | a câmera mergulha na ilha, que cresce com mola e mostra o ícone do app, \"TDA Digital\", \"Implementação de IA\" e barras de áudio nas cores da IA; \"feito · pra · você.\" grande\n\n | 3\n | 8,3–12,1\n | \"Provavelmente você já sabe tudo que a inteligência artificial pode fazer na sua operação,\"\n | tela de widgets\n | 6 widgets em cascata: Atendimento \"24h no WhatsApp\", Follow-up \"automático\", Relatórios \"prontos todo dia\", Agenda \"confirmada sozinha\", Financeiro \"conciliado\", Estoque \"sempre em dia\"; a borda da IA acende em todos; uma onda passa no \"na sua operação\"\n\n | 4\n | 12,1–17,1\n | \"mas não tem ideia de como você pode implementar isso, ou te falta tempo de estudar sobre, certo?\"\n | Spotlight + teclado + Tempo de Uso\n | os widgets recuam ao fundo (30%, desfoque 14); o Spotlight cai e digita \"como implementar IA\" no teclado real; resultados (curso de 38 horas, guia de 120 páginas, 18 vídeos); as durações ficam vermelhas e estala \"Tempo livre hoje: 0 min\"; no \"certo?\", tudo se recolhe num ponto\n\n | 5\n | 16,9–20,4\n | \"Hoje, a TDA Digital faz exatamente isso por você.\"\n | revelação\n | ponto preto respirando; \"Hoje,\" em cinza; **17,84 s, no \"TDA\" e no drop:** o anel da IA explode, o logo entra com desfoque e a aura acende atrás; selo \"Implementamos a IA por você\" no \"exatamente\"\n\n | 6\n | 20,4–25,9\n | \"Nós entendemos como a sua empresa funciona por dentro, processo por processo,\"\n | Freeform\n | o logo sobe e vira cabeçalho; o cartão \"Sua empresa\" se enche de skeletons pulsando; pontinhos do canvas no \"por dentro\"; os processos (Atendimento → Vendas → Agenda → Financeiro → Estoque → Pós-venda) estalam nos dois \"processo\", ligados por linhas que se desenham\n\n | 7\n | 25,9–28,5\n | \"e com base nisso, te ajudamos a mapear onde a inteligência artificial seria mais efetiva,\"\n | varredura + selos\n | a barra da IA varre no \"mapear\"; Atendimento, Financeiro e Pós-venda ganham a borda da IA; os outros esmaecem; selos \"Alto impacto\" estalam em \"seria mais efetiva\"; os três escolhidos viram as linhas do plano\n\n | 8\n | 28,8–33,2\n | \"e fazemos um plano de implementação, de forma segura, consciente e de pouco em pouco,\"\n | Lembretes + anel do Atividade\n | \"Plano de implementação · 3 etapas, uma de cada vez\"; selos \"Segura\" (cadeado), \"Consciente\" (olho), \"Pouco a pouco\" (lista) em cada palavra; três checks nos três \"pouco\" (32,42 · 32,60 · 32,78 s) e o anel enche 33 → 66 → 100%\n\n | 9\n | 33,2–37\n | \"para que você não se assuste com o processo e sem atrapalhar o seu dia a dia!\"\n | o mesmo Calendário, calmo\n | 4 compromissos com espaço entre eles; \"IA trabalhando · em segundo plano\" entra no horário livre no \"assuste\"; a linha do \"agora\" desce passando pela IA; \"Sem susto.\" e \"Sem atrapalhar · o seu dia a dia.\"\n\n | 10\n | 37–45\n | \"Se isso faz sentido pra você, clica no botão abaixo, preenche o formulário, que em até cinco minutos alguém da minha equipe vai te chamar.\"\n | botão + folha + AutoFill + Timer + notificação\n | \"Faz sentido · pra você?\"; o botão \"Cadastre-se\" é tocado e afunda no \"clica\"; setas no \"abaixo\"; a folha sobe no \"preenche\" e os campos se preenchem com dados fictícios; \"Enviar\" vira \"✓ Enviado\"; timer de 5 min no \"cinco\"; a notificação do WhatsApp cai no \"alguém\" e o timer para antes do fim, com check verde; **fecho:** o logo entra em 42,8 s e pousa em 43,54 s, na parada da banda, com \"Toque no botão abaixo\" e a seta\n\n## Momentos para a trilha\n\n- 0 s: abertura suave (a voz entra em 0,5 s).\n\n- 16,6–17,1 s: respiro antes do \"Hoje\" (17,16 s) → drop na revelação \"TDA\" (17,84 s).\n\n- 20,5–36,5 s: explicação, trilha estável sob a voz.\n\n- 37,13 s: subida para o CTA; 42,8–45 s: fecho com o logo.\n\nOs tempos de cada palavra estão em `audio/words.json`; as batidas e os tempos fortes da música, no `TRILHA.md` do áudio."
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"titulo": "A identidade visual",
|
|
42
|
+
"texto": "**Resumo:** interface do iPhone em modo claro, recriada camada por camada: fundo cinza Apple, cartões brancos com sombra larga e fraca, cores de sistema do iOS com papel fixo, SF Pro e SF Symbols, e o degradê do Apple Intelligence como assinatura de \"IA\". Movimento de curvas que arrancam rápido e assentam longo, mola na chegada, câmera viva. É a base para qualquer assunto sem identidade visual forte. Números tirados do `kit.jsx`, das cenas e do `TRILHA.md`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Onde baixar\n\n | Títulos (≥ 60 px, tracking −12)\n | SF Pro Display (Semibold, Bold; Light nos números do timer)\n | developer.apple.com/fonts\n\n | Interface\n | SF Pro Text\n | developer.apple.com/fonts\n\n | Ícones\n | SF Symbols: 8.505 símbolos dentro da própria SF Pro, nos códigos U+100000 em diante, sem nome\n | vêm com a SF Pro\n\nO kit converte o código do símbolo no caractere certo (`SYM(0x57b)`, com par substituto UTF-16). Para escolher um ícone, renderize folhas com o código de cada um e escolha pelo olho.\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Papel\n\n | Fundo\n | `#F5F5F7`\n | cinza Apple; luz branca suave no centro (elipse, pena 520, 70%)\n\n | Cartão\n | `#FFFFFF`\n | cartões e widgets\n\n | Texto\n | `#1D1D1F`\n | títulos\n\n | Secundário\n | `#6E6E73`\n | texto secundário, títulos de apoio\n\n | Legenda\n | `#86868B`\n | rótulos menores\n\n | Azul\n | `#007AFF` (botão `#0071E3`)\n | ação, botão\n\n | Verde\n | `#34C759`\n | feito, livre, enviado\n\n | Laranja\n | `#FF9500`\n | tempo (timer)\n\n | Vermelho\n | `#FF3B30`\n | problema, sem tempo, linha do \"agora\"\n\n | Roxo, rosa, índigo, teal\n | `#AF52DE`, `#FF2D55`, `#5856D6`, `#30B0C7`\n | ícones de app e eventos\n\n | Linhas\n | `#E5E5EA`, `#C7C7CC`, `#D1D1D6`\n | divisores, ligações, pontinhos do canvas\n\n | Skeleton\n | `#EDEDF0` / `#DCDCE1`\n | carregamento\n\n | **Apple Intelligence**\n | azul `#3D8BFF` → roxo `#A35BF7` → rosa `#F062C0` → laranja `#FF9F3A`\n | **só onde a fala diz IA**: título, widgets, varredura, selos, evento \"IA trabalhando\"\n\nTintas claras das cores de sistema: a cor misturada a 18% com branco (fundo dos eventos do calendário).\n\n## Componentes\n\n | \n\n | Peça\n | Como é\n\n | Cartão\n | branco + sombra larga e fraca (9–10%, distância 22–26, suavidade 80–90, ângulo 180); raio 44–56\n\n | Ícone de app\n | quadrado arredondado (raio 26% do lado) + SF Symbol branco a 50% do lado, centrado\n\n | iPhone\n | corpo `#1D1D1F` com traço `#48484A` e sombra larga; tela 584×1254 com raio 96; Dynamic Island 168×50; um null controla tudo\n\n | Calendário (dia)\n | 9h–18h, 92 px por hora, linhas `#E5E5EA`; evento = tinta a 18% + barra de cor + título Semibold 23 + horário 19\n\n | Live Activity\n | a pílula preta cresce por tamanho (não por escala, para o raio não deformar) de 336×100 para 940×250, raio 50 → 125\n\n | Widgets\n | 440×300, raio 48, grade 2×3\n\n | Spotlight\n | pílula 960×116, raio 58, lupa e \"Buscar\"; texto digitado por chaves HOLD e cursor por expressão\n\n | Teclado\n | fundo `#D1D4DA`, teclas brancas 94×126 raio 14 com sombra de 3 px, especiais `#ABB0BC`; cada letra acende a tecla e abre o balão 118×150\n\n | Canvas do Freeform\n | ponto de 6 px repetido (23 × 27, a cada 40 px); ligações com Trim Paths 0 → 100 em 0,22 s\n\n | Lembretes\n | linha `#F5F5F7` raio 30, círculo vazio que vira check verde com mola; título fica cinza\n\n | Anel do Atividade\n | 104 px, traço 18, Trim Paths por etapas (33 → 66 → 100%)\n\n | Toque\n | círculo cinza translúcido que aperta (130 → 85%) + onda; o botão afunda 100 → 94% e volta com mola\n\n | Folha (sheet)\n | 1080×1500, raio 56, alça, campos `#F2F2F7`; AutoFill pisca `#FFF4CF`\n\n | Timer\n | anel laranja de 470 px, traço 30, números por expressão\n\n | Notificação\n | cartão 1000×220, raio 52, a 97% de opacidade\n\n | Chacoalho do \"não cabe\"\n | o \"não\" da senha errada: −34, +30, −24, +18, −10, +5 px, 0,06 s cada\n\n## Apple Intelligence\n\n | \n\n | Elemento\n | Como é feito\n\n | Degradê que gira\n | sólido com 4-Color Gradient nas 4 cores; os pontos giram em círculo por expressão (`time*vel + fase`), blend 60\n\n | Texto com degradê\n | o texto é track matte do degradê; a animação de letra continua valendo\n\n | Borda viva\n | dois mattes: traço fino (6 px) e traço largo (×5) desfocado 34, brilho a 70%\n\n | Aura atrás do logo\n | degradê lento em elipse (raio 520, pena 80% do raio) + desfoque 60, até ~40%\n\n | Anel que explode\n | elipse só com traço (40 → 2 px) como matte, escala 10 → 620% em 0,76 s\n\n | Varredura\n | matte 900×10 + 900×70 desfocado, descendo em 0,8 s\n\n## Transições\n\nA próxima cena sai de algo que já está na tela: mergulho na Dynamic Island (o null vai a 200% e centraliza a ilha), tudo se recolhendo num ponto (escala a 0 com a curva `S`), o anel que explode revelando o logo, o logo que sobe e vira cabeçalho, os processos escolhidos que viram as linhas do plano. Um branco cheio cobre a troca quando é preciso e se dissolve em ~0,45 s. Na comp final, as cenas se sobrepõem por um instante nas trocas (de menos de 1 quadro a cerca de 0,6 s); essas sobreposições são as transições.\n\n## Curvas e molas\n\nCurvas por influência dos keyframes (saída / chegada, em %):\n\n | \n\n | Nome\n | Influência\n | Uso\n\n | T\n | 15 / 85\n | padrão: arranca rápido, assenta longo\n\n | Z\n | 33 / 85\n | zoom e escala\n\n | M\n | 55 / 45\n | movimentos médios\n\n | A\n | 60 / 90\n | chegadas longas\n\n | S\n | 75 / 0\n | sair acelerando\n\n | E / H\n | 33 / 33\n | derivas e movimentos lentos\n\n | L\n | 0 / 0\n | linear\n\n- **Mola padrão** (Overshoot ~112%) só no que \"chega\": cartão, selo, notificação, botão. Keyframes lineares de 0 a 100 em 0,25 s + expressão de inércia (amplitude 0,05, frequência 2, decay 4), como nas regras vigentes da central.\n\n- **Cascata entre irmãos:** eventos do calendário 0,09 s, widgets 0,1 s, selos ~0,12 s, conteúdo da Live Activity 0,035 s, campos do formulário 0,08 s.\n\n- **Desfoque por letra** nos títulos, subindo 26 px.\n\n- **Motion blur:** obturador 150°, fase −75°. O logo que vira cabeçalho sobe **sem** motion blur (com ele, o logo \"esticava\").\n\n## Câmera\n\nNull `CAMERA VIVA`, pai de todas as cenas na comp final:\n\n- posição `wiggle(0.35, 7)`;\n\n- escala `100 + 0.9*Math.sin(0.42*time)`;\n\n- rotação `wiggle(0.18, 0.35)`.\n\nDentro das cenas, aproximações lentas e lineares (ex.: 100 → 103,5% em quase 8 s no canvas dos processos).\n\n## Títulos (no lugar de legenda)\n\nNão há legenda contínua: títulos grandes aparecem só quando a frase é ideia abstrata, e cada parte entra na sua palavra. Exemplos: \"inteligência artificial\" em Bold 118 com o degradê; \"feito · pra · você.\" em Bold 132; \"Faz sentido · pra você?\" em Bold 92; apoios em Semibold 60–78 cinza. Nenhum texto da tela repete o que outro elemento já mostra no mesmo quadro.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Adventure of a Lifetime\" (Coldplay), só o instrumental (demucs)\n\n | Tom e tempo\n | Lá menor, afinação −4 cents, 112 BPM (medido com o beat_this; compasso de 2,14 s)\n\n | Trechos\n | 97,34 → 134,46 s da música (vídeo 0 → 37,13 s); depois 276,97 → 283,38 s e a cauda (vídeo 37,13 → 45 s)\n\n | Abertura\n | verso abafado (passa-baixa de 280 Hz) que abre aos poucos até 5,2 kHz no drop\n\n | Respiro\n | a bateria da própria música para 5 tempos (15,17 s); tudo −10 dB de 16,6 a 17,1 s\n\n | **Drop**\n | **17,84 s, no \"TDA\"**: bateria e refrão cheios\n\n | Emenda\n | 37,13 s, de DJ no bumbo, para o último refrão no CTA\n\n | Fecho\n | a banda para em 43,54 s (fim real da música); o logo pousa junto\n\n**Tonais no tom** (Lá menor / Dó maior): drone Atlantic e golpe Ping Boom suave na abertura; glockenspiel e sinos em \"inteligência artificial\"; marimba caindo no \"tempo\"; harpa no \"feito pra você\" e no \"plano\"; 6 notas de marimba nos widgets; riser Clarity até o drop; no drop, golpe + tímpano Lá2 + piano Lá1 + sinos; 3 marimbas no \"de pouco em pouco\"; glissando de harpa de 42,8 s até a parada; no fecho, golpe + acorde de Lá menor no piano + sinos + cordas.\n\n## Sound design e mix\n\n | \n\n | Ação na tela\n | Efeito\n | Volume\n\n | título entra\n | whoosh curto\n | 0,25–0,30\n\n | celular sobe, mergulho na ilha, folha sobe\n | whoosh longo\n | 0,45–0,50\n\n | cena sai\n | whoosh curto\n | 0,35–0,40\n\n | item de lista, evento, widget, skeleton\n | pop leve, tom subindo na cascata\n | 0,16–0,30\n\n | cartão, selo, pílula, nó estala\n | pop\n | 0,30–0,40\n\n | tecla digitada\n | tecla de teclado, volume e tom variando\n | 0,18–0,26\n\n | toque em botão\n | clique\n | 0,45\n\n | ligação desenha, borda acende, check\n | clique leve\n | 0,18–0,35\n\n | varredura da IA\n | whoosh longo\n | 0,35\n\n | \"Enviado\", timer vira check\n | sucesso\n | 0,40–0,45\n\n | notificação do WhatsApp\n | notificação\n | 0,50\n\n- 122 eventos, cada um com `at = evento − pico do arquivo`.\n\n- Sons de tela com passa-baixa de 7 kHz (\"dentro do iPhone\"); repetições com variação de tom.\n\n- **Voz** seca, com de-esser leve (`deesser=i=0.35`).\n\n- **Música** 15,0 dB abaixo da voz onde há fala (com os tonais, 14,0 dB) e 9 dB abaixo nos respiros com mais de 0,7 s; tonais 10 dB abaixo, mais −3 dB sob a fala; vale de −3,5 dB em 2 kHz na música para abrir espaço para a voz.\n\n- **Final:** `loudnorm` em duas passagens a **−14 LUFS**; entre 2 e 42 s, p10/p50/p90 de −14,6/−14,0/−13,3 LUFS.\n\n## O que é \"humano\" neste vídeo\n\n- A câmera viva nunca deixa a tela parada, nem nos respiros.\n\n- O \"Curso de IA\" tenta caber no calendário, se espreme (104/52%) e chacoalha como a senha errada do iPhone.\n\n- Os skeletons pulsam enquanto a empresa está \"sendo lida\", em vez de deixar o cartão vazio.\n\n- O botão afunda no toque e volta com mola; o formulário se preenche como o AutoFill de verdade.\n\n- O timer para antes do fim: a resposta chegou antes do prazo.\n\n- O logo pousa exatamente na parada da banda."
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"titulo": "A montagem no After Effects",
|
|
46
|
+
"texto": "| \n\n | Arquivo\n | O que faz\n\n | `kit.jsx`\n | o kit: cores, fontes, curvas, mola, cartão, iPhone, ícone de app, SF Symbols, degradê e borda do Apple Intelligence, toque, botão que afunda\n\n | `cenas_AB.jsx` … `cenas_IJ.jsx`\n | as cenas, em pares; cada função `fazerA` … `fazerJ` apaga e refaz só a sua cena (camadas com prefixo `A_`, `B_`…)\n\n | `main.jsx`\n | `fazerMain`: a comp final, que corta as cenas e põe a câmera viva\n\n | `bom.py`\n | grava os `.jsx` com BOM (o AE precisa para ler os acentos)\n\n | `folha.py`\n | monta a folha de contato dos quadros de conferência\n\n | `render.ps1`, `montar.py`\n | render em trechos de 4 s e junção\n\nTodas as comps têm 45 s e começam em 0, então a chave de uma cena usa o mesmo número do `audio/words.json`, sem conta de deslocamento.\n\n- **Instale a fonte SF Pro** (SF Pro Display e SF Pro Text), da página de fontes da Apple para desenvolvedores (developer.apple.com/fonts). Sem ela, os textos e os ícones (SF Symbols) não aparecem. Instale para todos os usuários e reinicie o After Effects; no Windows, se não aparecer, copie para `C:\\Program Files\\Common Files\\Adobe\\Fonts`.\n\n- **Mantenha a pasta `projeto/` como veio**: o `.aep` e a pasta `assets/` ficam juntos em `projeto/ae/`. Abra no After Effects 2026 ou mais novo.\n\n- **Arquivo faltando:** File › Dependencies › Find Missing Footage; clique com o direito › Replace Footage › File e aponte para `projeto/ae/assets`.\n\n- **Para reconstruir por script** (opcional): rode `python bom.py`; no AE, defina a variável `ROOT` com a pasta dos assets e rode `kit.jsx`, os quatro `cenas_*.jsx` e `main.jsx` (File › Scripts › Run Script File, ou pela ponte MCP com `eval.run`); depois chame `fazerA()` … `fazerJ()` e `fazerMain()`. O projeto precisa estar numa pasta sem acento, porque o `aerender` falha com acento no caminho.\n\n- **Render:** `render.ps1` em trechos de 4 s (~18 s cada; o vídeo todo em ~3,5 min) e `montar.py` para juntar com o áudio.\n\n**Pegadinhas do AE 26:** o null nasce com opacidade 0, e a opacidade do null não passa para os filhos (o kit resolve com `herdaOpacidade`); o efeito 4-Color Gradient tem um grupo na primeira propriedade, então use o `matchName`; se o `saveFrameToPng` parar de gravar quadros, salve e reinicie o AE."
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"titulo": "As decisões de direção",
|
|
50
|
+
"texto": "- **Cada frase vira um app do iPhone.** Para cada uma, a pergunta foi \"qual app do iPhone mostraria isso sozinho?\". O público reconhece o app em meio segundo.\n\n- **Texto na tela só para ideia.** Os títulos grandes aparecem quando a frase é abstrata (\"inteligência artificial\", \"feito pra você\"); quando a frase é cena, a interface fala.\n\n- **Dor e solução com o mesmo objeto.** O Calendário lotado do começo volta calmo no fim, e a \"IA trabalhando\" entra num horário livre sem empurrar nada. No começo, o \"Curso de IA\" tentava caber e não cabia.\n\n- **A transição nasce de um elemento:** a câmera mergulha na Dynamic Island, que vira Live Activity; o \"certo?\" recolhe tudo num ponto, que vira o anel da revelação; o logo sobe e vira cabeçalho; os processos escolhidos viram as linhas do plano.\n\n- **Cor tem significado.** O degradê do Apple Intelligence só onde a fala diz IA; verde = feito, vermelho = problema, azul = ação, laranja = tempo.\n\n- **Respiro antes da revelação.** Tudo vira um ponto preto, entra \"Hoje,\" em cinza e, no \"TDA\", a música volta com tudo e um anel colorido explode revelando o logo.\n\n- **Movimento de Apple, nunca parado:** curvas que saem rápido e assentam longo, cascata de 2–3 quadros, mola na chegada, desfoque por letra nos títulos, câmera viva no vídeo inteiro.\n\n- **Interface recriada peça por peça**, com os SF Symbols oficiais.\n\n- **Um som para cada elemento** (122 efeitos), música real 15 dB abaixo da voz, drop no nome da marca.\n\n- **O fim mostra o depois do clique:** o formulário se preenche, \"Enviado\", o timer de 5 minutos e a mensagem chegando no WhatsApp; o fecho termina no logo com \"Toque no botão abaixo\".\n\nDetalhes de cores, curvas e som: estilo.md. Fala e cenas por tempo: roteiro.md. Para fazer um vídeo no mesmo estilo: PROMPT.md."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"titulo": "As versões até o final",
|
|
54
|
+
"texto": "| \n\n | Versão\n | O que mudou\n\n | v1\n | vídeo completo; uma IA assistiu com áudio e listou 8 problemas, 6 deles confirmados nos quadros\n\n | **v2**\n | as 6 correções (logo borrado, cartão vazio, balões do teclado, texto repetido na Dynamic Island, rastro na saída do plano, fecho que contradizia o formulário já enviado) + calendário maior para ler no celular; aprovado"
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"prompt": "# Prompt: vídeo no estilo Apple light\r\n\r\n> Data: 2026-10-12 · Tipo: guia · Status: vigente · Projeto: tda-ia\r\n\r\n**Resumo:** o prompt para colar no seu agente (Claude Code ou Codex), aberto na pasta da central, para ele estudar este projeto e fazer um anúncio ou vídeo narrado no mesmo estilo: cada frase da sua fala vira um app do iPhone, interface clara, cores do iOS, degradê da IA só onde se fala de IA. Troque os marcadores `{{…}}` ou apague a linha, e o agente pergunta.\r\n\r\n## Como usar\r\n\r\n1. Abra o agente na pasta da sua central de conteúdo.\r\n2. Copie o bloco abaixo, troque os marcadores que já souber e cole.\r\n3. Responda o que ele perguntar e aprove a sua fala e o áudio quando ele pedir.\r\n\r\n## O prompt\r\n\r\n```text\r\nQuero fazer um vídeo narrado no mesmo estilo do projeto \"Implementar IA na empresa (Apple light)\", que está em 07-videos/projetos/tda-ia/, com o meu assunto.\r\n\r\nAssunto: {{ASSUNTO}}\r\nMarca que aparece no vídeo: {{MARCA}} (logo em preto sobre o claro)\r\nUso: {{USO}} (ex.: anúncio com formulário, reel orgânico)\r\nChamada final: {{CHAMADA}}\r\nDuração aproximada: {{DURACAO}} (a referência tem 45 s)\r\n(Se algum desses estiver vazio ou com as chaves, me pergunte antes de começar.)\r\n\r\n1. Estude o projeto antes de propor qualquer coisa. Leia, nesta ordem: 07-videos/projetos/tda-ia/LEIA-ME.md, estilo.md e roteiro.md. Depois abra os scripts em projeto/: kit.jsx (o kit de peças), os quatro cenas_*.jsx e main.jsx, e o TRILHA.md do áudio. Me explique em poucas linhas como o kit, as cenas e a câmera viva se encaixam e o que você vai reaproveitar.\r\n\r\n2. Siga o passo a passo de 9 etapas de 07-videos/_LEIA.md e os números de 07-videos/regras-vigentes.md. Crie o meu projeto em 07-videos/projetos/AAAA-MM-DD-tema/ a partir de 07-videos/projetos/_modelo/README.md e marque cada etapa no checklist. Não edite os arquivos do projeto tda-ia: copie o kit e as cenas que for reaproveitar.\r\n\r\n3. Use as skills instaladas: motion-app-ae (interface no After Effects), video-referencias (referências e assets reais), motion-narrado (nada aparece antes de ser dito), animacao-saas (curvas, câmera, forma que vira a próxima), conteudo-voz (o meu jeito de falar) e better-portuguese (todo texto da tela).\r\n\r\n4. O roteiro: a fala é minha. Faça só a estrutura em roteiro.md: o gancho com a dor em forma de pergunta, o \"você já sabe… mas\", o respiro e a revelação da marca, o como funciona em etapas e a chamada que mostra o que acontece depois do clique. Me dê 3 opções de gancho e espere eu escrever a fala. Guarde o meu texto sem mudar e faça ao lado a versão para a voz, só com a grafia de pronúncia (siglas como se falam, números por extenso).\r\n\r\n5. Narração: um parágrafo por arquivo, conferido no faster-whisper. Me mande para aprovar a 1×; com o ok, acelere a 1,2× com atempo numa passada só, se eu quiser mais ritmo, e gere o words.json. Não anime antes do áudio aprovado.\r\n\r\n6. Monte a tabela fala → app do iPhone → evento antes de abrir o After Effects. Para cada frase, pergunte \"qual app do iPhone mostraria isso sozinho?\" (Calendário para tempo, Spotlight para buscar, Lembretes para plano, anel do Atividade para progresso, Timer para prazo, notificação para resposta, Freeform para mapear, Ajustes para ligar e desligar). Escolha um objeto-símbolo da dor no gancho e devolva esse objeto resolvido perto do fim. Marque onde fica o respiro e onde a marca é revelada, e me mostre a tabela antes de construir.\r\n\r\n7. Trilha em paralelo, num subagente: música real, nunca usada antes nos meus vídeos, com clima limpo e otimista; drop exatamente no nome da marca, respiro antes, subida no CTA e fecho no logo. Meça tom e BPM com o beat_this, faça os tonais no tom e entregue a trilha, a prévia com a voz e o mapa de tempos fortes, como o TRILHA.md da referência.\r\n\r\n8. Reaproveite o kit, troque o conteúdo. Mantenha deste projeto: o kit.jsx (cartão, iPhone, ícone de app, SF Symbols, degradê e borda do Apple Intelligence, toque, botão que afunda), as curvas T/Z/S/E, a mola padrão só no que chega, a cascata de 2–3 quadros, o desfoque por letra nos títulos, a câmera viva no vídeo inteiro, a transição que nasce de um elemento, o degradê da IA só onde a fala diz IA, um efeito por elemento com o pico no quadro, a música 15 dB abaixo da voz e o final a −14 LUFS. Troque: as cenas, os apps escolhidos, os textos, a marca e a trilha. Se o meu assunto tiver uma marca forte, troque também a pele (cores, fonte, objetos da marca) e mantenha o método; se eu pedir \"Apple + outra referência\", pesquise a referência primeiro e misture.\r\n\r\n9. Construa de duas em duas cenas e me mostre a folha de contato a cada rodada. Em cada movimento, pergunte: está humano ou robotizado? Depois do render em trechos e do mix, faça uma revisão com uma IA que assista com áudio, confira cada ponto nos quadros antes de mexer e entregue a v2 com as correções, a ficha atualizada e uma anotação em anotacoes/.\r\n```\r\n\r\n## Checklist antes de entregar (da referência)\r\n\r\n- [ ] Toda palavra-chave tem um evento visual e um som no mesmo quadro.\r\n- [ ] Nenhuma tela fica vazia mais de ~0,5 s e nada para morto.\r\n- [ ] Degradê da IA só onde a fala diz IA; o resto em cores de estado.\r\n- [ ] Nenhum texto da tela repete o que outro elemento já mostra no mesmo quadro.\r\n- [ ] Texto de interface ≥ ~22 px no quadro final.\r\n- [ ] O que sai some antes do próximo ocupar o lugar; nada fora da tela volta quando a cena encolhe.\r\n- [ ] O fim não contradiz o que acabou de ser mostrado.\r\n- [ ] Música ~15 dB abaixo da voz, final em −14 LUFS, cor etiquetada em BT.709.\r\n",
|
|
58
|
+
"campos": [
|
|
59
|
+
"ASSUNTO",
|
|
60
|
+
"CHAMADA",
|
|
61
|
+
"DURACAO",
|
|
62
|
+
"MARCA",
|
|
63
|
+
"USO"
|
|
64
|
+
],
|
|
65
|
+
"fonte": {
|
|
66
|
+
"nome": "Clube do Motion",
|
|
67
|
+
"url": "https://clubedomotion.com/projeto/?id=tda-ia",
|
|
68
|
+
"uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
|
|
69
|
+
},
|
|
70
|
+
"ferramentas": [
|
|
71
|
+
"Claude Code",
|
|
72
|
+
"After Effects",
|
|
73
|
+
"ElevenLabs"
|
|
74
|
+
]
|
|
75
|
+
}
|