# Outline Trace: Animação de texto em contorno

O contorno de cada letra se desenha como um traço, uma letra por vez, e depois o preenchimento sobe por dentro. Template de vídeo: copie o código para Claude ou edite no Subclip.

Canonical URL: https://www.subclip.app/pt/motion-graphics-templates/remotion/outline-trace

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-outline-trace.mp4?v=bcc39906b9

O contorno de cada letra se desenha traço a traço, uma letra depois da outra, e então o preenchimento sobe dentro das letras.

- Framework: Remotion
- Categoria: Títulos
- Duração: 3 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/outline-trace

Sobre um fundo laranja, a palavra "Outline" aparece como traços finos que seguem os contornos reais de cada glifo, uma letra depois da outra. Quando os contornos terminam, um preenchimento sobe dentro de cada letra e o traço se funde nele, deixando um texto sólido. A animação dura cerca de dois segundos e meio e usa os contornos reais da fonte Inter.

Você pode definir o texto, as cores do preenchimento e do traço, o tamanho da fonte, a espessura do traço e o atraso entre as letras, e escolher se as letras são preenchidas e se o traço permanece. Use para revelações de logo, títulos que se constroem, títulos educativos e aberturas com cara de feitas à mão.

## Use para

- Revelações de logos e logotipos
- Títulos que se constroem
- Títulos educativos e de cursos
- Aberturas limpas

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `text`: Texto (Texto)
- `color`: Cor do preenchimento (Cor)
- `strokeColor`: Cor do traço (Cor)
- `fontSize`: Tamanho da fonte (Número)
- `strokeWidth`: Espessura do traço (Número)
- `stagger`: Atraso entre as letras (Número)
- `fill`: Preencher as letras (Ligado ou desligado)
- `keepStroke`: Manter o traço (Ligado ou desligado)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Outline Trace e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Outline Trace do remocn: https://remocn.dev