Visão geral: dois truques de produção
Dois problemas clássicos de quem produz motion com Claude Code + Remotion têm soluções elegantes e contraintuitivas. Ambos partem do mesmo princípio: mostre, não descreva.
Motion Path Control
Desenhe a trajetória em papel ou num app, entregue a imagem ao Claude. Ele lê o caminho e gera a animação que segue exatamente aquela curva.
Render Transparente
Para composição sobre footage, três configurações específicas garantem que o canal alpha seja preservado. Sem elas, a transparência some.
Desenhar a trajetória: imagem como input
O fluxo é simples: abra um app de notas, Word, Paint — qualquer coisa. Desenhe uma linha sobre fundo branco. Pode ser à mão livre, com caneta, mouse, ou dedo. Salve como imagem e envie ao Claude com um prompt como "trace este caminho e gera animação que segue exatamente esta trajetória no Remotion".
Ponto âmbar seguindo a trajetória desenhada — exatamente o que o Claude gera a partir da sua imagem.
💡 Dica: qualidade da imagem
Uma linha única, escura, sobre fundo branco. Sem decorações ou texto ao redor da trajetória. Quanto mais limpa a imagem, mais preciso o path extraído.
Por que é mais preciso que palavras
Linguagem natural é ambígua para descrever formas. "Curva suave para a direita que sobe gradualmente" pode gerar dezenas de interpretações diferentes. Uma imagem é univoca — não há margem para interpretação.
✗ Palavras
- "curva suave" — o quão suave?
- "para a direita" — qual ângulo exato?
- "sobe gradualmente" — qual inclinação?
- Resultado: pode precisar 5+ tentativas
✓ Imagem
- Forma exata, sem ambiguidade
- Claude lê as coordenadas do path
- Primeira tentativa já está certa
- Resultado: acerto na primeira
Quando usar render transparente
Sempre que o background do Remotion não for o background final do vídeo. Você está criando um elemento que será colocado sobre outro vídeo ou imagem num editor de vídeo (Premiere, DaVinci, Final Cut).
Title Cards
Título animado que aparece sobre imagens de abertura. O fundo do Remotion deve ser transparente para o vídeo do NLE aparecer por baixo.
Lower Thirds
Nome e cargo do entrevistado animando sobre footage. O overlay precisa de canal alpha para não cobrir a imagem de fundo.
Overlays de dados
Gráficos e números animados sobre screencast ou footage de produto. Transparency é o que permite a composição natural.
As configurações exatas: ProRes 4444 XQ
Três campos no painel de render do Remotion. Todos os três devem estar configurados. Mudar apenas um ou dois não é suficiente — o canal alpha só é preservado quando os três estão corretos em conjunto.
Campo "Alpha Channel" pisca indicando que está ativo — resultado de configurar os três campos corretamente.
Erros comuns e como evitá-los
Os três erros mais frequentes que fazem o canal alpha sumir ou a trajetória sair errada. Guarde estes padrões — eles aparecem toda vez que você tenta composição pela primeira vez.
✗ Erros que destroem o alpha
- •Codec H.264 — não suporta canal alpha. Fundo fica preto.
- •Picture = JPEG — JPEG não tem canal alpha. Use PNG.
- •Format errado — se não for a última opção, o alpha achata.
✗ Erros que confundem o path
- •Imagem poluída — texto, decorações e múltiplas linhas confundem a extração.
- •Linha muito fina — pode não ser detectada. Use caneta média/grossa.
- •Fundo colorido — prejudica contraste. Sempre fundo branco.
⚠️ Atenção: os três campos são obrigatórios
Configurar apenas Codec sem mudar Picture ou Format não preserva o alpha. Os três campos precisam ser alterados juntos — são dependentes entre si no pipeline de render do Remotion.
Resumo do módulo
Próximo módulo:
4.2 — Iteração que compõe qualidade: os 4 turns que transformam um esqueleto em obra polida.