Моушн-графіка у стилі Spotify

Створіть завершений, відшліфований моушн-графічний ролик у стилі Spotify на основі наведеного брифу. Цей промпт самодостатній: референсний ролик або надані матеріали не потрібні. <deliverables> MP4 тривалістю 18 секунд, роздільністю 1920×1080 і справжньою частотою 60 кадрів/с, із музикою та ледь помітними звуковими ефектами Повністю редагований вихідний файл Створіть, відрендерте, перевірте й доопрацюйте анімацію перед передаванням Не зупиняйтеся на розкадруванні, статичних зображеннях або плані реалізації </deliverables> <art_direction> Преміальний рекламний ролик музичного продукту, представлений усередині великої майже чорної сцени із заокругленим прямокутним контуром Сцена займає приблизно 80% ширини та 75% висоти полотна, розташована по центру горизонталі й трохи нижче вертикального центра За межами сцени використайте м’який атмосферний зелений фон: яскравий смарагдовий відтінок у верхньому лівому куті, глибший лісовий зелений з боків, що внизу переходить майже в чорний Усередині сцени: Майже чорний фон Основна типографіка білого кольору Другорядний текст приглушеного сірого кольору Spotify green # 1ED760 для акцентів і елементів керування Один чистий шрифт без зарубок, наприклад Geist або Inter Узгоджена товщина штрихів і стримані тіні Композиції мають бути компактними й центрованими, із достатньою кількістю негативного простору Текст має нагадувати рекламу музичного продукту, а не великі заголовки для презентації Не додавайте зовнішній підпис, водяний знак автора, декоративний нижній колонтитул або лічильник прогресу </art_direction> <artwork> Створіть оригінальну квадратну обкладинку альбому для вигаданого треку під назвою “Glass Tides” виконавця “AURA” Головна обкладинка — абстрактне макрозображення текучого перламутрового шовку та розплавленого скла Використайте пастельну лаванду, припилений блакитний, ніжно-рожевий, шампанське золото й ледь помітний м’ятний відтінок Додайте широкі об’ємні складки, реалістичні відблиски на поверхні, делікатні прожилки та виразну широку S-подібну складку Заповніть квадрат від краю до краю Без тексту, логотипа чи рамки на цій головній обкладинці Послідовно використовуйте цю саму ілюстрацію протягом усього ролика Створіть додаткові оформлені обкладинки плейлистів: “Late Nights” у гірчично-жовтій гамі “Good Energy” у рожевій гамі “Deep Focus” у синій гамі “Daily Mix 1”, “Daily Mix 2” і “Daily Mix 3” у додаткових гармонійних кольорах Вони мають виглядати як завершені графічні обкладинки з жирною типографікою та простими геометричними мотивами </artwork> <timeline> 0.0–0.6 секунди: Зелений значок Spotify плавно збільшується в центрі темної сцени. Забезпечте впевнену появу з мінімальним перерегулюванням 0.6–1.5 секунди: Значок переходить у невеликий елемент фірмового стилю Spotify над двома центрованими рядками: “Discover” “new music” Перший рядок білий, другий — зелений Покажіть їх короткими вертикальними рухами з маскою 1.5–2.4 секунди: Стилізований інтерфейс Spotify для комп’ютера піднімається в кадр Покажіть вузьку бічну панель, “Made for you”, три картки альбомів і невеликі додаткові рядки Під час появи використайте легкий перспективний нахил, який поступово переходить у фронтальний вигляд 2.4–3.2 секунди: Наблизьтеся до трьох вибраних обкладинок Розмістіть над ними напис “New for you” Збережіть чіткість ілюстрацій, додавши під ними короткі назви альбомів Тепер унизу сцени з’являється вузька панель програвача із заокругленими кутами 3.2–4.0 секунди: Вибрані картки стискаються у компактний список “Fresh finds” Покажіть чотири рядки пісень із невеликою затримкою між появами Кожен рядок містить мініатюру, коротку назву треку, виконавця та невеликий значок меню 4.0–4.9 секунди: Перейдіть до горизонтальної стрічки барвистих обкладинок плейлистів Заголовок: “Every mood” Додатковий рядок: “Find what moves you” Стрічка плавно рухається вбік, а крайні картки частково обрізаються межами сцени 4.9–5.8 секунди: З’являється компактне поле пошуку Введіть “Glass Tides” Покажіть під ним один вибраний результат із райдужною ілюстрацією, написом “AURA” та зеленою піктограмою відтворення 5.8–6.6 секунди: Вибрана ілюстрація розгортається у велику центровану обкладинку Покажіть під нею “Glass Tides”, а далі — “AURA” зеленого кольору Залиште панель програвача видимою 6.6–7.5 секунди: Та сама обкладинка зміщується ліворуч Праворуч з’являється інформація про трек: “Glass Tides” “AURA” “A new frequency” Додайте зелену кнопку Play із заокругленими кутами Синхронізуйте рух обкладинки та появу тексту 7.5–8.3 секунди: Коротка трансформація у фірмових кольорах заповнює внутрішню сцену зеленим Ілюстрація стискається до меншої центрованої плитки Розмістіть під нею невеликий темний елемент фірмового стилю Spotify Панель програвача на мить відходить на задній план 8.3–9.8 секунди: Поверніться до темної сцени Та сама ілюстрація різко наближається до камери, стає надвеликою та обрізається заокругленими межами сцени Поверніть програвач унизу Використайте контрольоване розмиття в русі під час найшвидшої частини наближення 9.8–11.2 секунди: Ілюстрація змінюється на центроване типографічне повідомлення: “Find your” “rhythm” Перший рядок білий, другий — зелений Програвач залишається видимим і стабільним під ним 11.2–12.5 секунди: Покажіть “Made for your every day” Три обкладинки плейлистів з’являються з легкою перспективою та невеликими нахилами в протилежні боки Вони розгортаються у шість менших обкладинок по всій сцені Додатковий рядок: “Your sound, always evolving” 12.5–14.0 секунди: Композиція плейлистів переходить у чотири обкладинки альбомів, що ширяють Додайте головну райдужну ілюстрацію Використайте стримане обертання, перспективу, розподіл за глибиною та накладання Рух обкладинок має бути скоординованим, а не хаотичним 14.0–15.2 секунди: Обкладинки сходяться до центру й обгортають зелений значок Spotify Ілюстрація відходить назад, а значок стає головним фокусом Плавно приберіть програвач Значок Spotify має з’явитися з тієї самої центральної точки, до якої сходилися обкладинки 15.2–18.0 секунди: Значок трохи зміщується ліворуч і зупиняється поруч із великим білим написом “Spotify” Під час руху значок і літери мають залишатися розділеними Покажіть: “Discover new music” “every day” Перший рядок білий, другий — зелений Чітко утримуйте завершену композицію до самого кінця </timeline> <persistent_player> Протягом більшої частини середньої послідовності залишайте одну вузьку панель програвача із заокругленими кутами біля нижнього краю внутрішньої сцени Додайте: Мініатюру головної ілюстрації “Glass Tides” і “AURA” Кнопки відтворення та перемикання треків Тонку смугу прогресу Невеликий значок гучності Стримане темне напівпрозоре оформлення з тонкою рамкою Цей повторюваний програвач поєднує різні сцени Він має залишатися візуально другорядним щодо ілюстрації </persistent_player> <motion_quality> Передайте енергію динамічного, ретельно змонтованого преміального рекламного ролика Більшість візуальних ідей триває приблизно одну секунду, але переходи залишаються плавними Використовуйте безперервне прискорення та уповільнення Віддавайте перевагу критично демпфованим пружинам або ретельно налаштованому плавному згладжуванню Без повторюваних підстрибувань і сильних пружних перерегулювань Зберігайте впізнаваність головної ілюстрації та взаємне розташування елементів під час переходів між пошуком, деталями альбому, фірмовою плиткою та наближенням Використовуйте переходи зі збігом позицій, узгоджене масштабування, появу через маски та перспективу Заголовки, що зникають, мають зникнути до того, як у тому самому місці з’являться нові Уникайте накладання тексту, раптових скидань камери, довгих порожніх інтервалів і довільних повнокадрових перехресних напливів Чітко обрізайте кожну надвелику обкладинку та рух камери за межами заокругленої сцени Без частинок, кілець ударної хвилі, відблисків об’єктива, тремтіння камери чи сторонніх стокових відеоматеріалів </motion_quality> <audio> Створіть або виберіть електронну музику, придатну для комерційного використання, із темпом близько 120 BPM Використайте чистий пульс, теплий бас, стримані мелодійні елементи та ледь помітні акценти переходів Синхронізуйте важливі появи, вибір елементів, наближення й появу логотипа з музичними подіями Звукові ефекти мають бути тихішими за музику Без закадрового голосу Не використовуйте комерційні треки, захищені авторським правом, без дозволу </audio> <implementation_and_validation> Створіть детерміновану анімацію, керовану абсолютним часом через асинхронну функцію window. seek(t) Кожне трансформування, значення прозорості, маска та стан інтерфейсу мають відтворюватися під час переходу до кадрів у будь-якому порядку Під час експорту не покладайтеся на активні таймери, накопичену фізику або стан CSS-переходів Рендерте зі справжньою частотою 60 кадрів/с і просторовим згладжуванням Використовуйте 3–5 семплів субкадрів у часі для кожного вихідного кадру, щоб отримати стримане розмиття в русі Зберігайте чіткість нерухомого тексту та ілюстрацій Перевірте контактні аркуші та відео під час відтворення Перевірте швидкі зміни заголовків, передачу ілюстрації, наближення, сходження обкладинок і відстані між елементами фінального напису Переконайтеся в рівномірному розподілі часових міток кадрів і повній тривалості 18 секунд Виправте візуальні дефекти перед передаванням фінального MP4 та редагованого вихідного файлу </implementation_and_validation>