# Gráficos animados

> Descreva uma tarja inferior, cartela de título ou tipografia cinética, e a IA a anima em 2D, em Lottie com cor e texto editáveis grátis, até 60 segundos.

Source: https://nodaro.ai/pt-BR/docs/nodes/video/motion-graphics

O nó **Gráficos animados** (Motion Graphics) cria gráficos animados em 2D a partir de uma descrição: tarjas inferiores, cartelas de título, tipografia cinética, formas animadas e animações de linhas. Um modelo de IA cria o gráfico, e o painel de configurações mostra uma prévia dele. Conecte o resultado ao [**Renderizar vídeo** (Render Video)](https://nodaro.ai/docs/nodes/video/render-video) para ter um arquivo de vídeo, ou coloque o gráfico sobre a sua filmagem com o [**Sobreposição Lottie** (Lottie Overlay)](https://nodaro.ai/docs/nodes/video/lottie-overlay).

- Found in: Video › Titles, Graphics & Captions
- Output: video
- API type: `motion-graphics`

## Quando usar
- Você precisa de uma tarja inferior animada com nome e cargo para uma entrevista ou uma apresentação.
- Você precisa de uma cartela de título, uma abertura, um encerramento ou uma cartela final com chamada para ação.
- Você quer tipografia cinética a partir de uma citação ou de uma letra de música.
- Você quer animações de formas e de linhas para um vídeo explicativo.
- Você quer um gráfico transparente, como um lembrete de inscrição ou um selo de promoção, para colocar sobre outro vídeo.

## Início rápido
### Adicionar o nó
Pressione Tab no canvas e escolha **Vídeo › Títulos, gráficos e legendas › Gráficos animados**.

### Descrever o gráfico ou escolher uma predefinição
No painel de configurações, descreva o gráfico em **Prompt de gráficos animados**. Coloque as palavras exatas entre aspas, por exemplo `modern lower third, "John Smith - CEO", pink accent, white text, snappy`. Você também pode escolher uma predefinição de fábrica, como **Tarja inferior** ou **Cartela de título**.

### Conferir o quadro
Em **Configurações**, confira a **Duração (s)**, a **Proporção** e a **Cor de fundo**. Mantenha o fundo transparente para uma sobreposição ou escolha uma cor sólida para uma cartela independente.

### Executar
Clique em **Executar**. A prévia no painel de configurações reproduz o gráfico. No mecanismo Lottie, a seção **Campos** então lista o que você pode editar de graça.

### Usar o resultado
Conecte **Composição** ao [Renderizar vídeo](https://nodaro.ai/docs/nodes/video/render-video) para ter um arquivo de vídeo. Para colocar o gráfico sobre um vídeo, conecte **JSON do Lottie** à entrada **Lottie** do [Sobreposição Lottie](https://nodaro.ai/docs/nodes/video/lottie-overlay).

Workflow: Uma tarja inferior do Gráficos animados é colocada sobre uma entrevista pelo Sobreposição Lottie e depois renderizada.

- Gráficos animados → Sobreposição Lottie (lottie)
- Enviar vídeo → Sobreposição Lottie (vídeo)
- Sobreposição Lottie → Renderizar vídeo (composição)

## Entradas
| Entrada | Aceita | O que faz |
| --- | --- | --- |
| **Vídeo** | Nós de vídeo | Contexto opcional. O nó cria o gráfico a partir do prompt e não precisa de uma entrada para ser executado. |

## Saídas
| Saída | O que leva | Conecte a |
| --- | --- | --- |
| **Composição** | O plano de gráficos animados | [Renderizar vídeo](https://nodaro.ai/docs/nodes/video/render-video), para ter um arquivo de vídeo |
| **JSON do Lottie** | A animação Lottie criada. Só no mecanismo Lottie. | A entrada **Lottie** do [Sobreposição Lottie](https://nodaro.ai/docs/nodes/video/lottie-overlay), para colocá-la sobre um vídeo |

## Configurações
| Configuração | O que faz |
| --- | --- |
| **Mecanismo** | **Lottie (criado por IA)** ou **Clássico (elementos)**. Os nós novos começam no Lottie. Veja [Qual mecanismo escolher](#which-engine-to-choose). |
| **Modelo de IA** | O modelo de linguagem que cria o gráfico. O padrão é o **Claude Sonnet 4.6**. O nível do modelo (**Econômico**, **Padrão** ou **Premium**) define o preço. |
| **Esforço de raciocínio** | Aparece nos modelos que conseguem raciocinar. **Automático (padrão do modelo)** mantém o preço. **Muito alto** e **Máximo** podem cobrar um nível acima. |
| **Modo avançado** | Só nos modelos Gemini. Libera **Temperatura**, **Máx. de tokens** e toda a faixa de raciocínio, e custa um nível de créditos a mais, até o nível Premium. |
| **Prompt de gráficos animados** | A descrição do gráfico. O botão de informações ao lado do campo abre um breve guia de prompt. |
| **FPS** | `24`, `30` ou `60` quadros por segundo. O padrão é `30`. Fica em **Configurações**. |
| **Duração (s)** | De 1 a 60 segundos. O padrão é 5. Fica em **Configurações**. |
| **Proporção** | `16:9` (o padrão), `9:16`, `1:1` ou `4:5`. Fica em **Configurações**. |
| **Cor de fundo** | Uma cor hexadecimal de 8 dígitos, com transparência. O padrão, `#00000000`, é totalmente transparente. Fica em **Configurações**. |
| **Texto antes e depois** | Texto adicionado antes e depois do prompt no momento da execução. Ele fica oculto para quem usa o seu workflow como app. Veja [Texto antes e depois do prompt](https://nodaro.ai/docs/concepts/prompt-pre-post-text). |

## Qual mecanismo escolher
| | Lottie (criado por IA) | Clássico (elementos) |
| --- | --- | --- |
| **O que o modelo escreve** | Uma animação Lottie completa, com campos nomeados e editáveis | Uma lista compacta de textos, formas, linhas e transições |
| **Movimento** | Mais rico, no estilo de animação feita à mão | Mais simples e rápido |
| **Execução** | Uma tarefa em segundo plano; a prévia é atualizada quando o plano fica pronto | Retorna na hora |
| **Edições grátis depois da execução** | Sim, em **Campos** | Não |
| **Saída JSON do Lottie** | Sim | Não |
| **Créditos** | Mais nos modelos Padrão e Premium, porque o modelo escreve uma animação muito maior | Menos nos modelos Padrão e Premium |

O mecanismo não muda as etapas seguintes: os dois mecanismos retornam uma composição para o [Renderizar vídeo](https://nodaro.ai/docs/nodes/video/render-video).

### Regras das animações Lottie
- **Só vetores.** A animação não pode conter imagens. Formas, caminhos, degradês e texto funcionam. Um plano que usa imagens é recusado e gerado de novo.
- **As expressões são removidas.** O Nodaro remove as expressões Lottie de todos os planos, por segurança.
- **Vinte fontes.** O texto usa uma lista de 20 fontes web. Uma fonte fora da lista é substituída pela Inter.
- **Limites de tamanho.** Um plano pode ter até 50 camadas e 128 KB. Um plano maior é recusado.

No mecanismo Clássico, as fontes vêm de um conjunto selecionado. Descreva no prompt o estilo que você quer, como “modern sans-serif” ou “elegant serif”.

## Editar os campos de graça
Um gráfico Lottie tem **campos nomeados**, como uma cor principal, um nome ou um título. Depois de uma execução, a seção **Campos**, abaixo da prévia, lista esses campos:

- As **cores** mostram um seletor de cor.
- Os **textos** mostram um campo de texto.
- Os **números e pontos** mostram campos numéricos.

Cada campo mostra um controle para redefini-lo depois que você o altera. As edições de campos alteram a animação existente no próprio lugar: elas não custam créditos, não geram o gráfico de novo, e a prévia é atualizada enquanto você digita. Quando você executa o nó de novo, o modelo mantém os mesmos nomes de campo, então as suas edições continuam valendo na nova versão.

**Campos em apps publicados.** Quando você adiciona o nó como uma entrada na caixa de diálogo de publicação, cada campo passa a ser editável no app publicado e no modo de apresentação. Quem usa o seu app pode mudar essas cores, esses textos e esses números a cada execução, de graça. Veja [Apps](https://nodaro.ai/docs/concepts/apps).

## Predefinições de fábrica
O Gráficos animados vem com 22 predefinições de fábrica em seis pastas. Todas usam o mecanismo Lottie.

| Pasta | Predefinições |
| --- | --- |
| **Títulos e texto** | Tarja inferior, Cartela de título, Tipografia cinética, Cartela de citação, Cartela final (CTA) |
| **Aberturas e logotipos** | Vinheta de logo, Abertura de canal, Contagem regressiva |
| **Redes sociais e CTA** | Lembrete de inscrição, Selo curtir + seguir, Selo de promoção, Destaque de story |
| **Interface e ícones** | Indicador de carregamento, Check de sucesso, X de erro, Barra de progresso, Notificação pop-up |
| **Sobreposições de efeitos** | Explosão de confete, Brilho cintilante, Linhas de velocidade |
| **Fundos** | Loop de manchas em degradê, Loop de padrão geométrico |

Cada predefinição é um briefing completo de direção de arte. Ela define o prompt, o mecanismo, a proporção, a duração e o fundo, e dá nome aos campos que expõe. As predefinições de sobreposição usam fundo transparente. As predefinições independentes, como as cartelas de título, a abertura, a contagem regressiva e os fundos, usam um fundo escuro opaco. Os campos de texto trazem um texto provisório, como “Jane Doe” ou “SUBSCRIBE”, para você digitar por cima.

Escolher uma predefinição substitui o prompt e essas configurações, e apaga qualquer animação que o nó tenha feito antes. Veja [Predefinições](https://nodaro.ai/docs/concepts/presets).

## Créditos
O Gráficos animados custa créditos em duas etapas:

1. **Criar o gráfico.** O preço segue o nível do **Modelo de IA**: Econômico, Padrão ou Premium. Nos modelos Padrão e Premium, o mecanismo Lottie custa mais que o Clássico, porque o modelo escreve uma animação muito maior. O selo de custo do nó no canvas mostra o preço para o mecanismo e o modelo que você escolheu.
2. **Renderizar.** O [Renderizar vídeo](https://nodaro.ai/docs/nodes/video/render-video) custa 55 créditos por renderização no Nodaro Cloud.

As edições de campos são grátis.

## Dicas
- **Coloque as palavras exatas entre aspas.** `"John Smith - CEO"` dá esse texto, em vez de um texto inventado pelo modelo.
- **Diga o estilo, as cores e a sensação.** Por exemplo, para o estilo: modern, minimal, neon, corporate ou elegant; para as cores: “pink accent, white text”; para a sensação: snappy, smooth ou cinematic.
- **Use a duração certa.** De 3 a 5 segundos combinam com uma tarja inferior, e de 5 a 10 segundos, com uma cartela de título. A tipografia cinética pode durar mais.
- **Mantenha as sobreposições transparentes.** Deixe a **Cor de fundo** em `#00000000` em tudo o que vai sobre outro vídeo.
- **Encadeie nós para sequências longas.** O máximo é de 60 segundos por nó.
- **Pela API.** O mecanismo padrão da API é o Clássico. Defina o mecanismo como Lottie na requisição para usar o mecanismo Lottie.

## Frequently asked questions

### Devo usar o mecanismo Clássico ou o Lottie?

Use o Lottie, o padrão dos nós novos, para um movimento mais rico, no estilo de animação feita à mão, e para campos que você pode editar de graça depois da execução. Use o Clássico para gráficos rápidos e simples, feitos de textos, formas e linhas. O Clássico retorna na hora e, nos modelos Padrão e Premium, custa menos.

### Posso mudar o texto ou as cores sem pagar de novo?

Sim, no mecanismo Lottie. Depois de uma execução, a seção “Campos” do painel de configurações lista as cores, os textos e os números nomeados do gráfico. Editá-los não custa créditos e não gera a animação de novo.

### Como coloco uma tarja inferior sobre o meu vídeo?

Faça a tarja inferior com o mecanismo Lottie e um fundo transparente. Conecte a saída “JSON do Lottie” dela à entrada “Lottie” de um nó “Sobreposição Lottie” que também recebe o seu vídeo e depois renderize a sobreposição com o “Renderizar vídeo”.

### Por que o fundo do meu gráfico está vazio?

A “Cor de fundo” padrão é totalmente transparente, para que o gráfico possa ficar sobre outro vídeo. Defina uma cor opaca para uma cartela de título independente.

### Qual pode ser a duração de um gráfico animado?

Até 60 segundos. Para uma sequência mais longa, faça vários gráficos e junte os clipes renderizados.