# Search Reveal: Animación de barra de búsqueda

Unos círculos de construcción se expanden hasta formar una barra de búsqueda, se escribe tu texto y aparece un panel gráfico abstracto. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/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

Finos círculos de construcción se expanden y encajan en una barra de búsqueda, tu texto se escribe solo y detrás se abre un panel gráfico colorido.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 4 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/search-reveal

Empieza con finos anillos grises de construcción que crecen sobre un fondo lila pálido, como cuando un diseñador traza una forma. Los anillos encajan en un campo de búsqueda blanco y redondeado, el texto se escribe solo carácter a carácter y detrás del campo se abre un panel morado con formas verde lima. Toda la secuencia dura menos de cuatro segundos.

Puedes definir el texto que se escribe, el ancho del campo, el tamaño de fuente y la velocidad de escritura, mostrar u ocultar el panel y los círculos guía, y cambiar cada color: texto, campo, anillos, panel, acento y fondo. Úsalo para revelar un nombre de producto o de marca, mostrar una función de búsqueda o presentar una herramienta de IA.

## Úsala para

- Revelados de nombres de marca
- Demos de funciones de búsqueda
- Intros de herramientas de IA
- Aperturas de lanzamientos de apps

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `text`: Texto escrito (Texto)
- `fieldWidth`: Ancho del campo (Número)
- `fontSize`: Tamaño de fuente (Número)
- `framesPerCharacter`: Velocidad de escritura (fotogramas por carácter) (Número)
- `showPanel`: Mostrar el panel gráfico (Activado o desactivado)
- `showGuides`: Mostrar los círculos guía (Activado o desactivado)
- `color`: Color del texto (Color)
- `fieldColor`: Color del campo (Color)
- `ringColor`: Color de los círculos guía (Color)
- `panelColor`: Color del panel (Color)
- `accentColor`: Color de acento (Color)
- `backgroundColor`: Color de fondo (Color)
- `reducedMotion`: Movimiento reducido (Activado o desactivado)
- `stageBackground`: Fondo alrededor de la escena (Texto)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Search Reveal y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Search Reveal de remocn: https://remocn.dev