# Анимация продукта — какие ролики работают и что подготовить для сценария

> Продуктовая анимация отвечает на один из трёх вопросов: как устроено, как работает или как собрать. Ролик начинают со сценария и раскадровки, затем делают аниматик — эти три этапа и согласовывают, потому что после рендера любая правка движения становится переделкой. Для сценария нужны: что главное показать, где будет ролик (формат и длительность), нужны ли музыка, озвучка и субтитры, и референсы.

Source: https://gluke.ru/ru/knowledge/product-animation · Author: Александр Глухов · Updated: 2026-10-08

Механизм, который раскрывается, выдвигается или собирается, фотографией не показать. Анимация показывает это за несколько секунд — если заранее понятно, что именно она должна объяснить.

## Три вида роликов

> **Схема:** Три карточки: «Как устроено» — детали разлетаются; «Как работает» — механизм выдвигается, стрелка движения; «Как собрать» — детали встают на место по шагам.
>
> Каждый ролик отвечает на один вопрос.

- **Как устроено** — детали разлетаются и собираются: внутреннее устройство, слои, состав.
- **Как работает** — механизм в движении: выдвижение, раскрытие, поворот, поток.
- **Как собрать** — инструкция по шагам вместо бумажной схемы.

## Раскадровка

> **Схема:** Пять кадров раскадровки по порядку: общий план, механизм, деталь крупно, устройство внутри, финал с логотипом.
>
> Раскадровку согласуют до анимации: переставить кадры на бумаге проще, чем в готовом ролике.

До анимации собирают раскадровку — последовательность кадров с подписями: общий план, механизм, деталь, устройство, финал с логотипом. Её согласуют до начала работы.

## Порядок работы

> **Схема:** Шкала из шести этапов: сценарий, раскадровка, аниматик — отмечены галочками согласования; затем свет и материалы, рендер, монтаж и звук. Под первыми тремя подпись «правки здесь — быстро», под остальными — «здесь — переделка».
>
> Движение и порядок кадров согласуют на первых трёх этапах.

Сценарий, раскадровка и аниматик — черновая версия движения без финального света и материалов — быстрые этапы: на них и согласовывают движение и порядок кадров. Свет, материалы и рендер — долгие: после них правка движения означает новый рендер. Подробнее — в статье [Этапы 3D-визуализации](https://gluke.ru/ru/knowledge/approval-stages).

## Что подготовить для сценария

- **Главное**, что должен понять зритель: одно-два преимущества, а не все сразу.
- **Где будет ролик**: сайт, маркетплейс, соцсети, выставка. От этого зависят формат — горизонтальный или вертикальный — и длительность.
- **Звук**: музыка, озвучка, субтитры. Если ролик будут смотреть без звука, субтитры обязательны. Кто подбирает музыку и с какой лицензией, обсудите заранее.
- **[Референсы](https://gluke.ru/ru/knowledge/glossary#reference)** — ролики, которые нравятся, с пояснением, что именно.
- **Фирменные материалы**: логотип в векторе, цвета, шрифты.

## Как это выглядит на практике

- [HARDI](https://gluke.ru/ru/projects/hardi): анимация выдвижения направляющих — 8 роликов преимуществ с озвучкой, субтитрами и логотипом — и видеоинструкция по сборке двери на подвесной системе.
- [Alphatent](https://gluke.ru/ru/projects/alphatent): анимация шатра — раскрытие в ширину, подъём, пауза, опускание, складывание; ткань просчитана симуляцией.
- [СибМастер](https://gluke.ru/ru/projects/sibmaster): анимация процесса горения — путь угля от колосниковой решётки до передачи тепла воде.

## Частые ошибки

- Начать без сценария: «сделайте красивый ролик про товар».
- Показать все преимущества в одном ролике.
- Менять движение после финального рендера.
- Забыть о субтитрах для просмотра без звука.

## Чек-лист

1. Что объясняет ролик: устройство, работу или сборку.
2. Одно-два главных преимущества.
3. Площадка, формат и длительность.
4. Музыка, озвучка, субтитры; лицензия на музыку.
5. Референсы.
6. Согласовать сценарий, раскадровку и аниматик.