# Long Shadow: Анимация иконки

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

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/long-shadow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-long-shadow.mp4?v=3e1633329b

Красный значок с галочкой упруго появляется с плоской длинной тенью до края, которая затем поворачивается, будто сдвинулся свет.

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

На белом фоне красный значок с белой галочкой упруго вырастает из нулевого размера, и от него до края кадра под углом 45 градусов протягивается светло-серая плоская тень. Затем свет поворачивается, и тень упруго уходит на 135 градусов, слегка перелетая, прежде чем встать на место. Анимация длится чуть больше двух секунд.

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

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

- Моменты успеха
- Раскрытие иконок приложений
- Ролики о плоском дизайне
- Списки функций

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

- `speed`: Скорость воспроизведения (Число)
- `angleFrom`: Начальный угол (Число)
- `angleTo`: Конечный угол (Число)
- `fade`: Затухание тени (Число)
- `shadowColor`: Цвет тени (Цвет)
- `background`: Цвет фона (Цвет)
- `iconColor`: Цвет значка (Цвет)
- `checkColor`: Цвет галочки (Цвет)
- `stageBackground`: Фон вокруг сцены (Цвет)

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

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

Основан на Long Shadow из remocn: https://remocn.dev