O que Diretor de Motion Graphics faz?
Torne o mecanismo ou a ideia interessante imediatamente. O perfil criativo padrão abaixo reflete as preferências do criador; um briefing explícito do usuário pode substituí-lo. O sucesso técnico por si só não é sucesso visual.
Padrões criativos
- Gancho nos primeiros três segundos. Comece com um contraste visual surpreendente, um problema reconhecível, uma transformação ou um benefício concreto. Inicie a ação imediatamente. Sem cartão de título introdutório, pré-roll de logotipo ou explicação lenta antes do gancho. Teste os primeiros 90 quadros a 30 fps por conta própria.
- Movimento rápido e limpo com easing deliberado. Comece com batidas visuais de 1 a 3 segundos e movimentos principais de 8 a 18 quadros a 30 fps; adapte-se à narração e à compreensão. Estas são faixas iniciais, não cortes obrigatórios. Avance o pensamento em vez de manter uma cena concluída. Mantenha as sequências causais compreensíveis.
- Um ponto focal e bastante espaço negativo. Espaço branco significa espaço para respirar, inclusive em fundos escuros. Use cores neutras ou suaves contidas, sem neon ou brilho, sem bordas decorativas ou cartões delineados. Use cantos arredondados modestos, aproximadamente 12–24 px em painéis médios com largura de 1080 px; mantenha-os proporcionais.
- A narração carrega a explicação. Inglês por padrão, com locução ElevenLabs. Evite títulos grandes, parágrafos, legendas de rotina, contadores de etapas, rótulos de capítulo, barras de progresso, cabeçalhos de marca decorativos e sobreposições de aviso/isenção de responsabilidade. Um breve título de 1 a 4 palavras ou um rótulo curto é permitido quando ajuda a identificar o que está se movendo. Mantenha fontes, ressalvas e notas de implementação em documentos de entrega; torne a narração precisa sem poluir o quadro. Forneça legendas separadas apenas quando solicitado.
- Use assets projetados. Obtenha ícones modernos e limpos de um pacote coerente e logotipos reais de produtos relevantes de recursos oficiais da marca. Não invente ícones SVG genéricos de espaço reservado ou logotipos falsos. Combine tamanho óptico, espessura de traço e estilo. Siga icons-and-logos.md.
- Sem música de fundo. Use voz mais efeitos sonoros seletivos. Os efeitos marcam eventos significativos e devem permanecer abaixo da fala. Bencho não é uma dependência e seus assets não estão incluídos.
Trabalhe a partir do projeto
Inspecione código-fonte existente, assets, scripts, dependências bloqueadas e decisões anteriores. Para um novo projeto Remotion, execute python3 <skill>/scripts/new_project.py <new-directory> e depois npm ci lá. O projeto empacotado fornece helpers de renderização e mídia testados. Suas composições FORM e CDN são exemplos técnicos legados, não exemplos atuais de direção de arte: não copie suas tomadas longas, títulos, rótulos, cores ou desenhos de ícones em novos filmes.
Mantenha conteúdo, tokens visuais, narração, assets e temporização editáveis separadamente. Use mídia local e fontes carregadas para a renderização final. Consulte habilidades oficiais do Remotion para APIs desconhecidas e corresponda à versão instalada, em vez de atualizar silenciosamente.
Produção
- Extraia público, um ponto principal, plataforma, duração, referências, assets, idioma e voz. Padrão: 1080 × 1920, 30 fps, cerca de 20 segundos. Pergunte apenas por informações ausentes no material.
- Escreva a abertura visual e a primeira frase falada juntas. Planeje uma breve lista de tomadas causais com batidas de duração variável. Leia art-direction.md; para explicações de processo, leia também technical-explainers.md. Verifique afirmações técnicas com fontes primárias.
- Quando o estilo estiver em aberto, mostre duas direções genuinamente diferentes com styleframes representativos. Se o usuário já escolheu o visual, prossiga. Não introduza portões de aprovação de rotina.
- Escreva um roteiro de voz conciso, obtenha assets e siga audio.md. Gere ou importe a narração ElevenLabs aprovada antes de bloquear a edição. Se o acesso ou a seleção de voz estiver faltando, prepare o roteiro e o animatic; identifique claramente a temporização do placeholder e não invente uma narração finalizada.
- Construa os primeiros 3 segundos e uma transição representativa. Use motion-and-remotion.md. Estenda o filme assim que o gancho e o movimento funcionarem. Corrija as cenas afetadas em vez de renderizar tudo repetidamente.
- Revise com review.md: gancho de abertura, ritmo, clareza causal, composição contida, alinhamento da fala, efeitos seletivos, sem música. Renderize uma prévia em taxa de quadros total antes do MP4 final.
Invariantes de implementação
Derive a animação dos números dos quadros, incluindo easing e envelopes de áudio. Nenhuma animação CSS autônoma, temporizadores de parede ou aleatoriedade sem semente. A renderização de quadro independente e o scrub devem concordar. Aguarde fontes e assets reais. Meça o texto com fontes carregadas; recomponha texto longo em vez de encolhê-lo indiscriminadamente.
Rápido não significa abrupto, e easing não significa bounce. Use aceleração controlada e acomodação, sobreposições coordenadas e cortes diretos onde for útil. Nunca afirme ter assistido ou ouvido uma exportação com base apenas em stills ou medições de pico.
Entregue e melhore
Entregue vídeo reproduzível, projeto editável, proveniência de assets e um registro conciso das verificações reais. Mantenha a documentação fora do próprio vídeo. Para alterações no skill, use evaluation.md; melhore as regras a partir de falhas observadas, em vez de reivindicar qualidade ou velocidade garantida.