ChatGPT
Perplexity
Claude
Gemini
Existem duas formas de criar motion graphics com IA. Você pode pedir a um modelo de vídeo de IA que insira o texto no clipe e torcer para que ele escreva cada palavra certinho. Ou pode criar as imagens no OpenArt e pedir ao Claude que monte o movimento em código. Cada palavra, cor e movimento continua editável, então corrigir um erro de digitação é questão de uma linha, em vez de uma nova geração.
Este guia segue nosso tutorial com a criadora Mia Meow. Ele cobre três fluxos (um carrossel em movimento para o Instagram, gráficos sobre um vídeo de IA e um vídeo totalmente animado feito em código) além da configuração inicial.
Resumo
Crie suas imagens na OpenArt e deixe o Claude animá-las no código com o Remotion. Você ganha motion graphics que pode editar linha por linha.
- O texto é reconstruído em código, então mudar uma chamada não custa uma nova geração de vídeo.
- O Claude puxa suas imagens, camadas e narrações da OpenArt direto da sua conta pelo OpenArt MCP.
- Você precisa do app desktop do Claude com o Claude Code, do plugin Remotion e de uma conta OpenArt. O OpenArt MCP funciona em todos os planos do OpenArt.
O que São Motion Graphics com IA?
Motion graphics são textos, formas e imagens em movimento: cartelas de título, rótulos de produto, posts sociais animados e legendas em um vídeo. Os motion graphics com IA usam IA para criar as imagens, o movimento, ou ambos.
As duas abordagens funcionam de maneiras bem diferentes:
| Aproximar | Como funciona | O que acontece quando você precisa de uma mudança |
|---|---|---|
| vídeo com IA e texto incorporado | Um modelo de vídeo desenha o texto como parte da imagem | Você gera o clipe inteiro de novo e torce para que as novas palavras saiam certas |
| Imagens da IA, movimento em código | O OpenArt cria as imagens, o Claude escreve a animação em código | Você muda uma linha e exporta de novo |
Este guia ensina a segunda abordagem. Os modelos de vídeo com IA são ótimos com pessoas, produtos e cenas. O código é melhor para escrever um título sempre da mesma forma.
Por que usar o Claude para motion graphics?
Três razões se destacam no tutorial.
Cada letra continua editável. O Claude reconstrói o texto em código, combinando o estilo e a fonte que você mostra. Uma palavra errada é só uma rápida edição de texto.
Você para de pagar para gerar de novo. Quando o texto vive dentro de um vídeo de IA, cada ajuste significa mais uma geração e mais créditos. Com código, os créditos vão para as imagens e clipes que você realmente quer. Mudanças de texto e ajustes de tempo acontecem no código.
Testar anúncios fica barato. Quer testar duas chamadas no mesmo vídeo de produto? Mude uma linha e exporte de novo. A cena do produto fica exatamente igual, então o teste mede só a chamada.
Fluxo 1: Como Criar um Carrossel em Movimento para o Instagram
Os carrosséis valem o esforço. O estudo de 2026 da Metricool sobre o Instagram, com mais de 24 milhões de posts, descobriu que carrosséis recebem cerca de 9x mais salvamentos do que posts de imagem única. Um carrossel em movimento se destaca ainda mais no feed. Para posts estáticos, o Gerador de Posts para Instagram é um caminho mais rápido.
Três slides de carrossel feitos em um único chat do Claude, cada um com seu próprio título em movimento.
Passo 1: Crie a imagem dentro do Claude. Com o OpenArt MCP conectado, o Claude funciona como um Gerador de Imagens com IA no Claude, então você pode planejar a ideia, escrever o texto e gerar a imagem em um só chat. No tutorial, a Mia deu ao Claude uma foto de um tênis e uma foto dela mesma, e o Claude criou a imagem do slide com GPT Image 2.5 na OpenArt.
Passo 2: Divida a imagem em camadas. Abrir Extract Layers nas ferramentas de Imagem do OpenArt e envie a imagem. Defina o máximo de camadas que quiser, de 2 a 16. A Mia escolheu 6. Nosso guia sobre como dividir uma imagem em camadas editáveis explica a ferramenta em mais detalhes.
Extract Layers transforma uma imagem plana em camadas separadas que você pode mover por conta própria.
Passo 3: Deixe o Claude extrair as camadas. Salve as camadas na sua conta OpenArt. O Claude as pega pelo MCP, então não há nada para baixar ou arrastar. Depois diga ao Claude como cada camada deve se mover: a pessoa desliza para dentro, o fundo flutua, o tênis dá um salto.
Passo 4: Reconstrua o texto no código. A camada de texto do Extract Layers é uma imagem de palavras. Peça ao Claude para reconstruí-la como texto real em código, combinando o estilo e a fonte. O título então fica totalmente editável.
Como uma Pasta de Projeto e uma Biblioteca de Estilos Ajudam?
Uma pasta de projeto e uma biblioteca de estilos deixam cada projeto seguinte mais rápido.
Primeiro, mantenha uma única pasta de projeto. O prompt de configuração do tutorial a cria para você: entradas, referências, áudio, vídeos finalizados e templates, além de um arquivo de regras que o Claude segue.
Uma pasta para tudo. O Claude sabe onde encontrar suas imagens, narrações e estilos salvos.
Segundo, crie uma biblioteca de estilos de motion graphics. Quando criar um visual de que goste, salve. Quando ver em outro lugar um estilo de movimento que você adora, solte o vídeo de referência e peça ao Claude para recriá-lo. Na próxima vez, o Claude lê a biblioteca, sugere estilos que combinam e reaproveita o código em vez de começar do zero.
Fluxo 2: Como Adicionar Motion Graphics a um Vídeo de IA
Adicionar gráficos sobre um vídeo de IA é o fluxo mais útil para anúncios de produtos. Para um anúncio completo criado a partir de um briefing, veja como criar anúncios em vídeo com IA no Claude.
Passo 1: Crie um clipe limpo. A Mia fez um clipe curto de sapato com o Seedance 2.5 no Gerador de vídeos com IA. Mantenha simples e deixe o texto fora do prompt do vídeo. O texto vem depois, no código. Para ideias de prompt, veja estes Exemplos de prompts de vídeo com IA para MCP.
Passo 2: escolha um visual com uma imagem estática. As primeiras versões dela ficaram genéricas. Então ela pegou um quadro nítido do clipe e pediu ao Claude para criar três estilos de arte com o GPT Image 2.5 pelo MCP: um visual de revista de moda, um visual de tela de videogame e um visual de rabisco desenhado à mão.
O estilo de rabisco feito à mão, um dos três visuais testados em um único quadro antes de animar qualquer coisa.
Passo 3: Dê ao Claude o clipe e a imagem estática. O clipe é a base. A imagem estática mostra como deve ficar. O Claude reconstrói cada letra e gráfico em código por cima do vídeo.
Entrada: um clipe simples e uma imagem estilizada. Saída: o mesmo clipe com gráficos ao vivo e editáveis.
Passo 4: Descreva as cenas em palavras simples. Palavras do dia a dia funcionam bem aqui. O plano de cenas da Mia tinha quatro linhas: o nome Cloud Flow, um close-up da malha, a tecnologia de espuma em nuvem e o salto antirrisco. O Claude transformou isso em texto na tela e cronometragem. Se quiser mais controle, peça ao Claude para mostrar a lista de cenas antes de criar qualquer coisa.
O que a Mia disse à esquerda, o texto que o Claude escreveu para cada cena à direita.
Passo 5: Teste chamadas sem uma nova geração. Mude a linha da chamada no código e exporte de novo. A cena do produto não muda, e você não gasta créditos em um segundo vídeo.
Manchete A e Manchete B no mesmo clipe. Só uma linha de código mudou.
Isso importa principalmente para profissionais de marketing de performance. Você pode criar um lote de versões de anúncio a partir de um bom clipe e deixar os resultados escolherem o vencedor. Nosso guia sobre teste de criativos de anúncio com IA mostra como planejar esses testes.
Fluxo 3: Como Criar um Vídeo Totalmente Animado em Código
Você também pode pular o modelo de vídeo por completo. O exemplo da Mia é "Mimi is hungry", um vídeo aconchegante em estilo de jogo sobre um gato fazendo a omelete perfeita. As caixas de texto, menus, minijogo e tela de resultado são todos código.
Personagens. O GPT Image 2.5 na OpenArt fez uma folha com o gato em seis poses sobre um fundo verde liso, além do fundo da cozinha. O Claude separou cada pose e as trocou no tempo, como um stop-motion de papel. Esse método funciona melhor para um visual truncado e artesanal. O Claude também consegue desenhar personagens simples feitos à mão direto no código.
Uma imagem, seis poses. O Claude alterna entre elas para fazer o gato se mover.
Som. As vozes vieram da ferramenta Create voice-over na OpenArt. Os efeitos sonoros e a música 8-bit foram escritos em código.
Direção. Mia descreveu uma história e um estilo, e o Claude resolveu o movimento. A mesma abordagem funciona para videoclipes com música original, explicativos e histórias curtas de marca. Se você prefere não trabalhar com código, o Gerador de Animação com IA cria vídeos animados a partir de um prompt.
Como Configurar o Claude e o OpenArt para Motion Graphics
Você só precisa fazer a configuração uma vez.
- Abra o Claude Code no aplicativo para desktop. Abra a aba Code, crie uma nova pasta de projeto, abra-a no Claude Code e permita o acesso. Se você é novo em criar visuais no Claude, comece por este Guia de geração de imagem e vídeo do Claude Opus 5.5.
- Adicione o plugin do Remotion. Remotion é a biblioteca de código que transforma o código do Claude em vídeo. No app de desktop do Claude, selecione Code, depois Customize, depois Plugins e então Discover. Pesquise "remotion" e adicione o plugin.
- Execute o prompt de configuração. O pacote de configuração está no link na descrição do vídeo. O prompt instala o Node.js e o Git caso estejam faltando, configura um projeto Remotion, adiciona templates e um arquivo de regras e cria um pequeno vídeo de teste. Defina as permissões como "aceitar edições" para o Claude trabalhar sem perguntar a cada passo.
- Conecte o OpenArt MCP. No Claude desktop ou no claude.ai, vá em Customize e depois em Connectors. Clique em Add custom connector, dê o nome de OpenArt e cole esta URL do servidor:
https://mcp.openart.ai/mcp. Clique em Adicionar, depois em Conectar, e faça login com sua conta do OpenArt. Os passos completos para outros agentes estão na Página do MCP.
Uma observação sobre as ferramentas: o OpenArt MCP gera as imagens e os vídeos, e o Claude cuida da animação no código. Extract Layers e Create voice-over funcionam no site da OpenArt. Crie as camadas ou a narração lá, salve-as, e o Claude as puxa da sua conta.
Uma observação sobre o Remotion: é gratuito para pessoas físicas e equipes de até 3 pessoas. Empresas com 4 ou mais pessoas precisam de uma licença corporativa do Remotion.
Comece com um pequeno projeto, como um único slide de carrossel animado. Depois que a pasta e a biblioteca de estilos estiverem prontas, faça o resto em lote.
Quanto custa?
Há duas contas envolvidas.
Claude. Você precisa do Claude Code no app de desktop do Claude.
OpenArt. Os créditos são gastos no que o OpenArt gera: imagens, clipes de vídeo, camadas e narrações. Editar texto, tempo e movimento em código não consome créditos do OpenArt. Essa é a principal economia em comparação com regerar vídeo com IA até o texto sair certo.
| O que você precisa | De onde vem |
|---|---|
| Acesso ao OpenArt MCP | Incluído em todos os planos do OpenArt, a partir do Starter por US$ 14/mês |
| Imagens e personagens | GPT Image 2.5 e outros modelos de imagem no OpenArt |
| Clipes de produto | Seedance 2.5 e outros modelos de vídeo no OpenArt |
| Camadas e voz | Extract Layers e criar narração no OpenArt |
| Animação e texto | Claude Code com Remotion |
Se as artes em movimento forem para trabalhos de clientes ou anúncios, saiba que os direitos comerciais se aplicam a planos pagos elegíveis. Contas novas recebem 40 créditos grátis para testar, sem precisar de cartão de crédito. Confira o página de preços para planos e créditos atuais.
Perguntas Frequentes
O Claude pode criar motion graphics?
Sim. Com o Claude Code e o plugin do Remotion, o Claude escreve a animação como código e a exporta como vídeo. O Claude não tem um modelo de imagem próprio (aqui está por que o Claude não consegue gerar imagens), então combine com o OpenArt MCP. O Claude então também funciona como um Gerador de Vídeo com IA no Claude e pode criar as imagens, personagens e clipes que anima.
Preciso de After Effects ou habilidades de animação?
Não. Tudo no tutorial foi feito sem After Effects. Você descreve a história, o estilo e as cenas em palavras simples, e o Claude cuida do movimento.
Por que manter texto fora do prompt de vídeo com IA?
Os modelos de vídeo com IA desenham o texto como parte da imagem. Se uma palavra estiver errada, você precisa gerar o clipe inteiro de novo. Quando o texto fica no código, você corrige com uma edição rápida e o resto do vídeo permanece exatamente igual.
O que é a configuração de Claude e Remotion?
O Remotion é uma biblioteca de código para fazer vídeos. O plugin Remotion para o Claude Code dá ao Claude o que ele precisa para criar projetos no Remotion. Você o adiciona na seção Plugins do app desktop do Claude.
O Remotion é gratuito?
O Remotion é gratuito para pessoas físicas e equipes de até 3 pessoas. Empresas com 4 ou mais pessoas precisam de uma licença empresarial da Remotion.
De qual plano da OpenArt eu preciso?
O OpenArt MCP funciona em todos os planos, incluindo o Starter. Planos maiores dão mais créditos mensais para imagens e clipes. Direitos comerciais se aplicam nos planos pagos elegíveis.