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>
