# Search Reveal: Анимация строки поиска

Вспомогательные окружности раскрываются в строку поиска, ваш текст набирается, а затем появляется абстрактная графическая панель. Видеошаблон: код для Claude или монтаж в Subclip.

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

Тонкие вспомогательные окружности разрастаются и защелкиваются в строку поиска, ваш текст набирается, а за ней открывается яркая графическая панель.

- Фреймворк: Remotion
- Категория: Интерфейс
- Длительность: 4 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/search-reveal

Все начинается с тонких серых вспомогательных колец, которые растут на бледно-сиреневом фоне, как будто дизайнер строит фигуру. Кольца защелкиваются в белое скругленное поле поиска, текст сам набирается по одному символу, а за полем открывается фиолетовая панель с лаймовыми фигурами. Вся последовательность занимает меньше четырех секунд.

Вы можете задать набираемый текст, ширину поля, размер шрифта и скорость набора, показать или скрыть панель и вспомогательные окружности и изменить каждый цвет: текста, поля, колец, панели, акцента и фона. Используйте шаблон для раскрытия названия продукта или бренда, демонстрации функции поиска или вступления к ИИ-инструменту.

## Для чего подходит

- Раскрытие названия бренда
- Демо функции поиска
- Вступления к ИИ-инструментам
- Начало видео о запуске приложения

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `text`: Набираемый текст (Текст)
- `fieldWidth`: Ширина поля (Число)
- `fontSize`: Размер шрифта (Число)
- `framesPerCharacter`: Скорость набора (кадров на символ) (Число)
- `showPanel`: Показывать графическую панель (Вкл. или выкл.)
- `showGuides`: Показывать вспомогательные окружности (Вкл. или выкл.)
- `color`: Цвет текста (Цвет)
- `fieldColor`: Цвет поля (Цвет)
- `ringColor`: Цвет вспомогательных окружностей (Цвет)
- `panelColor`: Цвет панели (Цвет)
- `accentColor`: Акцентный цвет (Цвет)
- `backgroundColor`: Цвет фона (Цвет)
- `reducedMotion`: Уменьшенное движение (Вкл. или выкл.)
- `stageBackground`: Фон вокруг сцены (Текст)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Search Reveal и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Search Reveal из remocn: https://remocn.dev