Когда просишь Claude собрать анимацию или ролик кодом, «сделай красиво» даёт средний результат. Название эффекта даёт конкретный. Ниже 14 эффектов: что делает каждый и какой фразой его попросить.
У моушн-дизайнеров для каждого приёма давно есть своё слово. Claude эти слова знает. Когда в запросе стоит «стаггер» или «овершут», ему не нужно угадывать, что для тебя значит «красиво», он берёт конкретный приём с понятной механикой.
Повод для гайда - пост Shohei, руководителя японской онлайн-школы Daytra. Он собрал свой список названий для промптов, и на 14.10 пост набрал около 64 тысяч просмотров и 2 тысячи закладок. Мы сделали свой словарик на общепринятых терминах.
Английское название полезно держать рядом: так эффект называют в документации библиотек анимации, и Claude понимает оба варианта.
| Эффект | Что делает | Как попросить |
|---|---|---|
| Плавность easing | Скорость меняется по ходу движения: разгон, торможение. Линейная скорость выглядит механически. | «Все движения с ease-out: быстрый старт и мягкое торможение в конце, без линейной скорости.» |
| Стаггер stagger | Одна и та же анимация запускается у группы элементов по очереди, с небольшой задержкой. | «Карточки появляются стаггером: каждая через 0,08 с после предыдущей, слева направо.» |
| Овершут overshoot | Элемент проскакивает конечную точку и возвращается назад. Движение выглядит живым. | «Кнопка выезжает с овершутом: проскакивает своё место на 10-15% и мягко встаёт обратно.» |
| Пружина spring | Движение по физике пружины: несколько затухающих колебаний вокруг цели. | «Анимируй увеличение пружиной: 2-3 затухающих колебания, полная остановка за 0,8 с.» |
| Предвосхищение anticipation | Короткое движение в обратную сторону перед основным. Зритель заранее понимает, что сейчас будет. | «Перед прыжком вверх логотип чуть приседает вниз на 0,15 с.» |
| Доводка follow-through | Главный объект остановился, а его части ещё догоняют и успокаиваются. | «Когда панель встаёт, подпись и тень догоняют её с запаздыванием 0,1 с.» |
| Сжатие и растяжение squash and stretch | Объект вытягивается в быстром движении и сплющивается при ударе, объём сохраняется. | «Мяч падает со сжатием и растяжением: в полёте вытянут, при ударе о пол сплющен.» |
| Маска-переход mask reveal | Новый кадр или текст проступает через форму: круг, полосу, букву. | «Переход маской: круг растёт из центра и открывает следующий кадр за 0,8 с.» |
| Шторка wipe | Новый кадр закрывает старый линией, которая проходит по экрану. | «Переход шторкой слева направо, край шторки наклонён на 20 градусов.» |
| Параллакс parallax | Слои на разной глубине движутся с разной скоростью: дальние медленнее ближних. Появляется объём. | «Параллакс из четырёх слоёв: дальний движется в 10 раз медленнее переднего.» |
| Морфинг shape morph | Одна форма плавно перетекает в другую, без склейки. | «Иконка морфится из круга в квадрат, потом в галочку, каждый шаг 0,6 с.» |
| Кинетическая типографика kinetic typography | Текст сам становится главным действием: слова влетают, растут, тянутся, меняют цвет. | «Заголовок кинетической типографикой: каждое слово влетает отдельно, ключевое слово крупнее и красным.» |
| Печатная машинка typewriter | Текст появляется по одному символу, как будто его набирают. | «Текст печатается эффектом печатной машинки, 25 символов в секунду, с мигающим курсором.» |
| Отрисовка линии line draw | Контур рисуется на глазах, будто его ведут ручкой. | «Логотип рисуется линией: контур за 1 с, потом заливка цветом.» |
Сделай HTML-анимацию 1920x1080, 15 секунд, тёмный фон, без звука. Сцена 1 (0-3 с): заголовок «Новая коллекция» кинетической типографикой - слова влетают по одному, ключевое слово крупнее и красным. Сцена 2 (3-8 с): шесть карточек товара появляются стаггером через 0,08 с, каждая с овершутом. Переход (8-9 с): маска-круг растёт из центра и открывает следующую сцену. Сцена 3 (9-13 с): фон из трёх слоёв с параллаксом, поверх цена печатается эффектом печатной машинки. Финал (13-15 с): логотип рисуется линией, потом увеличивается пружиной. Плавность везде ease-out, линейной скорости нет. Всё движение считай от одного таймера, чтобы анимацию можно было записать в видео кадр за кадром.
Подставь свой текст и цвета. Главное здесь - у каждой сцены есть время, у каждого элемента есть название эффекта, а плавность задана для всего ролика сразу.
Стаггер + овершут: список или карточки появляются по очереди, и каждая чуть проскакивает своё место. Маска-переход + кинетическая типографика: новый кадр открывается формой, и сразу в нём оживает заголовок. Параллакс + печатная машинка: фон живёт слоями, а текст спокойно набирается поверх. Предвосхищение + пружина: элемент чуть подаётся назад и выстреливает с пружинным качанием.
Мы учим двум вещам: делать AI-видео и работать с Claude так, чтобы он закрывал реальные задачи бизнеса. У меня есть бесплатный разбор на полтора часа - смотреть можно сразу после регистрации.
Смотреть разбор