Antes de começar
- Node.js compatível com a documentação do Remotion
- Terminal e agente de código
- Roteiro curto e arquivos que você pode utilizar
Defina a mensagem antes da animação
Escreva uma frase de abertura, uma demonstração e uma chamada para ação. Para um Reel de dica de IA, use um problema específico: organizar ideias de posts, por exemplo.
Separe o texto que aparece na tela do texto da narração. Comece sem música ou locução para conseguir avaliar o tempo de leitura.
Crie um projeto separado
Use uma pasta nova para não misturar o vídeo com outro aplicativo. O comando abaixo é o ponto de partida documentado pelo Remotion; siga as perguntas do instalador e depois abra a pasta criada no seu agente.
Confira os requisitos e a licença do Remotion antes de usar o resultado em um projeto comercial.
npx create-video@latestCarregue as skills de Remotion
Se as skills não foram adicionadas na criação do projeto, execute o comando abaixo na pasta e escolha seu agente. Elas orientam o uso do Remotion; o roteiro continua sendo parte do seu pedido.
Peça ao agente que leia as instruções para criar a composição antes de gerar as cenas.
npx skills add remotion-dev/skillsDescreva o vídeo que quer criar
Informe as dimensões, a duração e o texto exato. Por exemplo: crie um vídeo vertical de 1080 por 1920, com três cenas em 15 segundos. Use o título "Organize suas ideias", mostre três cartões de pauta e termine com "Veja o passo a passo". Mantenha os textos editáveis e deixe espaço nas margens.
Peça uma prévia antes de exportar. Use uma família tipográfica e limite a quantidade de elementos que se movem ao mesmo tempo.
Revise no Studio
Abra o Remotion Studio pelo comando documentado e percorra o vídeo. Confira se o texto cabe, se há tempo para ler e se as transições não escondem informação. Teste também uma tela menor.
Corrija uma questão por vez. Se adicionar áudio depois, escute tudo e ajuste a duração das cenas em função da fala.
npx remotion studioRenderize e confira o arquivo
Quando a prévia estiver aprovada, use a opção de renderização do Studio. Escolha a composição e um formato adequado ao destino; a documentação também oferece renderização pelo terminal.
Abra o arquivo exportado fora do Studio. Confira início, final, áudio, cortes e legibilidade antes de publicar.
O que você terá ao final
Um projeto de vídeo editável em código e, depois de renderizar no seu computador, um arquivo para a revisão final.
Vale conferir
- Tempo de geração e renderização depende do computador e da composição.
- Recursos de voz, imagem e música externos podem ser pagos.
- O uso do framework e dos arquivos de mídia tem condições próprias.
- Tutorial baseado na documentação; nenhuma composição deste exemplo foi executada pela Agentspedia.