Промпты сообщества

Анимация интерфейса

Анимация интерфейса: видео из Motion Fab вместе с промптами, по которым они сделаны. Откройте промпт в приложении, добавьте свои материалы, и агент соберёт видео.

Simple Motion

Бесшовный 15-секундный шоурил приложения в моушн-графике

<direction> Сделай 15-секундный горизонтальный шоурил в моушн-графике для моего приложения, 1920x1080, 60 кадров/с. Всё нарисовано графикой, без видеосъёмки. Единственное, что я предоставляю, — логотип приложения (иконка в виде квадрата со скруглёнными углами). Идея — одно непрерывное движение, где каждый раздел передаёт свой последний объект следующему. Точка становится логотипом, логотип становится названием, буквы становятся точками, точки становятся гоночными шарами, один шар заливает кадр, фигура распадается на плитки, плитки становятся 3D-облаком точек, а затем идут кинетические слова и финальная заставка. Каждый раздел демонстрирует один навык анимации. Используй плоские цвета, чёткие векторные формы и HUD видоискателя камеры поверх всего, со склейками, привязанными к треку 128 BPM. Избегай видеосъёмки, градиентов и текстур, закадрового голоса и любого раздела, который начинается с нуля, а не вырастает из предыдущего. </direction> <structure> 1. 0–1,9 с, почти чёрный фон: розовая точка лежит в тонком сером кольце, и кольцо раскрывается с expo.out. Второе кольцо выкатывается до слабого большого круга (0,45 с, expo.out). На 0,5 с мой логотип вырастает из точки, его слои выскакивают один за другим с back.out. На 0,92 с он становится крупнее, плавно поворачиваясь. Вокруг него появляется тонкое розовое кольцо из вращающегося моно-текста ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·", замени на свой) и медленно вращается. На 1,7 с знак сжимается с лёгким размытием обратно в маленькую светлую точку. 2. 1,9–3,5 с: на бите-дропе на 1,93 с из точки вылетают два диска: сначала светлый, а розовый на 30 мс позже (expo.out, 0,3 с), так что тонкое светлое кольцо скользит по розовому краю. Название моего приложения широким гротеском поднимается побуквенно от базовой линии: каждая буква обрезана по собственному боксу, с задержкой 30 мс и 0,26 с expo.out. Название всегда занимает одну и ту же ширину 1640 px. Над ним от центра прорисовывается тонкая тёмная линия, слева печатается "01", справа — мой веб-адрес. С 2,55 с по буквам проходит волна ширины: каждая сужается со 150% примерно до 55% ширины и возвращается за 0,6 с, через 0,1 с после предыдущей. Слово подгоняется под 1640 px каждый кадр, поэтому узкие буквы становятся выше. На 2,84 с под ним по словам поднимается светлый курсивный serif-слоган ("ideas in motion"). На 3,3 с буквы схлопываются в тёмные точки, а слоган исчезает. 3. 3,5–5,6 с: диагональная светлая шторка идёт из правого нижнего угла (0,16 с). Шесть тёмных точек по кривой подлетают к началу шести строк (power2.inOut, со сдвигом) и принимают цвета строк. Курсивный serif-заголовок печатается слева ("Chat instead of a timeline."), справа — моно-заметка ("NO KEYFRAMES · LIVE PREVIEW"), а на двух концах — метки дорожек "IDEA" и "MP4". - В каждой строке: розовый номер, моно-название ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview"), крошечная иконка кривой, которая сама прорисовывается, и линия дорожки, рисующаяся слева направо. - На 4,215 с шесть шаров (тёмный, фиолетовый, розовый, повторяя) мчатся на 1040 px ровно за 0,94 с, каждый со своей кривой: linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) и bounce.out. - Засечки над каждой дорожкой отмечают, где был шар на каждой 1/16 пути. За каждым шаром тянутся три затухающих призрачных кольца, шары вытягиваются вдоль скорости, точка едет по каждой иконке кривой синхронно, а по прибытии у каждого шара появляется контурное гало. - На 5,3 с строки гаснут, шары летят в центр и сливаются, а фиолетовый раздувается на весь кадр. 4. 5,6–7,5 с, фиолетовый: светлый круг упруго вырастает из точки (elastic.out, 0,45 с). Двенадцать спутников-точек выстреливают на орбиту (expo.out, с шагом 12 мс). - За ними — тонкие перекрестные направляющие, пунктирная круговая орбита с засечками и метками "270°" и "90°". - По бокам моно-надписи: слева "SHAPES NO KEYFRAMES", справа цитаты с просьбами правок ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”"). - Вокруг круга пульсируют розовые кольца-волны. - Затем фигура превращается: круг → треугольник → звезда → квадрат. Каждое превращение занимает 0,26–0,3 с на back.out(2,2) с поворотом на 120°, и розовые контуры-эхо тянутся за фигурой только пока она вращается. - Спутники превращаются чуть позже, один за другим, и исчезают на 7,22 с. Она останавливается как прямой квадрат 360 px. 5. 7,5–9,75 с, почти чёрный: квадрат распадается на девять плиток по 120 px. Лабиринт Труше растёт кольцо за кольцом, заполняя кадр (back.out, около 30 мс на кольцо); на каждой плитке две четвертьдуги в противоположных углах, нарисованные светлыми линиями 20 px. Через него проходят розовые волны: сначала две полосы слева направо, затем кольцо, сжимающееся к центру. Плитки внутри волны поворачиваются на 90 или 180 градусов, сжимаются до 80% и становятся розовыми, так что линии распадаются на штрихи, а после прохода полосы возвращаются. Внизу печатается маленькая моно-надпись ("SHAPES · TRANSITIONS · NO KEYFRAMES"). С 9,45 с плитки схлопываются от центра к краям. 6. 9,5–11,25 с: на месте плиток появляется сетка точек 24 x 24, вид сверху. Она наклоняется в перспективную плоскость и складывается в сферу, вазу, сплюснутый шар и тор, вращаясь вокруг вертикальной оси. Между формами движение идёт на power2.inOut, между соседними точками слабые линии, примерно каждая девятая точка розовая, а с глубиной точки тускнеют. Ниже моно-надпись ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). Облако пролетает сквозь камеру и исчезает на 11 с. 7. 11,25–13,0 с, кинетические слова: одно слово каждые 0,23 с, каждое на своём плоском фоне и каждое на всю ширину кадра с разной шириной одного шрифта. Замени шесть слов на свою фразу. - "IDEA": тёмное на розовом, влетает слева, масштаб от 1,3 до 1, размытие проясняется за 0,14 с. - "IN.": светлое на почти чёрном с розовой точкой, влетает справа с размытием, и маленькая моно-заметка вверху слева ("EDIT IN WORDS ↗"). - "VIDEO": ультраузкое фиолетовое на светлой странице, буквы поднимаются снизу с шагом 25 мс. - "OUT.": светлое на фиолетовом, влетает слева с размытием, с заметкой вверху справа ("↘ MP4 EXPORT"). - "NO": тёмное на жёлтом. Буквы падают под углами с back.out, затем контурные копии слова заполняют ряды сверху и снизу и прокручиваются в чередующихся направлениях, пока основной ряд дрейфует влево. - "KEYFRAMES.": светлое на почти чёрном, скользит влево с постоянной скоростью с тонкой диагональной линией, затем быстро уходит с размытием. 8. 13,0–15 с, финальная заставка: розовый заливает кадр справа, и из центра выкатывается светлое кольцо (0,42 с). Мой логотип влетает в центр с вращением (back.out) с небольшим всплеском конфетти из точек, колец и треугольников тёмного, светлого и фиолетового цвета, затем смещается влево от лого-блока. Название моего приложения падает рядом побуквенно, из размытия в резкость, по 0,22 с на букву. Под ним поднимается курсивный serif-слоган ("your AI motion designer"). Прорисовывается линия, под ней печатается моно-строка: "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT", маленькая точка записи, затем мой веб-адрес справа. Держи кадр последнюю секунду. </structure> <composition> Палитра, всё плоское: - глубокий почти чёрный #0d0b1e - ярко-розовый #fb2d89 (основной акцент) - светлая страница #faf9ff - мягкий фиолетовый #7c6cf2 - тёплый жёлтый #ffd23f, только для одной кинетической склейки Шрифты: - Широкий вариативный гротеск с осью ширины (Anybody, насыщенность 900, ширина 50–150%) для названия и кинетических слов. - Узкий редакторский serif-курсив (Instrument Serif Italic) для заголовков и слоганов. - Моно (JetBrains Mono) для надписей интерфейса, 14 px, межбуквенный интервал 0,16em. HUD видоискателя камеры поверх всего видео: - Тонкие уголки-скобки 2 px, на расстоянии 44 px от каждого угла. - Вверху слева: название моего приложения жирными моно-капсами с более тусклым слоганом после него ("APP NAME IDEAS IN MOTION"). - Вверху справа: метка текущего раздела ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE"). - Внизу слева: бегущий таймкод с кадрами ("00:00:03:09") и короткий слоган ("LIVE PREVIEW"). - Внизу справа: ещё один слоган ("NO KEYFRAMES"), четыре маленьких квадрата, загорающихся по одному на бит, и "MP4". - Вдоль нижнего края: линия прогресса 2 px, растущая со временем. HUD переключается между тёмными и светлыми чернилами на каждой склейке, чтобы читаться на любом фоне. Все надписи на экране — примеры, замени их своими. </composition> <techniques> - Каждый раздел заканчивается объектом, из которого вырастает следующий: точка в логотип, логотип обратно в точку, диски в название, буквы в точки, точки в шары, шар в фиолетовую заливку, квадрат в плитки, плитки в сетку точек, облако точек, пролетающее сквозь камеру в кинетические слова. - Метка каждого нового раздела HUD печатается за 0,3 с, со случайными символами, бегущими впереди курсора. Остальные моно-строки тоже печатаются. - Вариативная ширина шрифта: анимируй ось ширины каждой буквы и подгоняй всё слово под фиксированную ширину каждый кадр. - Появление букв обрезается по боксу каждой буквы. - Лёгкое смазывание движения только на быстрых движениях и слабая фиолетовая цветная кайма на большой ирисовой шторке. - Контуры-эхо, призрачные кольца и гало — тонкие розовые или в цвет объекта линии, быстро затухающие. </techniques> <music> Энергичный электронный синти-поп 128 BPM, первая доля на 0,06 с, ровно 15 с: - Мягкие колокольчатые пэды-аккорды в первом такте. - После дропа на 1,93 с: бас-бочка в каждую долю с хлопками на 2 и 4, хэты на слабую долю, мощный синтезаторный бас и короткие аккордовые акценты под разделами. - Брейк примерно с 10 с, нарастающий в кинетический раздел. - Звенящий финальный пэд-аккорд на финальной заставке. Разделы меняются на границах тактов, название приземляется на дроп на 1,93 с, а склейки кинетических слов приходятся на восьмые доли. </music> <sound> Без голоса. Удары поверх музыки: - райзер через первый такт - бум на дропе на 1,93 с - райзер примерно с 10 с до мощного удара на 11,25 с - бочка и короткий свист на каждой склейке кинетических слов - удар тарелки на 12,71 с - бум со звенящим пэд-аккордом, когда приземляется финальная заставка - маленький блип на 14,1 с Музыка ведёт трек, а удары чётко звучат поверх неё. </sound> <references> Шоурил моушн-дизайнера, скрещённый с техно-роликом запуска продукта. Он сочетает оверлей видоискателя камеры, смелую кинетическую типографику в швейцарском стиле, демонстрации кривых плавности, генеративные узоры из плиток Труше и вращающееся 3D-облако точек. </references>

Simple Motion

Объяснение продукта в стиле нарисованного рецепта напитка

<direction> Сделай квадратную моушн-графику на 30 секунд (1080x1080, 30 кадров/с) с лёгкой лаунж-музыкой, игривыми звуковыми эффектами на каждое действие и без голоса. Это нарисованное от руки объяснение-«рецепт» моего продукта: его шаги показаны как напиток, который шаг за шагом собирается в стакане. Это одна непрерывная иллюстрированная сцена без склеек, всё меняется на месте. Стиль — плоская 2D-иллюстрация на бледной лавандово-белой странице, с контурами цвета тёмных чернил, которые «кипят», как в рисованной анимации, и крупными мультяшными заглавными буквами в стиле стикеров. Замени каждое слово в кавычках ниже на слова моего продукта, сохраняя примерно ту же длину, чтобы вёрстка не поплыла. Избегай склеек, движений камеры, теней и градиентов, кроме плоских заливок, и закадрового голоса. </direction> <structure> Темп спокойный и ровный. Вступление быстрое и пружинистое, каждая заливка длится ровно 5 с, помешивание и завиток идут чуть быстрее, а финал держится 3 с. Каждая смена карточки приходится на долю музыки в 120 BPM: 6,0, 11,0, 16,0, 21,0, 24,5 и 27,0 с. - 0–2,5 с, заголовок: «YOUR BRAND» (замени на свой бренд) крупно по центру, шириной около 920 px. С 0,15 с его буквы по одной «штампуются» на своих местах за 0,83 с. Каждая начинается с 10% размера, на 22 px ниже и с наклоном ±8–14°, и приземляется за 0,36 с с мягким перелётом (back.out 1.7). На 1,4 с под ним проявляется маленькая строка «what your product is», а на 2,45 с она исчезает. - 2,5–3,6 с, передача: заголовок поднимается на 365 px и уменьшается до 58% за 0,8 с (power3.inOut), становясь шапкой. Тем временем с 2,87 с стакан рисуется сам, как набросок пером: левая стенка, правая стенка, эллипс края, затем кривая дна, всего около 0,4 с. Затем его заливка проявляется (0,28 с), а подзаголовок шапки проявляется под заголовком. - 3,6–6,0 с, шаг 1: карточка появляется с наклоном 4° и быстрым проявлением (0,15 с), а её крупное значение штампуется само по себе. Карточка гласит «STEP 01», «PICK», «TEMPLATE» и «vertical, horizontal or square». Проявляется трекер с первым активным кружком. Три кубика льда падают сверху за кадра с интервалом 0,35 с. Каждый падает с гравитацией (power2.in, около 0,3 с), отскакивает примерно на 140 px, подпрыгивает на 20 px и оседает: два на дне и один сверху. Три маленьких штриха-искры вспыхивают над каждым кубиком, когда он проходит край. Каждое приземление заполняет треть индикатора выполнения карточки и добавляет по одному слову статуса «three short words». - 6,0–21,0 с, шаги 2–4: три заливки по 5 с, все по одной схеме. Карточки гласят «STEP 02 / SAY / KINETIC TYPE / tell the chat what to show», затем «STEP 02 / SAY / SHAPES / the agent builds the animation», затем «STEP 02 / SAY / SOUND / music and sound effects to the rhythm». Бутылка выезжает слева (0,23 с) и встаёт. Затем она наклоняется до 115° по небольшой дуге, чуть вверх и затем вниз в точку заливки (0,37 с), и льёт изогнутую струю в стакан. Бутылки: лавандовая, затем розовая, затем цвета тёмных чернил. На каждой белая этикетка с моим логотипом в виде маленькой иконки со скруглённым квадратом, словом («TYPE», «SHAPES», «SOUND») и маленькой строкой («kinetic», «3D effects», «music»). Рядом со стаканом появляется серая метка уровня («01», затем «02», затем «03») с пунктирной линией через неё. Напиток поднимается до этой метки за 2 с (sine.inOut), лёд всплывает вместе с ним, а брызги подпрыгивают там, где падает струя. Напиток сначала прозрачно-белый, со вторым наливом становится розовым, с третьим — глубоким пурпурным (розовый, смешанный с цветом тёмных чернил), каждый цвет перетекает около 1,3 с. Индикатор выполнения заполняется, а «live preview» печатается в десять шагов. Затем метка становится розовой, верхушка струи отрывается и падает, а бутылка наклоняется обратно и уезжает. - 21,0–24,5 с, шаг 5: карточка гласит «STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”». Лёгкая барная ложка с шариком на конце падает с быстрым ease-out. Она качается на 8° туда-сюда с циклом 0,8 с, пока кубики толкаются и тускнеют, затем поднимается. Индикатор заполняется ступеньками по 4 кадра, пока печатается «live preview». - 24,5–27,0 с, шаг 6: карточка гласит «STEP 03 / MP4 / EXPORT / download the MP4». Над стаканом выскакивает апельсиновая цедра-завиток, скручивается и сплющивается около 0,8 с, пока падают оранжевые капли. Затем она скользит на край (0,5 с, power2.inOut), пока дописывается «try it free». - 27,0–30 с, финал: карточка снова собирается как «YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine». Семь коротких розовых и оранжевых штрихов выстреливают вокруг стакана (0,16 с) и продолжают мягко «дышать». Стакан увеличивается на 4% за 0,6 с и держится до конца. </structure> <composition> Цвета: - Страница: бледный лавандово-белый (#FAF9FF). - Контуры: цвет тёмных чернил (#1C0B5D), около 3 px с круглыми окончаниями. - Стакан: лавандовый (#F0EDFF) с фиолетовым оттенком у основания. - Кубики льда: скруглённые квадраты, белые на 40% поверх того, что за ними, с линией во внутреннем углу. - Карточки: белые с мягкой лавандовой смещённой тенью. - Оранжевый (#FE9117): гарнир и половина штрихов финала. Шрифт: - Display: крупные мультяшные заглавные буквы (что-то вроде Lalezar) в виде стикеров. Лицевая часть розовая (#FB2D89), с контуром цвета тёмных чернил позади и фиолетовым выдавливанием (#7C6CF2), смещённым вниз-влево. - Мелкий текст: дружелюбный печатный рукописный шрифт (что-то вроде Playpen Sans), приглушённый пурпурно-серый (#6B6385) для основного текста и розовый для подписей. Макет после вступления: - Шапка: сверху по центру, шириной около 540 px, с маленькой строкой под ней: «first benefit · second benefit · third benefit». - Стакан: конический стакан для виски левее центра, шириной около 290 px, край на y 457 и дно на y 797. - Карточка: справа, 390x248 px со скруглением 14 px и рамкой цвета тёмных чернил. Сверху вниз в ней маленький розовый заголовок, крупное значение стикерными буквами, название тёмными заглавными, рукописная строка и пилюльный индикатор выполнения с коротким словом статуса справа. - Трекер: шесть шагов внизу. Кружки шириной 43 px на расстоянии 156 px друг от друга на тонкой направляющей, с маленькими подписями капителью под ними: «TEMPLATE», «TYPE», «SHAPES», «SOUND», «REFINE», «EXPORT». </composition> <techniques> - Кипящие линии: каждая нарисованная линия получает мягкое колебание на 1–2 px, которое меняется на новое каждые 4 кадра, по всему ролику, как турбулентное смещение линий. - Пересборка карточки: на первом кадре каждого шага один кадр виден только новое крупное значение, затем карточка возвращается. Крупное значение штампуется само с 72% размера с перелётом back.out. - Печать: слова статуса печатаются сами по шагам. - Трекер, текущий шаг: его кружок с кольцом цвета тёмных чернил, розовой точкой и розовой подписью, и он «дышит» между 100% и 112% каждую секунду. - Трекер, завершённый шаг: примерно за 0,1 с до следующей карточки его кружок заливается розовым, и белая галочка рисуется за 0,17 с. Его подпись становится цвета тёмных чернил, а направляющая к следующему кружку заполняется розовым за 0,37 с. - Трекер, будущие шаги: остаются приглушёнными с маленькой серой точкой. </techniques> <music> Тёплый расслабленный лаунж-поп инструментал в 120 BPM в мажорной тональности: щёточные барабаны, округлый акустический бас, вибрафон, щипковые струнные, щелчки пальцев и немного шейкера. Держи его негустым, без ведущей мелодии, чтобы он звучал под эффектами. Он открывается несколькими щипковыми нотами вибрафона и пиццикато без барабанов, а мягкий бас вступает на 2 с. Полный щёточный грув с шагающим басом врывается ровно на первой карточке заливки на 6,0 с. Он остаётся ровным через заливки, помешивание и завиток, даёт заключительный аккорд на 28,0 с, когда готовый стакан успокаивается, и звучит до конца. Сделай ровно 30 с, микс около -14 LUFS, true peak ниже -1 dBTP. </music> <sound> Без голоса. Каждый эффект приходится на свой кадр и ясно слышен над музыкой; музыке не нужно становиться громче, чтобы освободить место. - Заголовок: мягкий хлопок на каждую букву, немного повышающийся по высоте и смещающийся слева направо по панораме по мере построения слова. - Передача: мягкий свист под подъём заголовка и слабый скрежет карандаша на каждый штрих, пока стакан рисуется. - Карточки: шелест бумаги и мягкий глухой удар каждый раз, когда выдаётся карточка и штампуется её крупное слово. - Падение льда: жёсткий короткий стук льда о стекло на каждый кубик, с двумя-тремя касаниями с разницей в несколько миллисекунд и низким глухим стуком под падением. Мягче для отскока и тише для последнего подскока, каждый удар чётко слышен над музыкой. - Бутылки: мягкий свист, когда каждая бутылка выезжает, и снова, когда она наклоняется. - Заливки: каждая отчётливо слышна и отличается. Сначала шипучая, брызжущая прозрачная струя, бьющая по льду, затем более полная струя быстрыми глотками, затем тёмная сиропная струя медленными глубокими глотками. Дай каждой заливке насыщенность в диапазоне 1–4 кГц, где находятся струя и звенящий воздушный карман стакана, чтобы там она звучала примерно на 8 дБ выше окружающих секунд. Держи их чистыми: в основном звенящее стекло и пузырьки, мало шипения. - Вокруг каждой заливки: высота воздушного кармана растёт от заливки к заливке по мере наполнения стакана, а после каждой падают несколько последних капель. Музыка приглушается примерно на 5 дБ под каждой заливкой и мягко возвращается, а за уходящей бутылкой следует свист. - Трекер: мягкий двухнотный подтверждающий звон каждый раз, когда шаг отмечается, чуть громче для последнего. - Ложка: металлический звон, когда она падает, стук льда о стакан на каждом конце её размаха и свист, когда она поднимается. - Цедра: щипок, когда она выскакивает, три тонких брызга аэрозоля, пока она скручивается, и мягкий стук, когда она ложится на край. - Финал: яркий звон со всплеском штрихов поверх лёгкого стеклянного мерцания до конца. - Итоговый микс: около -14 LUFS, true peak ниже -1 dBTP. </sound> <references> Рисованная мультипликация с кипящими линиями, плоские объяснялки приложений в стиле стикеров и иллюстрации коктейльных рецептов, где каждый ингредиент означает функцию. </references>

Simple Motion

Погружение в 3D-стену приложений: демо продукта в три шага

<direction> Сделай горизонтальное демо продукта 1280x720 длиной 31 секунда, целиком построенное на анимации, со звуком. Оно идёт как одно непрерывное движение камеры без склеек и зациклено бесшовно: последний кадр совпадает с первым. Идея: стена экранов приложений, наклонённая назад в 3D, камера ныряет в один экран, этот экран становится окном приложения, а три пронумерованных шага показывают, что делает продукт, перед финальной заставкой с моим логотипом. Стиль чистый и современный: плоский векторный интерфейс, нарисованный тобой, мягкая глубина, много свободного места, спокойное и точное движение. Избегай резких склеек, реальной съёмки, стоковых изображений, пёстрого фона, прыгающей или мультяшной анимации и всего, что ломает зацикливание. </direction> <structure> Начало, примерно 0–4 с: стена экранов приложений, наклонённая назад в 3D, медленно дрейфует. Поверх неё по центру заголовок вроде "Your ideas, in motion" (замени на свой), затем он растворяется в размытии. Погружение, примерно 4–6 с: камера въезжает в один экран, он увеличивается, превращается в окно приложения и встаёт сбоку кадра. Шаг 01, примерно 6–13 с: маленький номер шага "01" и заголовок вроде "Sketch your idea" (замени на свой) выезжают вверх построчно рядом с окном. Внутри окна по холсту проводится мазок кисти. Шаг 02, примерно 13–20 с: предыдущий текст уезжает вверх и исчезает, затем так же выезжают "02" и заголовок вроде "Chat to shape it". Содержимое окна меняется соответственно. Шаг 03, примерно 20–26 с: "03" и заголовок вроде "Export in one click" появляются так же, а в окне терминал печатает строки текста с мигающим курсором. Финальная заставка, примерно 26–31 с: мой логотип и "[your brand]" с короткой подписью вроде "Make it move" (замени на свою). Затем камера отъезжает обратно к наклонённой стене экранов, чтобы последний кадр совпал с первым и видео зациклилось. </structure> <composition> Держи окно крупным, примерно 60% ширины кадра, с одной стороны. Текстовую колонку размести с другой стороны, выровняв по левому краю. Номер шага сделай маленьким, акцентного цвета, над заголовком. Заголовки набери жирным чистым гротеском, не больше двух коротких строк, с более лёгким начертанием для поддерживающей строки. Используй мой логотип как иконку приложения в рамке окна и по центру финальной заставки. Используй цвета по ролям из моего бренда, например почти чёрный фон (#0E0F13), светлый белый текст (#F4F4F6), один яркий акцент для номеров шагов, подсветок и мазка кисти и приглушённый серый для рамки окна и второстепенного интерфейса. Держи стену экранов в той же палитре с пониженным контрастом, чтобы заголовок читался поверх неё. </composition> <techniques> Всё происходит внутри одного непрерывного движения камеры: медленный дрейф над 3D-стеной, наклонённой назад примерно на 25 градусов, с мягким параллаксом между экранами. Заголовок уходит с нарастающим размытием и затуханием примерно за 0,6 с. Погружение — плавный ease-in-out наезд на один экран, пока он увеличивается и выпрямляется в окно приложения. Строки заголовка выезжают вверх примерно на 30 px с появлением, со сдвигом около 0,1 с, с мягким ease-out. Уходящий текст уезжает вверх и исчезает до появления следующего шага. Содержимое окна меняется на месте короткими перекрёстными затуханиями и сдвигами. Мазок кисти рисуется постепенно. Терминал печатает символ за символом с мигающим курсором. На финальной заставке логотип мягко увеличивается, затем камера плавно отъезжает к начальной стене для бесшовного цикла. </techniques> <music> Используй инструментальный спокойный synthwave-трек примерно 100 BPM, ровно 31 секунда, с монтажными склейками и акцентами по сетке ритма. Под заголовком звучит тёплый pad. Бит вступает с мягким буммом, когда камера ныряет в окно. Трек слегка поднимается на шаге 02 и редеет под терминалом. Райзер подводит к финальной заставке, и трек разрешается так, чтобы возврат к началу был бесшовным. Целься примерно в -14 LUFS с true peak ниже -1 dBTP. </music> <sound> Добавь свист (whoosh) при погружении в окно, мягкий UI-тик, когда каждая строка заголовка встаёт на место, лёгкий шорох кисти на мазке в шаге 01 и тихий стук клавиш под печать в терминале. Добавь мягкий удар или звон, когда логотип встаёт на финальной заставке. Держи эффекты тише музыки, без закадрового голоса. </sound> <references> Похоже на стильную анимацию запуска или обзора приложения: камера летит над 3D-сеткой экранов интерфейса в чистое окно продукта, с пронумерованными шагами функций, как в современных демо на лендингах софта. </references>

Simple Motion

Промо для лендинга с переходами через объекты

<direction> Сделай 15-секундный горизонтальный моушн-графический промо-ролик 1920x1080 для [your brand], построенный так, будто лендинг оживает. Монтаж под электронный трек 128 BPM без закадрового голоса. Идея в том, что здесь никогда нет простой склейки: каждая сцена передаёт эстафету следующей через объект (точку, выбор в барабане, телефон, выигравшую плитку). Сохрани чистый светлый стиль продуктового UI: светлые фоны, скруглённые пилюли, карточки, телефон, дашборд и видеостена, все подписи — тёмным текстом на белых плашках, а мои фирменные цвета используются по ролям. Избегай резких склеек, наплывов, голоса, белого текста на светлом или полосатом фоне и подписей, которые перекрывают кольца или соседние фигуры. </direction> <structure> Пять битов примерно равной длины, около 3 секунд каждый, каждая передача попадает в долю. 1. Открытие: одна точка появляется в центре и вырастает в горизонтальную пилюлю с рядом кругов: маленькие портреты и иконки, например "Aa", простые фигуры и куб. Каждая иконка полностью видна и не закрыта соседним кругом. Камера отъезжает и открывает заголовок из двух строк, обе строки по центру. Первая строка вроде "No … keyframes." (замени на свою). Последнее слово заголовка постоянно перебирает варианты, как барабан игрового автомата. 2. Зум ныряет в вертящийся барабан портретов авторов и карточек. Барабан замедляется и останавливается на одном выборе, который подсвечивается. 3. Выбор превращается в телефон, и вокруг него веером раскрываются карточки функций. На одной карточке написано "Edit in words", крупное число "03" и маленький тег "Live preview" прямо рядом с числом (замени на свои функции). Подписи карточек лежат на белых плашках. 4. Резкий свайп-пэн ведёт к дашборду из видеоплиток с подписями на белых плашках. Он оценивает их и выбирает выигравшее видео, которое подсвечивается. 5. Выигравшая плитка раскрывается в наклонную стену видео с подписями на белых плашках. Затем стена складывается в мой логотип для финальной карточки, рядом с логотипом на белой плашке "[your website]". </structure> <composition> Центрированная симметричная композиция для заголовка и финальной карточки с логотипом. Элементы UI расположены как на настоящем лендинге: ряд пилюль, карточки с крупными числами и маленькими тегами, макет телефона, сетка дашборда и стена в перспективе. Используй мои фирменные цвета по ролям: тона фона (светлые, с некоторыми полосатыми заливками), один акцент для подсветки, выделений и колец и тёмный цвет текста. Каждая подпись на карточках, плитках и стене — тёмный текст на белой скруглённой плашке, чтобы читалась на любом фоне. Используй одно чистое семейство без засечек: жирный заголовок, подписи обычного начертания и жирные подписи кнопок. Оставь щедрые отступы, чтобы текст не касался колец или краёв. </composition> <techniques> Каждый переход — это объект, превращающийся в следующую сцену, никогда не склейка. Точка увеличивается в пилюлю с плавным ease-out, а круги выскакивают с небольшой задержкой друг за другом. Отъезд камеры — плавное уменьшение масштаба, открывающее заголовок. Меняющееся слово — вертикальный слот-ролл, перебирающий слова по кругу. Зум проходит сквозь пилюлю в барабан. Барабан быстро вращается и замедляется длинным ease-out, чтобы точно остановиться на выбранном. Выбор масштабируется и перестраивается в телефон, а карточки веером раскрываются вокруг него с поочерёдным поворотом и скольжением. Свайп-пэн — быстрое горизонтальное движение с размытием в движении и резким in-out. Выбор в дашборде — кольцо подсветки и увеличение победителя. Победитель разворачивается в наклонную 3D-стену, которая складывается и схлопывается в логотип с финальной посадкой. Все ключевые движения и остановки попадают в сетку бита. </techniques> <music> Сделай оригинальный бодрый электронный трек 128 BPM длиной ровно 15 секунд с чёткой дугой: лёгкое начало, нарастание через сцены с барабаном и телефоном, дроп около свайп-пэна и чистое завершение на логотипе. Положи его на сетку бита монтажа, с акцентами, написанными поверх для каждой передачи, райзером перед дропом и финальным ударом, когда стена складывается в логотип. Мастеринг примерно -14 LUFS, true peak ниже -1 dBTP. </music> <sound> Без закадрового голоса. Добавь вуши на зуме и свайп-пэне, короткий тик-и-стоп, когда барабан останавливается, и мягкий удар на логотипе. Держи все звуки тише музыки и в долю. </sound> <references> Лендинг SaaS, анимированный в продуктовое промо: карточки UI, макет телефона, аналитический дашборд и видеостена, в стиле современных роликов о запуске приложений с бесшовными переходами от объекта к объекту. </references>

Simple Motion

Кинетическое видео-запуск приложения с анимированным макетом интерфейса

<direction> Сделай горизонтальное кинетическое видео-запуск продукта 1920x1080 длиной 42 секунды для [your app]. Оно показывает, как основатель делает видео-запуск для своего стартапа, просто общаясь в приложении. Воссоздай интерфейс моего приложения по моим скриншотам как чистый анимированный макет из фигур и текста, максимально близкий к оригиналу. В этом видео это тёмное сине-фиолетовое приложение с Live preview слева, вкладками Chat / Files / Panels справа и розовыми акцентными кнопками. Никогда не показывай скриншоты как статичные картинки: каждый элемент должен двигаться. Держи один непрерывный интерфейс без резких склеек. Камера приближается, панорамирует и отдаляется между панелями, пока курсор движется и кликает. Держись сетки ритма 120 BPM (один удар = 0,5 с) и делай так, чтобы что-то происходило на каждый удар. Огромные кинетические слова врезаются поверх интерфейса между шагами. Стартап основателя — выдуманное приложение, например "Pulse — standups your team actually reads" (замени на своё). Избегай резких склеек, статичных скриншотов, всего, что обрезается по краям кадра, и текста или полос выделения, заезжающих на соседние колонки. </direction> <structure> 1) Хук, 0–3 с: "YOUR LAUNCH VIDEO.", затем "IN ONE CHAT." огромным шрифтом, по слову на удар. "CHAT." превращается во вкладку Chat, и камера отъезжает до всего окна приложения. 2) Референсы, 3–8 с: в чат вставляется ссылка "pulse-demo.app". PDF-питч-дек и логотип влетают как карточки-вложения и встают на место. Большое слово "DROP". 3) Промпт, 8–13 с: основатель печатает "Make a 30-second launch video for Pulse, kinetic style, our colours" буква за буквой, затем курсор нажимает отправить. Большое слово "ASK". 4) План, 13–18 с: агент отвечает планом из пяти шагов в виде чек-листа. Шаги появляются и отмечаются один за другим, а камера слегка отъезжает с каждой новой строкой, чтобы кадр не казался пустым. Большое слово "PLAN". 5) Эскиз и Go, примерно 18–21 с: серый каркасный эскиз ролика быстро заполняет Live preview, при этом видны надпись "Live preview" и панель воспроизведения. Основатель нажимает Go, и розовый фон вырастает из нажатой кнопки и заливает экран за огромным "GO!". 6) Live, примерно 21–31 с: в чате появляются строки статуса ("Picking fonts", "Animating the title", "Writing a soundtrack"), пока эскиз превращается в готовый ролик. Камера приближается, пока ролик не заполнит кадр. Около 27 с заголовок ролика "Standups your team actually reads." выезжает, а под "actually reads." прорисовывается лаймовая полоса выделения. Рядом колонка со статистикой: "92%" и "updates read". Большое слово "LIVE". 7) Экспорт, примерно 31–37 с: камера отъезжает к приложению. Кнопка Export и вкладки полностью видны, пока идёт и завершается экспорт. Большое слово "DONE". 8) Финальная карточка, примерно 37–42 с: логотип [your app] и "Live on [launch site] today" (замени на своё), попадающие на последний удар и остающиеся до конца. </structure> <composition> Палитра: тёмный сине-фиолетовый интерфейс, пурпурно-розовые акцентные кнопки и розовая заливка, розово-оранжевый градиент на логотипе и лаймовый как цвет выделения внутри демо-ролика. Кинетические слова огромные, жирные, прописные, без засечек, шрифтами бренда, и занимают большую часть ширины кадра. Лучше слегка уменьши длинное слово, чем дай ему обрезаться. Везде держи безопасные поля. На общих планах всё окно приложения в кадре. В чате поле ввода полностью видно. В сцене экспорта кнопка Export и вкладки в кадре. В ролике заголовок и лаймовая полоса остаются в своей колонке с запасом места. Полоса точно совпадает по ширине со своими словами и никогда не перекрывает колонку "92%". </composition> <techniques> Непрерывная виртуальная камера с плавными приближениями, панорамами и отъездами между панелями (ease-in-out) и без склеек. Курсор плавно скользит к целям и кликает с небольшим уменьшением масштаба при нажатии. Слова хука врезаются по одному на удар. Карточки вложений влетают и встают на место с лёгким перелётом. Текст в чате печатается буква за буквой. Пункты чек-листа появляются и отмечаются на последовательных ударах. Серый эскиз быстро заполняется, а затем элемент за элементом превращается в готовый ролик. Розовая заливка под "GO!" растёт радиально от нажатой кнопки. Большие слова врезаются быстрым уменьшением масштаба поверх интерфейса и быстро уходят на следующем ударе. На каждом ударе есть видимое событие: слово, клик, карточка, галочка, строка статуса или движение камеры. </techniques> <music> Энергичный электронный трек 120 BPM, где каждая склейка, удар слова и событие интерфейса привязаны к ритму. Он нарастает на подготовительных шагах, взлетает к "GO!", ведёт через живую сборку и завершается финальным ударом на финальной карточке. </music> <sound> Клики клавиатуры точно на каждую напечатанную букву. Клики мыши на каждое нажатие курсора. Свуши на движения камеры и на влёт карточек вложений и щелчки, когда карточки встают на место. Мягкие тики для шагов чек-листа и строк статуса. Мощный удар под каждым большим словом, райзер перед "GO!" и финальный удар на финальной карточке. Держи музыку тише эффектов, чтобы клики и удары звучали чётко. </sound> <references> Кинетические трейлеры запуска приложений, которые воссоздают интерфейс SaaS как чёткий анимированный макет с одним непрерывным движением камеры, в стиле промо ко дню запуска продукта. </references>

Использовали 2 раза

Simple Motion

Промо с билетом, чемоданом и форматами и появлением логотипа

<direction> Сделай 15-секундный горизонтальный (1920x1080, 60 к/с) моушн-промо для [your brand], продукта, который превращает описание в готовое видео (адаптируй слова под свой продукт). Идея: запрос превращается в билет, билет раскрывается обещанием, чемодан по одному выдаёт шаги, три формата проносятся мимо, и всё приходит к моему логотипу. Закадрового голоса нет: слова на экране, а ритм задаёт музыка. Всё нарисовано: плоская 2D-графика с одной карточкой, наклонённой в 3D, без съёмки. Стиль светлый, чистый и энергичный: один розовый акцент на светлой странице и глубокое тёмно-чернильное поле. Избегай съёмки, голоса, размытия внутри текстовых масок и любого дрейфа или искажения логотипа. Логотип формируется целиком, точно как нарисован, и остаётся абсолютно неподвижным примерно с 13,3 с до конца. </direction> <structure> 1. 0–1,9 с, запрос. Слева маленький розовый заголовок-кикер с разрядкой «YOUR AI MOTION DESIGNER» над трёхстрочным заголовком около 180 px: «Describe» / «the» / «video.» (замени на свой; последняя строка розовая). Строки поднимаются от своих базовых линий одна за другой. Первая уже движется на кадре 0, остальные следуют с интервалом 0,13 с, линейно, по 0,17 с каждая. Справа белая карточка-билет, наклонённая в перспективе, левой стороной ближе. На ней розовая шапка «FROM IDEA TO VIDEO» и мой небольшой логотип с «[your brand]» рядом. Два поля, «FROM IDEA · Your idea» и «TO MP4 · Video», соединены пунктирной линией с розовым треугольником play. Также есть маленькие надписи «EDIT WORDS», «STEP 03», «EFFECTS 3D» и «PREVIEW LIVE», штрихкод и «03» на корешке. Карточка влетает справа на 0,23 с (power3.out, 0,35 с), проскакивает примерно на 125 px влево и возвращается (sine.inOut, 0,37 с). Тем временем код «MP4» перебирает случайные буквы 15 раз в секунду и фиксируется буква за буквой на 0,67, 0,8 и 0,93 с. На 1,17 с розовый контурный штамп «MP4 EXPORT», наклонённый на -14°, прихлопывается с масштаба 2,4x за 8 кадров с лёгким отскоком. На 1,67 с треугольник play сжимается в розовую точку, которая вырастает в круговую шторку с центром в ней, а двумя бледно-розовыми кольцами идут чуть снаружи её края. Радиус проходит значения 15, 36, 66, 120, 210, 330, 540, 900 и 1500 px, шаг каждые два кадра. Строки заголовка уходят вверх по порядку, пока растёт круг. 2. 1,9–4,0 с, обещание, на полностью розовом поле (радиальный, светлее в центре). Белый треугольник play, чуть длиннее, чем шире, чтобы указывать направление, рождается внутри круга. Он делает одну петлю вокруг слов, повёрнутый вдоль пути: вверх, влево по верху, вниз по левой стороне, вдоль низа, вверх по правой стороне и наружу в правом верхнем углу. За собой он рисует пунктирную белую орбиту, чьи старые точки растворяются в тонкую бледную линию. На фоне два больших бледных круга. «No keyframes.» (около 220 px, белый) влетает буква за буквой с интервалом 0,03 с по дуге снизу справа, начиная с 38° и выпрямляясь. На 2,8 с оно улетает вверх и прочь буква за буквой. Одновременно «The agent animates it.» (около 157 px) поднимается от базовой линии буква за буквой с интервалом 16 мс. На 3,03 с белая скруглённая плашка выезжает слева за словами «animates it.» за 0,18 с, и эти слова становятся розовыми внутри неё. На 3,77 с слова размываются и исчезают. Глубокий тёмно-чернильный чемодан с розовым ремнём и биркой «MP4» падает сверху и приземляется на 4,02 с с небольшим сплющиванием. 3. 4,0–8,95 с, шаги. Из чемодана раскрывается светлый круг с двумя бледно-розовыми кольцами, а от его основания расходятся два розовых эллипса-ряби. Вверху поднимается «Edit in words.» (приглушённый, около 56 px). Затем слово за словом поднимается «Your idea is ready to move.» (около 93 px), «move.» розовым, а под ним рисуется розовое подчёркивание от руки. Над чемоданом одна за другой каждые 0,58 с появляются шесть белых карточек шагов. Каждая карточка 900x165 px, скруглённая, с плиткой-иконкой слева и чипом статуса справа. Каждая поднимается из-за чемодана (на 100 px ниже и с размером 72%, 0,3 с, power2.inOut) с лавандовым чипом «Animating» и спиннером. Затем она загорается в два такта: сначала розовая рамка и мягкое внешнее свечение, через 0,07 с плитка-иконка становится розовой, а чип превращается в розовый «✓ Ready». Когда приходит следующая карточка, прежняя сдвигается вверх на 40 px и гаснет за 0,15 с. Карточки гласят: «Kinetic type», «Shapes», «3D effects», «Sound», «Your own footage», «Fonts for every script» (замени на свои). Под чемоданом шесть точек и счётчик меняются с каждой карточкой, от «1 / 6 in motion» до «6 / 6 in motion». На 7,9 с последняя карточка на месте меняется на «Ready to move.» с плиткой-галочкой и розовым чипом «6 / 6». Счётчик заменяется на «✓ Live preview. MP4 export.» На 8,4 с всё, кроме чемодана, уходит вверх и растворяется в размытии. На 8,7 с камера ныряет в чемодан, пока его глубокое тёмно-чернильное тело не заполнит кадр. 4. 8,95–11,4 с, форматы. Группа из трёх наклонных полос проносится справа налево за 0,2 с и открывает за своим задним краем панель на весь кадр. Полосы наклонены примерно на 18°: тёмно-розовая узкая, широкая розовая и светло-розовая узкая. Тот же проход повторяется на 9,76 с и 10,5 с. Три панели — мягкие градиентные блоки с горизонтом: - от лавандового к фиолетовому, с тёплым светом в нижней половине; - фиолетовое небо над глубоким тёмно-чернильным «морем»; - оранжевое небо над глубоким чернильным цветом с полосой бирюзовой дымки. Каждая панель медленно приближается с 1,07 до 1 и имеет глубокий тёмно-чернильный градиент внизу. Её название поднимается буква за буквой внизу слева, около 226 px, белым: «Vertical», «Horizontal», «Square». Вверху слева маленький HUD с разрядкой: «01 / 03» светло-розовым, затем «9:16», затем «MP4 EXPORT» печатается, а под ним растёт розовое подчёркивание. Он меняется на «02 / 03 · 16:9 · LIVE PREVIEW», а затем на «03 / 03 · 1:1 · NO KEYFRAMES». 5. 11,4–12,5 с, сетка. Последняя панель сжимается в правую карточку, а две другие вплывают слева. Вместе они образуют три портретные карточки (580x780 px, с промежутком 30 px) на глубоком тёмно-чернильном поле. Сетка мягко приближается до 1,05 и возвращается за полсекунды. Над ней белым поднимается «Vertical, horizontal or square.» Когда сетка успокоится, на карточках проявляются маленькие названия («Vertical», «Horizontal», «Square»), хорошо внутри кадра. 6. 12,2–15 с, логотип. Из средней карточки вырастает розовая точка с бледными кольцами-ореолами, пока сетка уменьшается до 0,9 на белой странице. Её радиус задан ключами каждые два кадра от 12 до 1150 px. Затем точка быстро уменьшается и замедляется (260, 125, 90, 75 px), перемещаясь левее центра. Там она прямо раскрывается в фоновую форму моего логотипа, не перекрывая сам логотип, а внутренние части логотипа вырастают как единое целое, точно как нарисован логотип. На 13,03 с «[your brand]» выезжает из-за логотипа вправо (power3.out, 0,32 с), а вокруг логотипа расходится тонкое розовое кольцо и гаснет. Название около 150 px, тёмно-чернильное, его буквы центрированы по средней линии логотипа, а весь блок центрирован в кадре. Затем под ним слово за словом поднимается «Describe the video. The agent animates it.», второе предложение розовым. Выскакивают три лавандовых чипа: «• Vertical», «• Horizontal», «• Square». «[your website]» поднимается приглушённым серым. Логотип остаётся абсолютно неподвижным примерно с 13,3 с, и всё держится до конца. </structure> <composition> Основа — светлая страница #FAF9FF с едва заметной точечной сеткой 40 px #E9E4F2 и мягкими розовыми радиальными свечениями. Глубокий чернильный #1C0B5D — для тёмного текста, тёмных объектов и тёмного поля. Один акцент, розовый #FB2D89, — для выделений, акцентного поля и прогресса. Приглушённый #6B6385 — для второстепенных строк, а лавандовый #F0EDFF — для мягких чипов. Оранжевый #FE9117, фиолетовый #7C6CF2 и бирюзовый #2DD4B0 встречаются только на трёх панелях форматов (и в моём логотипе, если он их использует). Заголовки — плотный геометрический гротеск Manrope ExtraBold с узким трекингом около -0,05em. Мелкие надписи, HUD и сайт — чистый гротеск Inter SemiBold. Композиция по сценам: - Сцена 1: заголовок слева, наклонённый билет справа. - Сцена 2: слова по центру розового поля. - Сцена 3: карточки шагов стопкой над чемоданом, точки и счётчик под ним, заголовок вверху. - Сцена 4: названия форматов внизу слева, HUD вверху слева. - Сцена 6: финальный логотип по центру, ниже слоган, чипы и сайт. </composition> <techniques> Появления чистые. Текст поднимается от собственной базовой линии внутри обрезки, которая движется вместе с ним, никогда не размытие внутри маски. Уходы ускоряются и завершаются примерно за 0,1 с. - Круговые шторки растут ступенчатыми радиусами с ключами каждые два кадра, с бледно-розовыми кольцами чуть снаружи края. - Код на билете перебирает буквы и фиксируется буква за буквой. - Штамп прихлопывается с масштаба 2,4x с лёгким отскоком. - Буквы входят по вращающейся дуге, а плашка-выделение выезжает за словами, которые меняют цвет внутри неё. - Карточки шагов загораются в два такта: сначала рамка и свечение, потом плитка и чип. - Камера ныряет в чемодан с масштабом 1,5, 3,1, 6,2 и 7 за четверть секунды. - Наклонные трёхполосные проходы осуществляют переходы между панелями форматов, и каждая панель медленно приближается. - Одна панель схлопывается в сетку из трёх карточек. - Точка путешествует и раскрывается в логотип, который строится как единое целое и после формирования не двигается и не деформируется. </techniques> <music> Используй оригинальный бодрый, оптимистичный электронный хаус-трек на 120 BPM, ровно 15 с. Полный грув играет с первого кадра, бочка на каждой доле примерно на x,05 и x,55 с. Он остаётся ровным под карточками и форматами. Ударные пропадают на 12,55 с, когда точка поглощает сетку, остаются тёплый пэд и нарастающее арпеджио, затухающие к 15 с. Склейки и ключевые акценты попадают в сетку долей. </music> <sound> Звуковой дизайн лежит поверх трека, без дополнительных ударных: - свист, когда билет влетает; - мягкие щелчки, когда код фиксируется; - мягкий удар на штампе; - свисты на каждой круговой шторке и плашке-выделении; - глухой удар, когда приземляется чемодан; - писк, поднимающийся по высоте, когда каждая карточка становится розовой; - перезвон, когда приземляется последняя карточка; - нарастание перед погружением и удар, когда открывается первая панель; - свисты на каждом проходе полос и когда карточки собираются вместе; - нарастание перед дропом; - колокольчик, когда формируется логотип; - мягкие щелчки на чипах. Сведи примерно к -14 LUFS с истинным пиком ниже -1 dBTP. </sound> <references> Современная рекламаприложения в плоском векторном стиле, построенная на кинетической типографике и метафоре путешествия: посадочный талон, чемодан и панели с горизонтом. Заканчивается чистым логотипом по центру. </references>

Использовали 2 раза

Simple Motion

Сплит-скрин заставка приложения в двух частотах кадров

<direction> Сделай 12-секундную горизонтальную сплит-скрин заставку для моего приложения, 1920x1080, 59,94 кадра/с. Две квадратные панели рядом проигрывают одну и ту же яркую анимацию интерфейса. Левая панель шагает с ощущением 29,97 кадра/с, а правая идёт с полной частотой кадров, чтобы была видна разница в плавности. Семь быстрых планов ложатся на бит: курсор кликает по моему логотипу в окне приложения, значок взрывается орбитой квадратов, клик в строке меню выпускает стеклянное поле запроса, в котором печатается текст, страница текста пролистывается вместе с карточкой, две карточки стопкой плывут вверх, мой логотип остаётся один, а светящийся логотип-надпись врывается на почти чёрном фоне. Стиль чистый и яркий, с мягкими тенями и размытием движения на каждом перемещении. Избегай статичных стартов, кросс-фейдов, зерна и закадрового голоса. </direction> <structure> 1. 0,00–2,39 с, заголовок и клик. Фиолетовая дымка за 0,9 с рассеивается до белой страницы и оставляет лавандовое свечение внизу. Однострочный заголовок поднимается примерно с y 930 до 537 по экспоненциальному ease-out (около 1,2 с), вначале сильно размытый. В нём мой логотип в лавандовом диске 132 px, название «[ваш бренд]» шрифтом Inter Medium цвета глубокой туши и капсула глубокой туши «Открыть приложение». Название появляется на втором кадре уже размытым. Капсула идёт следом через два кадра, сдвигаясь на 15 px влево по мере того, как становится чёткой. С 0,45 с вокруг заголовка проявляется белое окно приложения с радиусом углов 93 px (53%, 70%, затем 100% к 0,78 с). Внутри него лавандовая поисковая «таблетка» «Опиши видео», колонка приглушённых значков и карточка поверх обложки от глубокой туши к фиолетовому. Карточка в левой панели гласит «Твоя идея готова к движению» / «Живой предпросмотр · экспорт в MP4», а в правой — «Чат вместо таймлайна». Обложка гласит «От идеи до видео в одном чате» или «Опиши свою идею». На 0,88 с справа вверху появляется чёрный курсор-стрелка с белой обводкой и скользит влево, замедляясь. Он поворачивается на -85 градусов, чтобы смотреть вниз при заходе, садится на логотип вертикально и вырастает в 1,55 раза, пока вокруг диска загорается мягкое розовое кольцо. Камера наезжает до 1,2 относительно центра (ease-in-out, 0,47 с) и держится один кадр. Затем отъезжает до 1,04 по ускоряющейся кривой, пока курсор нажимает (уменьшается на 15%), прямо в склейку. 2. 2,39–3,35 с, значок и орбита. Жёсткая склейка на дроп музыки: мой логотип как значок приложения появляется размером 276 px и сжимается до 178 px (expo out, 0,47 с). Четыре скруглённых квадрата, размытых движением и опережающих на 32 градуса, занимают места крестом вокруг него на радиусе 222 px (expo out, 0,9 с). Слева они фиолетовый, бирюзовый, розовый и жёлтый, а справа розовый, оранжевый, бирюзовый и белый. За значком за 0,2 с вырастает двухцветный лавандовый диск. С 3,12 с квадраты складываются в ряд справа и уменьшаются, а значок сжимается примерно до 70 px под нарастающим размытием. 3. 3,35–5,29 с, строка меню и запрос. Склейка на правый верхний угол экрана компьютера под белой страницей. Видны почти чёрная рамка 46 px и тёмная полупрозрачная строка меню со значками wifi, батареи и управления, моим логотипом, тремя акцентными точками, «[ваш бренд]» и «Открыть приложение». Обои идут от глубокой туши к фиолетовому, слева диагональные световые полосы, розовое свечение, тонкая сетка и блик справа. Курсор поднимается к логотипу и кликает (масштаб 0,82 на 0,1 с). Матовое стеклянное поле запроса выскакивает из значка: 740 x 226 px, радиус 56 px, полупрозрачное лавандовое с белой тонкой рамкой. Оно масштабируется от 0,18 до 1 с перелётом за 0,19 с, его размытие падает с 9 px до 0, пока камера смещается на 115 px вправо. Текст печатается со скоростью 27 символов в секунду за белой кареткой: «Редактируй словами, без ключевых кадров» слева, «Крупнее, медленнее, другой цвет» справа. В нижнем ряду розовая круглая кнопка отправки и три маленьких значка. План уплывает вверх и уходит по вертикальной ступени размытия, пока лавандовая вуаль поднимается до 75%. 4. 5,29–7,16 с, страница ответа и карточка. Из лавандовой вспышки снизу, с отступа 291 px, прокручивается вверх страница серо-фиолетового текста шрифтом Inter 42–45 px. Она движется по экспоненциальной кривой (постоянная времени 0,2 с), с вертикальным размытием, привязанным к скорости. Одна фраза глубокой тушью SemiBold стоит под маленьким вертикальным курсором: «ИИ-моушн-дизайнер» слева, ««медленнее», «другой цвет»» справа. Примеры строк: «От идеи до видео в одном чате», «01 Выбери шаблон», «02 Опиши свою идею», «03 Доработай словами и экспортируй», «Скажи чату, что показать. Агент соберёт анимацию.», «Кинетическая типографика, фигуры, 3D-эффекты и звук». На 6,22 с у нижнего края выскакивает размытая карточка. Она поднимается по быстрому ease-out на фоне ровного дрейфа вверх 158 px/с, пока страница тускнеет до 45% и размывается на 3 px. Слева на карточке абстрактный треугольник глубокой туши, фиолетового, оранжевого и жёлтого цветов с подписью «Идеи в движении» / «[ваш сайт]». Справа на ней обложка от глубокой туши к фиолетовому с белой карточкой «Опиши свою идею» и подписью «Чат вместо таймлайна» / «Живой предпросмотр · экспорт в MP4». С 6,9 с она ускоренно уходит вверх, уменьшается до 0,9 и растворяется в размытии. 5. 7,16–8,16 с, стопка карточек. Размытое растворение за три кадра вводит две карточки стопкой (534 x 343 px, радиус 51 px). Они приходят на 165 px ниже, на 15% крупнее и размытыми, устраиваются за 0,3 с и продолжают дрейфовать вверх, затем уходят ускоренным движением и ступенью размытия. На каждой гигантский белый заголовок с непрозрачностью 60%, обрезанный нижним краем. Слева заголовки «Шрифты» и «Музыка» поверх графики с треугольником и «таблетки» «Открыть приложение». Справа «Фигуры» и «Звук» поверх обложек от глубокой туши к фиолетовому с «таблетками» «02» и «03» и белыми внутренними карточками «Кинетическая типографика, фигуры» и «Музыка и звуковые эффекты»; у второй карточки розово-оранжевое свечение. 6. 8,16–10,03 с, логотип один. Склейка через размытие на мой логотип в лавандовом диске 167 px на белом. Он поднимается на 115 px на место по экспоненциальной кривой (0,17 с), держится, затем сжимается в склейку. 7. 10,03–12,00 с, финальная карточка. Жёсткая склейка на почти чёрный фон с радиальным свечением глубокой туши. Белый логотип-надпись с мягким двухслойным свечением врывается с масштаба 3,85x: «[ваш бренд]» слева, «[ваш сайт]» справа. Его горизонтальное размытие гаснет за 0,1 с. Он оседает до 1x примерно за секунду на всё замедляющейся кривой, затем медленно отъезжает и ускоряется до 0,72x на последнем кадре. </structure> <composition> Фон почти чёрный #0D0B1E. Две квадратные панели по 930 x 930 px стоят рядом на y 100 (левая на x 20, правая на x 970). Над каждой небольшая подпись шрифтом Inter SemiBold 28 px светло-лавандового цвета #E9E4F2: «Живой предпросмотр» над левой панелью и «[ваш бренд] · экспорт в MP4» над правой. Обе панели одновременно проигрывают одни и те же семь планов с одинаковым таймингом и движением. Левая панель показывает новую картинку каждый второй кадр, а правая каждый кадр. Различаются только некоторые слова, как отмечено в планах. Внутри панели всё выкладывается на сцене 1080 x 1080, масштабируемой по размеру. Палитра: светлая страница #FAF9FF; лавандовый #F0EDFF для мягких панелей и свечений; линии #E9E4F2; приглушённый серо-фиолетовый #6B6385 для второстепенного текста; глубокая тушь #1C0B5D для тёмного текста и тёмных поверхностей; почти чёрный #0D0B1E. Акценты: розовый #FB2D89 (основной) и оранжевый #FE9117, с фиолетовым #7C6CF2, бирюзовым #2DD4B0 и жёлтым #FFD23F там, где нужны четыре цвета. Везде используй Inter 400/500/600/700. Мой логотип — значок приложения везде, где появляется логотип. Лучше всего подходит скруглённый квадратный значок, например квадрат глубокой туши с розово-оранжево-белым вихрем и розовым треугольником play. </composition> <techniques> Ничто не начинается со статичного кадра. Каждый элемент входит уже в движении по экспоненциальному ease-out и уходит ускоренным движением или ступенью размытия. Размытие движения следует скорости и направлению каждого перемещения. Кросс-фейдов нет: планы меняются жёсткими склейками, склейками через размытие и коротким растворением через размытие, всё на бит. Камера наезжает до 1,2 (ease-in-out, 0,47 с), держится один кадр и отъезжает до 1,04 по ускоряющейся кривой в плане 1, и смещается на 115 px вправо в плане 3. Курсор — чёрная стрелка с белой обводкой; его клики уменьшают его (на 15% или до 0,82 на 0,1 с). Печать идёт со скоростью 27 символов в секунду за белой кареткой. Появления выскакивают с перелётом. Уходы вверх используют вертикальные ступени размытия, а врыв финальной карточки использует горизонтальное размытие. </techniques> <music> Сделай бодрую фанковую хаус-подложку 124 BPM длиной ровно 12 секунд. Она открывается фильтрованным вступлением под первым планом. Полный грув (бочка четыре четверти, клэпы, слэп-бас, щипковые аккорды) вступает на склейке к значку на 2,39 с. Фильтрованный брейкдаун звучит под одиноким логотипом, а реверберационный хвост идёт после удара финальной карточки. Каждая склейка приходится на бит. Сведи примерно до -14 LUFS с true peak ниже -1 dBTP. </music> <sound> Поверх музыки добавь такие звуковые эффекты: - райзер перед дропом и бум на нём - мягкий щелчок, когда курсор нажимает на логотип, и ещё один на значке в строке меню - поп, когда выскакивает поле запроса - лёгкие тики печати - свуш на складывании в строку меню и на проносе к странице с текстом - свиши, когда поднимается карточка и когда растворяются стопкой карточки - лёгкий удар на одиноком логотипе - бум с падающим тоном на финальной карточке Без голоса. </sound> <references> Отполированная заставка запуска приложения в стиле современной моушн-графики для продуктовых интерфейсов: яркие макеты интерфейса, кинетические движения камеры, сильное направленное размытие движения и склейки на бит. Она устроена как сравнение частоты кадров. </references>

Simple Motion

Шоурил, который показывает принципы движения на самом себе

<direction> Сделай 15-секундный моушн-шоурил в горизонтальном формате, 1920x1080, 30 кадров в секунду, полностью нарисованный, без съёмок, который показывает мастерство анимации, демонстрируя принципы движения на самом себе: сжатие и растяжение, калька (onion skin), перелёт, плавность (easing), доводка и подготовка к движению. Светлые и тёмные сцены чередуются. Одна розовая точка связывает все сцены: прыгающий мяч, точка в заголовке, голова шлейфа, центр загрузчика. Маленькие рукописные заметки с нарисованными от руки стрелками комментируют происходящее. Смонтируй под трек в 128 ударов в минуту, чтобы касания мяча, падение заголовка и склейки попадали в доли. Используй плоский цвет везде; ощущение должно быть игривым и точным. Избегай съёмок и фотографий, глянцевых градиентов и теней, размытия где-либо, кроме резкой панорамы, стрелок, которые касаются букв своих заметок, заметок с разным наклоном и дополнительных ударных поверх собственных ударных музыки. </direction> <structure> 1. 0–3,7 с, светлая страница. Нарисованная от руки линия пола прорисовывается слева направо за 0,3 с. Розовый мяч падает сверху слева и скачет через кадр тремя уменьшающимися дугами. Его касания приходятся через одну долю: на 0,43, 0,90, 1,37 и 1,83 с. При каждом касании он сплющивается (примерно 1,5 в ширину и 0,55 в высоту), а в воздухе вытягивается вдоль скорости. Каждый кадр полёта оставляет тонкий розовый контурный призрак, который гаснет за 0,6 с, а пунктирная линия прочерчивает путь. Заметки пишутся со стрелками (примеры, замени своими): «идеи в движении» на вершине первой дуги, «попробуй бесплатно!» под вторым касанием, «живой предпросмотр» у последней дуги. Мяч приземляется справа и остаётся точкой заголовка. На сильную долю в 1,9 с большое слово «ДВИЖЕНИЕ» вырастает из пола буква за буквой, справа налево, с интервалом 45 мс. Каждая буква поднимается из-за линии пола, вытягивается до 1,2 своей высоты, подпрыгивает на 45 px над полом, приземляется с небольшим сжатием и успокаивается за полсекунды. Затем линия пола втягивается. Верхняя строка «ГОТОВ К» (замени своей) падает буква за буквой слева; каждая буква наклонена до 20 градусов и выпрямляется с лёгким перелётом. Розовое подчёркивание кистью прорисовывается под словом ДВИЖЕНИЕ, а заметка «правь словами» указывает на верхнюю строку. На 2,8 с по буквам слова ДВИЖЕНИЕ слева направо пробегает волна, каждая буква растягивается на 11 процентов и возвращается. В тот же момент точка подпрыгивает на 95 px и приземляется со сжатием, а под ней пишется «экспорт в MP4». В последние 0,2 с весь заголовок сплющивается к базовой линии (88 процентов высоты, 106 процентов ширины), затем резкая склейка. 2. 3,7–5,5 с, тёмная страница. Белое «ФОРМЫ» падает буква за буквой, с интервалом в один кадр, каждая буква дважды подпрыгивает, прежде чем успокоиться; заметка «и звук». На 4,2 с слово за один кадр сжимается в узкую полоску и становится розовым «КИНЕТИКА». КИНЕТИКА резко растягивается вширь, кадр за кадром: 0,09, 0,28, 0,56, 0,85, 1,10, 1,27 и 1,37 от своей ширины, затем обратно через 1,06 до 0,87, при этом высота движется противоположно ширине; заметка «без ключевых кадров». На 4,65 с буква за буквой появляется «ТЕКСТ». Каждая буква делает один с четвертью оборот вокруг вертикальной оси за 0,3 с с плавным замедлением и розовая, когда повёрнута к нам спиной; заметка «3D-эффекты». На 5,13 с один кадр полной оранжевой вспышки, в котором следующее слово наклонно входит тёмно-синим. Затем оранжевое «ШРИФТЫ» совершенно неподвижно стоит внутри тонких оранжевых направляющих с маленькими квадратными маркерами по углам, вообще без плавности; заметка «для любого письма». Светлая страница вытирает экран снизу вверх за три кадра с мягким ступенчатым краем. 3. 5,5–8,4 с, светлая страница. Рисуется график: оси подписаны «идея» и «видео», на каждом конце тёмно-синий ромб, а между ними прямая розовая линия с двумя оранжевыми точками-маркерами. Ниже тёмно-синий скруглённый квадрат бежит по дорожке слева направо с постоянной скоростью, а полупрозрачная розовая линия воспроизведения и точка движутся по линии. Квадрат оставляет одиннадцать равномерно расположенных оранжевых контурных призраков, у каждого есть риска под дорожкой. Заметка «ключевые кадры, которые надо искать» пишется с длинной стрелкой к линии. Появляется курсор мыши, хватает нижний маркер и за четверть секунды вытягивает оба маркера, изгибая линию в S-образную кривую плавного старта и остановки. Затем заметка зачёркивается одной чистой прямой линией посередине букв, следуя её наклону до последней буквы. Оранжевые призраки гаснут, и розовым пишется «чат вместо таймлайна» с нарисованной от руки галочкой. Квадрат снова пробегает за одну секунду по новой кривой, и его розовые призраки сгущаются по краям и расходятся в середине. Когда он прибывает, заметка «открой приложение!» указывает на него. Затем вся страница уезжает влево за шесть кадров с сильным горизонтальным размытием, а тёмная страница въезжает. 4. 8,4–13,1 с, тёмная страница. Розовая голова гонит восьмёрку через кадр, один круг в секунду, оставляя цепочку из четырнадцати гаснущих кругов. Сетка маленьких точек через каждые 60 px реагирует. Точки рядом с головой отталкиваются и становятся оранжевыми, точки, которые она только что прошла, становятся розовыми и тёмно-розовыми, а нетронутые остаются серо-фиолетовыми, так что поле продолжает двигаться, когда голова уже ушла. Заметка «от идеи к видео» со стрелкой указывает на хвост. С 10,6 с всё поле переворачивается в 3D, поворачивается, сжимается в маленькую розовую карточку и схлопывается в точку в центре. Точка растёт, вокруг неё набухает толстое кольцо и истончается до волосяной линии, и закручивается циферблат из шестидесяти делений и четырнадцати маленьких квадратов. Белая дуга прогресса и счётчик идут от 2 до 100 процентов примерно за 1,4 с, пока квадраты один за другим заливаются розовым. На 100 процентах загрузчик исчезает, а точка приседает в плоский овал на своём полу (подготовка к движению). Заметка «агент анимирует это» стоит справа от кольца, не задевая его, с длинной стрелкой к точке. Затем точка взлетает вытянутой и уходит за кадр и падает обратно в следующий план. 5. 13,1–15 с, светлая страница. Светлая страница открывается быстрым кругом из места, куда приземляется точка. Блок с названием по центру кадра, в нём [твой бренд] в две строки. Первая строка падает буква за буквой с наклоном, как ГОТОВ К. Вторая строка вырастает из пола под ней справа налево с той же пружиной, что и ДВИЖЕНИЕ, а розовая точка служит её точкой. Ниже пишется короткий призыв к действию, например «попробуй бесплатно: [твой сайт]», со стрелкой вверх к точке. Точка один раз подпрыгивает и успокаивается в конце. </structure> <composition> Две страницы. Светлая страница: #FAF9FF в середине, переходящий в лавандовый #F0EDFF с мягкой фиолетовой виньеткой по углам. Тёмная страница: глубокий чернильный #1C0B5D с чуть более тёмной виньеткой. На обеих слабая сетка точек через каждые 48 px. Заголовки набраны плотным узким гротеском (Anton). Заметки и подписи набраны маркерным рукописным шрифтом (Playpen Sans, semi-bold), все наклонены одинаково на 2 градуса: розовые на светлой странице, светло-розовые на тёмной. Палитра: основной акцент розовый #FB2D89, второй акцент оранжевый #FE9117, шрифт и сплошные фигуры глубокий чернильный #1C0B5D, белый шрифт на тёмной странице и приглушённый серо-фиолетовый #6B6385 для интерфейса. Нарисованные от руки стрелки начинаются чуть поодаль от заметки и никогда не касаются её букв. Заметки никогда не перекрывают заголовки и фигуры. Два элемента всегда на экране. Вверху справа бегущий таймкод (например «00:00:03:11») плотным жирным узким шрифтом, приглушённым серо-фиолетовым, около 31 px. Внизу вдоль экрана таймлайн глав: тонкая линия с маленькими засечками через каждые 55 px, ромб в начале каждой главы, более тёмная линия прогресса за маленькой головкой воспроизведения и название текущей главы, написанное от руки над ней («описать», «текст», «уточнить», «3D-эффекты», «предпросмотр», «экспорт»; замени своими). Цвета интерфейса переключаются вместе со светлыми и тёмными сценами. Блоки с заголовками стоят по центру кадра. </composition> <techniques> Заметки пишутся штрих за штрихом, а их стрелки прорисовываются от хвоста к острию сразу после. Название каждой главы пишется за 0,17 с, пока предыдущее стирается. Каждый ромб таймлайна заливается и подпрыгивает, когда до него доходит головка воспроизведения. Сжатие и растяжение при каждом касании: точка сплющивается при приземлении и вытягивается вдоль скорости в воздухе. Буквы, растущие из пола, поднимаются из-за линии, перелетают до 1,2 своей высоты, подпрыгивают и успокаиваются с небольшим сжатием за полсекунды, с задержкой 45 мс справа налево. Падающие буквы приходят слева, наклонённые до 20 градусов, и выпрямляются с лёгким перелётом. Переходы: на 3,7 с резкая склейка со светлой на тёмную сразу после сжатия заголовка; на 5,5 с трёхкадровая вытирка снизу вверх с мягким ступенчатым краем; на 8,4 с шестикадровый горизонтальный толчок с сильным горизонтальным размытием движения; на 13,1 с точка вылетает из кадра, падает в следующий план и открывает светлую страницу быстрым кругом. Всё остальное остаётся плоским, без размытия. </techniques> <music> Энергичный трек в стиле synthwave/electro, 128 ударов в минуту, ровно 15 секунд, собственные ударные которого несут ритм. Арка: короткое фильтрованное интро под прыгающий мяч, затем дроп точно в момент, когда ДВИЖЕНИЕ вскакивает на 1,9 с, с бочкой трека на каждую долю. Полный грув идёт примерно до 5,6 с, затем брейкдаун без бочки под график плавности. Нарастание возвращает трек, грув возвращается на резкой панораме на 8,5 с. Пока заполняется загрузчик, звучит райзер, а финальный бум с саб-дропом приходится на сильную долю, когда свет открывается на названии (около 13,2 с). Грув доезжает до конца с коротким затуханием. Не накладывай дополнительные бочку, клэп или хэты поверх трека: одна бочка на долю, без флэмов. </music> <sound> Звуковые эффекты на моменты картинки: бум на дропе на 1,9 с, свуш на склейке к тёмной странице на 3,7 с и хлопок на однокадровой оранжевой вспышке на 5,13 с. Вуш на вытирке на 5,5 с и более мощный на резкой панораме на 8,4 с. Мягкий щелчок, когда курсор хватает маркер, короткий вуш, когда точка стартует, и финальный бум с саб-дропом примерно на 13,2 с. Без закадрового голоса. Микс около -14 LUFS с истинным пиком ниже -1 dBTP. </sound>

Использовали 3 раза

Simple Motion

Soft-tech промо приложения: стена иконок, телефон и 3D-студия

placeholder

Simple Motion

Зацикленный UI-морфинг под управлением кликающего курсора

<direction> Сделай квадратное видео длиной 14 секунд (1440x1440, 30 кадров/с): бесшовный UI-моушн-луп, всё нарисовано, без склеек. Одна скруглённая форма постоянно перетекает из одного компонента интерфейса в другой: кнопка, загрузчик, галочка, пилюля-остров, музыкальный плеер, ползунок громкости, переключатель, вкладки, график, пилюля поиска, командная палитра, тост и снова кнопка. Курсор на экране управляет каждым изменением и по-настоящему кликает и перетаскивает. Последний кадр должен совпадать с первым, чтобы видео зацикливалось. Стиль чистый и спокойный: лавандовый фон, компоненты глубокого чернильного и белого цвета и один аккуратный UI-шрифт. Единственный цвет даёт мой логотип, который заменяет обложку альбома. Почти на каждую долю происходит какое-то событие, темп около 120 BPM. Избегай свечения, градиентов на элементах интерфейса, частиц, пружинящей анимации, склеек и голоса. Все слова на экране ниже — примеры, замени их моими. Держи каждое примерно такой же длины, чтобы вёрстка не поплыла. </direction> <structure> 0.0-0.6 с: чернильно-тёмная пилюля-кнопка «Open app» (около 640x200 px, белый текст 62 px). Курсор плавно въезжает снизу справа и нажимает её на 0.46 с, кнопка сжимается до 96%. 0.6-1.25 с: она сжимается в круг 230 px с белой вращающейся дугой, затем белая галочка рисуется сама. 1.25-1.75 с: круг вытягивается в пилюлю-остров (около 860x210) с моим логотипом в виде маленького скруглённого квадрата слева и пятью подпрыгивающими белыми полосками волны справа. 1.75-3.7 с: остров раскрывается в чернильно-тёмную карточку плеера (около 990x630, скругление 72 px). Логотип вырастает в обложку 224 px как общий элемент, рядом с названием «Ideas in motion» и «[your site]» мягким лавандовым цветом. Ниже тонкая белая полоса прогресса с ползунком, «01» и «03» по краям и значки назад / пауза / вперёд. Курсор нажимает паузу, она через быстрое размытие превращается в play, затем нажимает обратно на паузу. Потом берёт ползунок, он увеличивается на 25%, и перетаскивает его примерно с трети почти до конца. 3.7-5.25 с: карточка схлопывается в широкую пилюлю громкости (около 1070x186) со значком динамика. Курсор тянет уровень почти до нуля, обратно вверх и за максимум. Вся пилюля растягивается вправо, как резина, примерно до 170 px, затем при отпускании пружинит назад с одним небольшим покачиванием. 5.25-6.25 с: она превращается в переключатель (около 520x260). Ползунок появляется серым посередине, затем переключается: вкл, выкл, вкл, выкл, каждый раз с нажатием. Вкл — чернильно-тёмная дорожка с белым ползунком справа. Выкл — бледная дорожка #E9E4F2 с ползунком слева. 6.25-7.25 с: ползунок вырастает в чернильно-тёмный индикатор белой панели вкладок «Pick» / «Describe» / «Export». Курсор кликает «Describe», затем «Export». Индикатор вытягивается вперёд и догоняет, а подпись под ним становится белой. 7.25-9.7 с: панель вкладок раскрывается в белую карточку с графиком (около 1100x840), вкладки уходят наверх, а индикатор становится маленькой пилюлей. Большое жирное число прокручивается «01», «02», «03» с лёгким размытием над подписью «Refine in words, then export». Тем временем чернильно-тёмная линия рисуется слева направо примерно за полсекунды поверх лавандовой области и четырёх тонких линий. Курсор проводит вдоль линии с чернильно-тёмной подсказкой «01», «02», «03» по ходу, за ним следуют точка и пунктирная направляющая. Клик по «Describe» прокручивает число до «02» с подписью «Describe your idea», а кривая перетекает в более низкую и волнистую. 9.7-10.1 с: карточка схлопывается в белую пилюлю поиска со значком поиска, «Edit in words» и «⌘K» справа. 10.1-11.75 с: пилюля раскрывается в командную палитру (около 1060x830). Вверху строка поиска с подсказкой «Describe your idea» и мигающей кареткой, затем тонкая линия. Далее пять строк, появляющихся с интервалом 40 мс, у каждой лавандовая плитка со значком: «Pick a template ⌘N», «MP4 export ⌘E», «Ideas in motion», «Live preview», «Your AI motion designer ↵». Слово «motion» печатается по одной букве на нажатие, примерно через 0.1 с, слегка неравномерно, каретка при наборе не мигает. Набранное слово должно совпасть ровно с двумя строками. Несовпавшие строки растворяются в размытии, две подходящие сдвигаются вверх, панель пружинисто становится ниже, и камера приближается. Лавандовая подсветка стоит на первой совпавшей строке, переходит вниз на «Your AI motion designer» и становится чернильно-тёмной по Enter. 11.75-12.6 с: палитра через более светлый оттенок складывается в чернильно-тёмный тост (около 970x180) с белой галочкой и «Your AI motion designer», а вид плавно возвращается. 12.6-14 с: текст тоста размывается в «Open app», и пилюля сжимается обратно в исходную кнопку. Она держится до конца, курсор покоится внизу справа, так что последний кадр совпадает с первым. </structure> <composition> Фон лавандовый #F0EDFF с мягким белым свечением чуть выше середины и слабой виньеткой. Компоненты глубокого чернильного цвета #1C0B5D или белые панели #FFFFFF. Приглушённый текст #6B6385, тонкие линии и выключенное состояние переключателя #E9E4F2. Все панели отбрасывают мягкие длинные тени, подкрашенные чернилами. Единственные цветовые акценты — цвета моего логотипа, здесь розовый #FB2D89 и оранжевый #FE9117, так что используй цвета своего логотипа. Логотип появляется как маленький скруглённый квадрат острова и как обложка плеера. Весь текст набран шрифтом Geist, мелкие цифры плеера — Geist Mono. Курсор — почти чёрная стрелка (#0D0B1E) с белой обводкой. Всё остаётся по центру холста. </composition> <techniques> Одна форма меняет ширину, высоту, радиус скругления и цвет на жёстких пружинах: около 0.25 с на успокоение, перелёт не более 1%. Всё, что внутри каждого состояния, появляется и исчезает за 0.1 с с размытием 10 px, чтобы текст не накладывался, пока контейнер меняет размер. Смена текста, например пауза на play и текст тоста обратно на «Open app», тоже идёт через быстрое размытие. Курсор движется по плавным кривым и уменьшается примерно на 14%, пока кнопка удерживается. Логотип переходит из острова в обложку плеера как общий элемент. Пилюля громкости растягивается как резина, когда её тянут за максимум, затем пружинит назад с одним небольшим покачиванием. Передний край ползунка переключателя идёт на более жёсткой пружине, чем задний, так что ползунок растягивается в движении. Индикатор вкладок так же вытягивается вперёд и догоняет. Числа графика прокручиваются с лёгким размытием, линия рисуется слева направо примерно за 0.5 с, а кривая перетекает в новую форму при смене вкладки. Строки палитры появляются с интервалом 40 мс, а отфильтрованные строки растворяются в размытии. Камера неподвижна, кроме мягкого приближения на 17%, пока палитра короткая, и возврата, когда формируется тост. </techniques> <music> Создай бодрый инструментальный рокабилли / кантри-рок трек в ми-бемоль мажоре, около 120 BPM, ровно по длине видео. Грув «бум-чик»: бочка на долю, малый барабан на восьмых между ними, твангующие соло-партии гитары поверх баса и ударных. Начинается на полной энергии с первого кадра и держится ровно. Размести действия курсора и морфинги по ритмической сетке. Примерно на 13.4 с группа останавливается на одном ударе с крэшем и даёт ему звучать, чтобы луп замкнулся в такт. </music> <sound> Звуковые эффекты, созданные под картинку, поверх музыки: - Каждое нажатие курсора щёлкает коротким ярким тиком с небольшим тональным звоном. Каждое отпускание даёт более мягкий и высокий тик. Оба слегка панорамируются вслед за курсором. - Крошечный блип при появлении галочки. - Обратный тарелочный нарастающий звук перед кликом по вкладке «Export». - Мягкий низкий бум, когда открывается карточка графика. - Поиск печатается на печатной машинке: две клавиши для ⌘K, один щелчок на каждую букву, более лёгкая клавиша для стрелки вниз и тяжёлый Enter с небольшим звонком машинки. - Вжик возврата каретки, когда палитра складывается в тост, заканчивающийся глухим ударом, когда тост садится. - Глубокий бум и всплеск под финальную остановку. Верхи музыки ненадолго проседают под каждый клик и нажатие клавиши, чтобы они были слышны. Без голоса. Микс около -14 LUFS, true peak ниже -1 dBTP. </sound> <references> Плавные UI-луп-морфинги из одной формы, как в презентациях интерфейсов продуктов и переходах в стиле Dynamic Island, где один контейнер постоянно перетекает в следующий компонент одним непрерывным кадром. </references>

Simple Motion

Шоурил из одного складывающегося листа без склеек

Сделай 24-секундный горизонтальный моушн-дизайн шоурил 1920x1080 со звуком на мою тему. Придерживайся одной концепции: единственный красный лист, который никогда не покидает экран и никогда не склеивается и не растворяется. Каждая сцена получается из предыдущей путём складывания и преобразования форм, шрифта и цвета. Используй один жирный рубленый шрифт, палитру из красного, белого с оттенком слоновой кости и почти чёрного (замени на цвета [your brand]) и одну неизменную плоскую камеру. Сцены, поровну по времени, на каждый такт при 120 BPM что-то происходит: 1) Хук: лист складывается быстрыми щелчками. 2) Кинетическая типографика: четыре слова, например "FOLD", "BEND", "TURN", "MOVE" (замени на свои), переворачиваются в такт. 3) Трансформация форм: лист превращается в круг, квадрат, треугольник и капсулу. 4) Из 2D в 3D: плоская развёртка куба складывается в объёмный 3D-куб. 5) Данные/интерфейс: крышка куба открывается в дашборд со считающимся числом и анимированными столбцами. 6) Столбцы превращаются в полоски-гармошку, которые защёлкиваются в лист на весь кадр с гигантским словом. 7) Финальный титр "[your brand]" в последнюю половину такта, складывается обратно так, чтобы последний кадр совпал с первым и видео зациклилось. Движение: пружинная и экспоненциальная анимация, без отскока, размытие в движении на быстрых движениях, никаких пауз дольше полсекунды. Без частиц, свечения, бликов, тряски, RGB-сдвига, перекрёстных затуханий и градиентов. Звук: синтезированный саундтрек с бочкой на каждый такт, райзером перед самым сильным моментом и ударом на каждой смене сцены.

Использовали 50 раз

Simple Motion

Запуск продукта в стиле keynote одним непрерывным кадром

Сделай квадратный видеоролик 1440x1440, 27 секунд, со звуком, в стиле презентации Apple. Только 2D, один непрерывный дубль: никаких склеек, затуханий, размытия, частиц и свечения. Каждая сцена вырастает из предыдущей, объекты меняют форму. Текст поднимается из линии-маски, иконки выскакивают из нуля на пружине, полосы прорисовываются, страницы сдвигаются, а чёрная фигура заливает кадр и сжимается в следующую сцену. Палитра: тёплый off-white, чёрный интерфейс, стекло в духе iOS 26 поверх фото. Шрифты: очень широкий жирный гротеск для слова-логотипа и Geist для интерфейса. Курсор делает настоящие клики, перетаскивания и долгие нажатия, а камера зумит как в Screen Studio, так что каждый момент заполняет квадрат. Ритм 120 BPM, на каждый бит что-то происходит. 1) Слово «[your brand]» сжимается в собственную точку, точка растёт в чёрную пилюлю, внутри поднимается подпись. Клик: шесть лепестков диафрагмы закрываются и открываются на фото. 2) Круг становится квадратом и уменьшается, из-под него раскладывается сетка фото, как бумажная карта, затем перестраивается в бенто. Зум в плитку попадает в дроп. 3) Стеклянное слово «Edit» тает в каплю, капля становится тулбаром, тулбар слайдером. Перетаскивание слайдера перекрашивает фото в золотой час, ползунок превращается в линзу, затем в сферу, затем в экран блокировки. 4) Финал: чёрная фигура заливает кадр и сжимается в светлую стену с бегущими тенями листьев, на стене висит рамка с отпечатком, слово «[your brand]» возвращается. Музыка с дропом и тихим брейкдауном, клики и щелчки точно по биту.

Использовали 19 раз

Simple Motion

Шоурил сайта на 15 секунд с одним сквозным объектом

Сделай горизонтальный видеоролик 1920x1080, 15 секунд, со звуком: шоурил моего сайта. Используй настоящие логотип, тексты и вид интерфейса с сайта, ничего не выдумывай: ни функций, ни цифр. Выбери один сквозной объект из самого продукта (курсор, главную кнопку или знак логотипа) и назови его до раскадровки. Каждая сцена должна быть его превращением: он начинается в интерфейсе, в каждой сцене меняет форму или роль и в финале становится логотипом на конечной карточке. Интерфейс перерисуй векторными слоями, чтобы его части двигались по отдельности, плоские скриншоты не вкатывай. Курсор сам делает клики и перетаскивания. Камера в стиле screen-studio наезжает так, что каждый момент заполняет кадр. В каждой сцене она плавно идёт от масштаба 1.0 до 1.04 и никогда не стоит, а следующая сцена начинается с масштаба, на котором закончилась предыдущая. Стиль: фирменные цвета и один фирменный шрифт, много пустого места. Один акцентный цвет только на сквозном объекте и ключевом слове, например «Make videos by chatting» (замени на свой текст). Движение: пружины с малым перелётом, ничто не появляется из пустоты, всё вырастает, раскрывается или проявляется маской, на каждой доле что-то меняется. Звук: оригинальная музыка без вокала, 120 BPM, бочка на каждую долю, хлопок через долю, бас и звонкое арпеджио, аккорд на каждой смене сцены. Перед кульминацией на 12-й секунде добавь нарастание с частыми хэтами и самый сильный удар. На каждой сцене нужны короткие звуковые эффекты, например щелчки по элементам. Громкость около -14 LUFS.

Использовали 9 раз

Simple Motion

Одна фигура превращается в 10 UI-элементов под ритм

Сделай вертикальное видео 1080x1920 длиной около 22 секунд со звуком. Тёмная сцена, чёрно-белая графика и один акцент цвета электрик-синий. В центре одна геометрическая фигура, которая без склеек плавно перетекает из одного интерфейсного элемента в другой. Всего 10 состояний, по одному на такт под музыку 120 BPM: кнопка, лоадер, переключатель, ползунок, вкладки, плеер, диаграмма, уведомление-тост, командная палитра с печатью текста, и в конце снова кнопка. Каждое превращение попадает в долю: фигура упруго растягивается и меняет форму, элементы внутри появляются с лёгким сдвигом и масштабом, а старые мягко исчезают. Шрифт чистый геометрический гротеск, короткие подписи вроде "Играть" или "Поиск" (замени своими). Музыка: энергичный электронный трек 120 BPM, сведённый с картинкой по сетке тактов. Много звуковых эффектов, каждый ровно на кадре действия: у переключателя чёткий щелчок и короткий вжух, при включении яркий звон; у ползунка трещотка, которая растёт по тону вместе с движением, и мягкий щелчок в конце; при печати текста на каждую букву свой щелчок клавиши с небольшими отличиями по высоте, а пробел глуше; лоадер тихо тикает; вкладки скользят и защёлкиваются; кнопка нажимается со звуком клика.

Использовали 3 раза

Бесшовный 15-секундный шоурил приложения в моушн-графике

Объяснение продукта в стиле нарисованного рецепта напитка

Погружение в 3D-стену приложений: демо продукта в три шага

Промо для лендинга с переходами через объекты

Кинетическое видео-запуск приложения с анимированным макетом интерфейса

Промо с билетом, чемоданом и форматами и появлением логотипа

Сплит-скрин заставка приложения в двух частотах кадров

Шоурил, который показывает принципы движения на самом себе

Soft-tech промо приложения: стена иконок, телефон и 3D-студия

Зацикленный UI-морфинг под управлением кликающего курсора

Шоурил из одного складывающегося листа без склеек

Запуск продукта в стиле keynote одним непрерывным кадром

Шоурил сайта на 15 секунд с одним сквозным объектом

Одна фигура превращается в 10 UI-элементов под ритм

Cookies и конфиденциальность