Simple MotionКинетическая типографика для запуска продукта под бит 120 BPM
<direction> Сделай 24-секундный анонс моего продукта в стиле кинетической типографики, горизонтальный 1920x1080, 30 к/с, ровно 23,8 с, без голоса и без снятого видео: всё нарисовано. Идея: одно жирное слово строчными буквами на кадр, жёсткая склейка каждую секунду под бит 120 BPM, короткая демонстрация продукта в середине, затем печатная пауза, дроп и быстрый тур по работающему продукту, финал на спокойном закрывающем слове. Размести мой знак логотипа внизу слева в каждом кадре со словом и перерисуй экраны моего продукта простым плоским интерфейсом (боковая панель, карточки, график, видеоплеер). Каждое слово и строка в кавычках ниже — пример, который нужно заменить на данные моего продукта: 15-18 отдельных слов-функций, к каждому короткая фраза на плашке, три шага, несколько строк, которые вводит пользователь, с ответами, а также название моего продукта и его веб-адрес. Избегай плавных переходов, медленного дрейфа, снятого видео, закадрового голоса и целых предложений в кадрах-заголовках. </direction> <structure> 1. 0.00-0.97: «type.» на светлой странице, влетает слева. Курсор скользит из правого нижнего угла к розовой точке: ореол при наведении, волна от клика, и под точкой раскрывается розовая подсказка с текстом «Describe your idea.», шагом «01» и кнопкой-стрелкой. 2. 0.97-1.97: «ideas.» на тёмно-синем фоне (deep ink), левее центра, справа. На 1,5 с розовая подсказка шага выскакивает от своего левого края (back out, перелёт около 22%, в покое 543 x 196 px): «Type your idea. Live preview.», шаг «02», стрелки назад и вперёд. 3. 1.97-2.97: «edit.» на розовом, справа, под ним плашка «Edit in words». Курсор тянет пунктирное выделение по концу слова и точке, которые затем размываются (размытие фона 18 px); маленький белый пузырёк у логотипа говорит «No keyframes». 4. 2.97-3.93: «move.» на светлой странице, снизу, плашка «3D effects». На 3,5 с плашка исчезает, и камера ныряет в точку: масштаб растёт как e^(0.0251 n²), n — кадры с начала погружения, центр на точке, пока её розовый цвет не заполнит кадр. 5. 3.93-4.97: на этом розовом «sound.» вырастает от 0,42 до 1 (power2 in-out, 0,23 с, лёгкий перелёт); затем его буквы прыгают как индикатор уровня (новый случайный подъём и масштаб каждый кадр, затихая). Белая пилюля с иконкой ноты, живой волной (сыгранные столбики розовые, остальные бледно-розовые) и текстом «Music and sound effects». 6. 4.97-5.97: «vertical.» на светлой странице, слева, под ним лавандовая пилюля «Vertical». На каждой восьмой доле слово меняется на «horizontal.», «square.», «MP4.»: за 3 кадра старое слово поднимается на 135 px, размывается и исчезает, а новое выезжает снизу с 300 px из размытия (power2 out), текст пилюли меняется при приземлении. Тёмный пузырёк у логотипа говорит «Try it free». 7. 5.97-6.97: «fonts.» на розовом, сверху, с почти чёрной кнопкой «Try it free»; затем жёсткие склейки каждые 0,25 с на то же слово мягким антиквенным шрифтом на фиолетовом (жёлтая точка), плотной чёрной гротескной гарнитурой на оранжевом (белая точка) и узким начертанием на бирюзовом (точка цвета deep ink), у каждого свой цвет кнопки. 8. 6.97-7.97: «free.» на deep ink, слева. Белая адресная строка выскакивает с перелётом, показывая адрес моего продукта и розовую кнопку «Open app»; курсор кликает по ней, появляется галочка, и внутри кнопки расходится волна. 9. 7.97-8.97: «live.» на светлой странице, справа; под ним однострочный embed-сниппет в белом блоке кода, тег iframe с адресом моего продукта (тег розовый, атрибут оранжевый, строка фиолетовая). На 8,4 с окно браузера падает сверху позади слова (power2 in, 2 кадра, с размытием) и приземляется. 10. 8.97-9.97: «export.» на розовом, снизу; три белые карточки влетают одна за другой с интервалом 2 кадра, перелетают примерно на 28 px и успокаиваются: «Pick a template» 01, «Describe your idea» 02, «Refine in words, then export» 03. 11. 9.97-11.47: «in a chat.» мелко (140 px) вверху, слева. Под ним снизу выезжает панель управления моего продукта в окне браузера (expo out за 0,29 с примерно с 725 px, с размытием): боковая панель цвета deep ink с моим знаком, карточки шагов и растущий розовый график, и розовая подсказка тура «Describe the video. The agent animates it.». Курсор нажимает её стрелку «далее», и страница вспыхивает белым, переходя на следующую с подсказкой «The preview updates as you talk.». 12. 11.47-12.97: «as an MP4.» на розовом, продукт в виде затемнённого видеоплеера, поднимающегося снизу. Курсор нажимает белую кнопку play, обложка поднимается, кнопка складывается, и видео наезжает (1,34x, power3 out) на первую карточку, пока появляются подсказка «Pick a template.» и пульсирующая розовая точка-хотспот. 13. 12.97-13.97: пауза на deep ink. «your AI» проявляется слово за словом с оранжевой текстовой кареткой, строка перецентрируется при добавлении «motion», каретка мигает 4 кадра вкл., 4 выкл.; затем 7 кадров почти чёрного. 14. 13.97-14.97: дроп на розовом. Кольцо тонких белых линий скорости взрывается наружу за 6 кадров, и «designer.» врезается в 2x, проседает до 0,88 и пружинит через 1,03 в покой за 0,45 с. 15. 14.97-20.97: продукт в работе. Окно приложения въезжает справа на светлую страницу: чат слева и сцена справа («Your AI motion designer», две стартовые кнопки «Pick a template» и «Describe your idea»). Камера наезжает на чат (1,77x за 4 кадра): пузырь запроса «Kinetic type, shapes and sound», три точки размышления, печатный ответ «Describe the video. The agent animates it.». Камера отъезжает, пока сцена открывает окно браузера с выбором шаблонов (шесть карточек), наезжает на чат и экран вместе, пока печатается «No keyframes to hunt for. Say what should change.» и приходит пузырь «'Bigger', 'slower', 'another colour'», отъезжает, пока сцена превращается в играющее видео, и завершается общим планом. Каждое быстрое движение занимает 3-6 кадров с лёгким размытием. 16. 20.97-21.97: «words.» на розовом, слева; белая карточка чата, где появляется запрос «'Bigger', 'slower', 'another colour'», затем ответ «The preview updates as you talk.». 17. 21.97-22.97: «gets it.» на deep ink, справа; белая полоса из четырёх ячеек выскакивает (от 0,83 до 1 с back out): TYPE «Bigger», MOTION «Slower», COLOUR «Another colour», EXPORT «MP4». 18. 22.97-23.80: «in motion.» на светлой странице, сверху, бирюзовая пилюля «Live preview · Vertical», вторая половина которой каждые 7 кадров меняется на «Horizontal», «Square» и «MP4 export». Последняя надпись — адрес моего сайта. </structure> <composition> Палитра: светлая страница #FAF9FF, deep ink #1C0B5D (тёмные фоны и тёмный текст), почти чёрный #0D0B1E (кнопки, затемнение), основной акцент розовый #FB2D89 (также цветные фоны), оранжевый #FE9117 (акцент на тёмном), фиолетовый #7C6CF2, бирюзовый #2DD4B0 и жёлтый #FFD23F только для смен тем, лавандовые панели #F0EDFF, приглушённый текст #6B6385, тонкие линии #E9E4F2, белый. Кадры чередуют три фона: светлая страница со словами цвета deep ink и розовой точкой; deep ink с белыми словами и оранжевой точкой; розовый с белыми словами и точкой цвета deep ink. Слова-заголовки: Mona Sans Black с шириной 112,5%, 250-315 px, межбуквенный интервал -0,06 em, строчные, по центру, всегда с цветной круглой точкой шириной 0,2 em на базовой линии. Текст интерфейса — Inter 400-700. Для карусели тем: один момент с антиквой Fraunces 600 с мягкими окончаниями, одна плотная гротескная гарнитура (Inter Black при -0,1 em) и одно узкое начертание (Mona Sans с шириной 75%). Код — Geist Mono. Оформление каждого кадра со словом: подпись заглавными слева вверху (Mona Sans 600 expanded, 19 px, трекинг +0,25 em; deep ink 55% на светлом, белый 52% на тёмном, белый 62% на цветном), тонкая линейная иконка справа вверху (30 px, тот же цвет, появляется за 3 кадра после каждой склейки) и мой знак логотипа внизу слева в виде скруглённого квадрата 78 px. </composition> <techniques> Склейки жёсткие и попадают в бит, каждые 2 доли (1,0 с); четыре смены тем попадают на восьмые доли. Каждое новое слово влетает со стороны, по очереди слева, справа, сверху, снизу: стартует примерно за 500 px и успокаивается за 0,14 с с expo out, затухая примерно в 5 раз за кадр, с размытием вдоль направления движения, пропорциональным оставшемуся расстоянию (около 0,11 px размытия на px), приземляясь чётко. Подпись заглавными расшифровывается на каждой склейке: по 3 буквы за кадр, перемешанные буквы и цифры опережают на 7 и меняются каждый второй кадр; пробелы и средняя точка остаются. Элементы интерфейса выскакивают: на первом кадре видны наполовину, через кадр полностью, масштаб от 0,7-0,85 с back out (перелёт около 10%) за 0,26 с. Логотип подпрыгивает на 6 px за кадр перед каждой долей и испускает розовое гало (белое на розовом фоне), которое растёт до 1,68x и гаснет с 34% до 6% в течение доли. Курсоры — чёрная стрелка с белой обводкой, плавно въезжающая с power3/power4 out, клик с лёгким сжатием и кольцом волны. </techniques> <music> Сделай оригинальную бодрую глянцевую электро-поп-подложку 120 BPM, 4/4, ровно по длине видео: упругий стаккатный синтбас, чёткие клэпы, чёткие хэты, яркие щипковые и несколько нарезанных вокальных стабов «woo», без слов. Полная энергия с первой доли, сильные доли каждые 2 с начиная с -0,03 с, чтобы каждая склейка попадала на долю. На 12,97 с бит пропадает, остаются только фильтрованный брейкдаун и райзер под печатной паузой; на 13,97 с полный грув обрушивается обратно на взрыв с глубоким бумом. Короткое затухание в конце. </music> <sound> Без закадрового голоса. Поверх музыки: короткий воздушный свуш с пиком на каждой склейке, мягкие щелчки на каждом появлении, тики на сменах тем и печатных словах, короткий райзер перед погружением и суб-дроп, когда цвет заполняет кадр, быстрые свуши на движениях камеры, глухой удар, когда приземляется окно браузера, и бум на последней склейке. Микс около -14 LUFS, true peak ниже -1 dBTP. </sound>
Использовали 7 раз
