# Search Reveal: Animação de barra de busca

Círculos de construção se expandem em uma barra de busca, seu texto é digitado e depois surge um painel gráfico abstrato. 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/search-reveal

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-search-reveal.mp4?v=38640e261d

Círculos finos de construção crescem e se encaixam em uma barra de busca, seu texto é digitado e um painel gráfico colorido se abre atrás dela.

- Framework: Remotion
- Categoria: Interface
- Duração: 4 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/search-reveal

Tudo começa com anéis finos e cinza de construção crescendo sobre um fundo lilás-claro, como um designer montando uma forma. Os anéis se encaixam em um campo de busca branco e arredondado, o texto se digita sozinho, um caractere por vez, e um painel roxo com formas verde-limão se abre atrás do campo. A sequência inteira leva menos de quatro segundos.

Você pode definir o texto digitado, a largura do campo, o tamanho da fonte e a velocidade de digitação, mostrar ou ocultar o painel e os círculos-guia e mudar todas as cores: texto, campo, anéis, painel, destaque e fundo. Use para revelar o nome de um produto ou de uma marca, demonstrar um recurso de busca ou abrir o vídeo de uma ferramenta de IA.

## Use para

- Revelações de nomes de marca
- Demos de recursos de busca
- Aberturas de ferramentas de IA
- Aberturas de lançamentos de apps

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `text`: Texto digitado (Texto)
- `fieldWidth`: Largura do campo (Número)
- `fontSize`: Tamanho da fonte (Número)
- `framesPerCharacter`: Velocidade de digitação (quadros por caractere) (Número)
- `showPanel`: Mostrar o painel gráfico (Ligado ou desligado)
- `showGuides`: Mostrar os círculos-guia (Ligado ou desligado)
- `color`: Cor do texto (Cor)
- `fieldColor`: Cor do campo (Cor)
- `ringColor`: Cor dos círculos-guia (Cor)
- `panelColor`: Cor do painel (Cor)
- `accentColor`: Cor de destaque (Cor)
- `backgroundColor`: Cor de fundo (Cor)
- `reducedMotion`: Movimento reduzido (Ligado ou desligado)
- `stageBackground`: Fundo ao redor da cena (Texto)

## 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 Search Reveal 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 Search Reveal do remocn: https://remocn.dev