Фільм про продукт Spotify

Створіть повноцінне, відшліфоване відео з анімованою графікою на тему Spotify, використовуючи наступне завдання. Це завдання є самостійним: жодних відео-посилань чи наданих ресурсів не потрібно.

 18-секундний MP4 з роздільною здатністю 1920×1080 та частотою 60 кадрів/с, з музикою та ледь помітними звуковими ефектами. Повний редагуємий вихідний код. Створення, рендеринг, перевірка та вдосконалення анімації перед її здачею. Не зупиняйтеся на розкадровці, статичних зображеннях чи плані реалізації

Преміальний музичний фільм, представлений на великій, майже чорній, округлій прямокутній сцені
Сцена займає приблизно 80% ширини полотна та 75% його висоти, розташована по центру горизонтально та трохи нижче вертикального центру
Поза сценою використовуйте м'який атмосферний зелений фон: сяючий смарагдовий біля верхнього лівого кута, глибший лісовий зелений з боків, що переходить у майже чорний колір внизу.
Всередині сцени:
Майже чорний фон
Біла первинна типографіка
Приглушений сірий додатковий текст
Spotify green # 1ED760 для акценту та керування
Один чистий шрифт без засічок, такий як Geist або Inter
Послідовні штрихи значків та стримані тіні
Зберігайте композиції компактними та центрованими, зі значним негативним простором
Текст має виглядати як реклама музичного продукту, а не як завеликі заголовки презентації
Не додавайте зовнішній підпис, водяний знак автора, декоративний нижній колонтитул або лічильник прогресу

 Створіть оригінальну квадратну обкладинку альбому для вигаданого треку під назвою «Glass Tides» гурту «AURA»
Обкладинка головного героя — це абстрактне макрозображення перламутрового рідкого шовку та розплавленого скла.
Використовуйте пастельний лавандовий, пудровий блакитний, рожевий рум'яна, золотистий колір шампанського та ніжний м'ятний
Включає широкі тривимірні складки, реалістичні світловідбиваючі відблиски, ніжні смуги та помітну широку S-подібну складку
Заповніть квадрат від краю до краю
На цьому головному творі мистецтва немає тексту, логотипу чи рамки
Використовуйте той самий твір мистецтва послідовно протягом усього фільму

Створіть додаткові спеціально розроблені обкладинки для списків відтворення:
«Пізні ночі» гірчично-жовтого кольору
«Добра енергія» рожевого кольору
«Глибокий фокус» синього кольору
«Щоденні мікс 1», «Щоденні мікс 2» та «Щоденні мікс 3» у додаткових кольорах

Вони мають виглядати як готові обкладинки з графічним дизайном, з жирною типографікою та простими геометричними мотивами.

 0.0–0.6 секунди: Зелений значок Spotify плавно розростається в центрі темної сцени. Забезпечує впевнене прибуття з мінімальним перевищенням.
0,6–1,5 секунди:
Значок перетворюється на невеликий логотип Spotify над двома центрованими лініями:
«Відкрийте»
«Нова музика»
Перша лінія біла, друга зелена
Виявіть їх короткими маскованими вертикальними рухами
1,5–2,4 секунди:
Стилізований інтерфейс Spotify для робочого столу з'являється на екрані
Показати вузьку бічну панель, «Зроблено для вас», три картки альбомів та невеликі допоміжні рядки
Використовуйте ледь помітний нахил перспективи під час входу, орієнтуючись на фронтальний вигляд.
2,4–3,2 секунди:
Підійдіть ближче до трьох представлених обкладинок
Показувати над ними «Новинки для вас»
Зберігайте чіткість оформлення, додаючи короткі назви альбомів під ними
Вузька закруглена панель гравця тепер закріплює нижню частину сцени.
3,2–4,0 секунди:
Рекомендовані картки зібрані в компактний список «Нові знахідки»
Розкрийте чотири ряди пісень з невеликим зміщенням
Кожен рядок містить мініатюру, назву короткого треку, виконавця та невелику піктограму меню
4,0–4,9 секунди:
Перехід у горизонтальну смугу різнокольорових обкладинок плейлистів
Заголовок: «На кожен настрій»
Допоміжна фраза: «Знайди те, що тебе рухає»
Смуга плавно ковзає вбік, а краї карт частково обрізані сценою
4,9–5,8 секунди:
З’явиться компактне поле пошуку
Тип «Скляні припливи»
Відкрийте один вибраний результат під ним, з переливчастою графікою «AURA» та зеленою іконкою відтворення

5,8–6,6 секунди:
Вибрана ілюстрація розгортається у велику обкладинку по центру
Знизу відкрийте напис «Скляні припливи», а потім зелений напис «АУРА»
Зберігайте панель програвача видимою
6,6–7,5 секунд:
Ті ж самі обкладинки зліва
Інформація про трек відображається праворуч:
«Скляні припливи»
«АУРА»
«Нова частота»
Додати заокруглену зелену кнопку відтворення
Координуйте рух обкладинки та розкриття тексту
7,5–8,3 секунди:
Коротка трансформація кольору бренду заповнює внутрішню сцену зеленим
Художній витвір стискається до меншої центральної плитки
Розмістіть невелику темну ідентифікацію Spotify під нею
Гравець ненадовго відступає
8,3–9,8 секунди:
Повернення на темну сцену
Той самий витвір мистецтва різко розширюється до камери, стаючи збільшеним та обрізаним заокругленою сценою.
Відновіть плеєр внизу
Використовуйте контрольоване розмиття руху під час найшвидшої фази масштабування

9,8–11,2 секунди:
Художній твір перетворюється на центроване типографічне твердження:
«Знайди своє»
«ритм»
Використовуйте білий колір для першого рядка та зелений для другого
Гравець залишається видимим та стабільним під ним
11,2–12,5 секунд:
Шоу «Створено для вашого щоденного життя»
Три обкладинки для плейлистів мають м'яку перспективу та невеликі протилежні нахили
Вони розійшлися по сцені на шість менших рукавів
Допоміжна фраза: «Твій звук, який завжди розвивається»

12,5–14,0 секунд:
Макет списку відтворення переходить у чотири плаваючі обкладинки альбомів
Додайте райдужну ілюстрацію героя
Використовуйте обмежене обертання, перспективу, упорядкування глибини та перекриття
Зберігайте скоординовані рухи, а не хаотично плавайте
14,0–15,2 секунди:
Обкладинки сходяться до центру та складаються навколо зеленої іконки Spotify
Художній твір віддаляється, а ікона стає центром уваги
Зменшити кількість гравців
Значок Spotify має виходити з того ж центрального положення, що й обкладинки, що сходяться
15,2–18,0 секунд:
Значок трохи зміщується ліворуч і розташовується поруч із великим білим написом «Spotify»
Тримайте значок та літери окремо протягом усього руху
Розкрити:
«Відкрийте для себе нову музику»
«Щодня»
Перша лінія біла, друга зелена
Тримайте готову композицію акуратно до кінця

Протягом більшої частини середньої послідовності залишайте одну вузьку заокруглену панель гравця біля нижньої частини внутрішньої сцени.
Включити:
Невелика мініатюра головного героя
«Скляні припливи» та «АУРА»
Елементи керування відтворенням та пропусканням
Тонка доріжка прогресу
Маленький значок гучності
Приглушений темний напівпрозорий стиль з тонкою облямівкою
Цей гравець, що постійно повторює удари, поєднує їх у грі.
Воно має залишатися візуально другорядним по відношенню до твору мистецтва

Відчуйте енергетику ретельно змонтованого преміального фільму про продукт
Більшість візуальних ідей тривають приблизно одну секунду, але переходи залишаються плавними
Використовуйте плавне прискорення та уповільнення
Віддавайте перевагу критично демпфованим пружинам або ретельно налаштованому плавному заспокоєнню
Відсутність повторних підстрибків або значних пружних перепадів
Збережіть ідентичність головного твору мистецтва та взаємозв'язки позицій за допомогою пошуку, деталей альбому, плитки бренду та масштабування
Використовуйте переходи позицій відповідності, узгоджене масштабування, масковані розкриття та перспективу
Вихідні заголовки повинні зникнути, перш ніж вхідні заголовки займуть той самий простір
Уникайте перекриття тексту, раптового перезавантаження камери, довгих інтервалів зйомки та довільного повнокадрового перекриття кадрів
Обріжте кожну завелику обкладинку, і камера акуратно переміститься на заокруглену сцену
Без частинок, ударних хвильових кілець, відблисків об'єктива, тремтіння камери чи непов'язаних стокових відеоматеріалів

 Створюйте або обирайте комерційно придатну електронну музику з частотою близько 120 BPM Використовуйте чистий пульс, теплий бас, стримані мелодійні елементи та ледь помітні акценти переходів. Узгоджуйте важливі входи, виділення, масштабування та розкриття логотипу з музичними подіями. Робіть ефекти тихішими за музику. Без закадрового голосу. Не використовуйте захищені авторським правом комерційні треки без дозволу.

Створіть детерміністичну анімацію, керовану абсолютним часом, за допомогою асинхронного вікна. Функція seek(t)
Кожне перетворення, непрозорість, маска та стан інтерфейсу користувача повинні бути відтворюваними під час пошуку кадрів у будь-якому порядку.
Не залежати від таймерів реального часу, накопиченої фізики або стану переходу CSS під час експорту

Рендеринг зі справжніми 60 кадрами в секунду та просторовим згладжуванням
Використовуйте 3–5 вибірок часових підкадрів на вихідний кадр для стримування розмиття руху
Зберігайте чіткість стаціонарного тексту та ілюстрацій
Перевірте контактні аркуші та переміщення відтворення
Перевірте швидкі зміни заголовків, передачу ілюстрацій, масштабування, зближення обкладинок та остаточний інтервал між словесними знаками
Перевірте рівномірно розташовані позначки часу кадрів та повну 18-секундну тривалість
Виправте візуальні дефекти перед тим, як надсилати кінцевий MP4 та редагований вихідний код

Create a complete, polished Spotify-themed motion graphics video from the following brief. This prompt is self-contained: no reference video or supplied assets are required.

 An 18-second MP4 at 1920×1080 and true 60 fps, with music and subtle sound effects Complete editable source Build, render, inspect, and refine the animation before delivering it Do not stop at a storyboard, still images, or an implementation plan

A premium music-product film presented inside a large, nearly black rounded rectangular stage
The stage occupies roughly 80% of the canvas width and 75% of its height, centered horizontally and slightly below the vertical center
Outside the stage, use a soft atmospheric green background: luminous emerald near the upper-left corner, deeper forest green toward the sides, fading to near-black at the bottom
Inside the stage:
Near-black background
White primary typography
Muted gray secondary text
Spotify green # 1ED760 for emphasis and controls
One clean sans-serif font, such as Geist or Inter
Consistent icon strokes and restrained shadows
Keep compositions compact and centered, with substantial negative space
Text should feel like music-product advertising, not oversized presentation headings
Do not add an outer caption, creator watermark, decorative footer, or progress counter

 Create original square album artwork for a fictional track called “Glass Tides” by “AURA”
The hero cover is an abstract macro image of flowing pearlescent liquid silk and molten glass
Use pastel lavender, powder cyan, blush pink, champagne gold, and subtle mint
Include broad three-dimensional folds, realistic reflective highlights, delicate striations, and a prominent sweeping S-shaped fold
Fill the square edge to edge
No text, logo, or border on this hero artwork
Use this same artwork consistently throughout the film

Create additional designed playlist sleeves:
“Late Nights” in mustard yellow
“Good Energy” in pink
“Deep Focus” in blue
“Daily Mix 1”, “Daily Mix 2”, and “Daily Mix 3” in complementary colors

These should look like finished graphic-design covers, with bold typography and simple geometric motifs

 0.0–0.6 seconds: A green Spotify icon grows smoothly into the center of the dark stage Give it a confident arrival with minimal overshoot
0.6–1.5 seconds:
The icon transitions into a small Spotify identity above two centered lines:
“Discover”
“new music”
The first line is white; the second is green
Reveal them with short masked vertical movements
1.5–2.4 seconds:
A stylized Spotify desktop interface rises into view
Show a slim sidebar, “Made for you”, three album cards, and small supporting rows
Use a subtle perspective tilt during the entrance, settling toward a frontal view
2.4–3.2 seconds:
Move closer to the three featured covers
Show “New for you” above them
Keep the artwork crisp, with short album titles beneath
A narrow rounded player bar now anchors the bottom of the stage
3.2–4.0 seconds:
The featured cards withdraw into a compact “Fresh finds” list
Reveal four song rows with a slight stagger
Each row contains a thumbnail, short track title, artist, and a small menu icon
4.0–4.9 seconds:
Transition into a horizontal strip of colorful playlist covers
Heading: “Every mood”
Supporting line: “Find what moves you”
The strip slides smoothly sideways, with edge cards partially cropped by the stage
4.9–5.8 seconds:
A compact search field appears
Type “Glass Tides”
Reveal one selected result beneath it, with the iridescent artwork, “AURA”, and a green play icon

5.8–6.6 seconds:
The selected artwork expands into a large centered cover
Reveal “Glass Tides” underneath, followed by “AURA” in green
Keep the player bar visible
6.6–7.5 seconds:
The same cover slides left
Track information appears on the right:
“Glass Tides”
“AURA”
“A new frequency”
Add a rounded green Play button
Coordinate the cover movement and text reveals
7.5–8.3 seconds:
A brief brand-color transformation fills the inner stage with green
The artwork contracts into a smaller centered tile
Place a small dark Spotify identity underneath
The player briefly recedes
8.3–9.8 seconds:
Return to the dark stage
The same artwork expands dramatically toward the camera, becoming oversized and cropped by the rounded stage
Restore the player at the bottom
Use controlled motion blur during the fastest part of the zoom

9.8–11.2 seconds:
The artwork clears into a centered typographic statement:
“Find your”
“rhythm”
Use white for the first line and green for the second
The player remains visible and stable beneath it
11.2–12.5 seconds:
Show “Made for your every day”
Three playlist sleeves enter with gentle perspective and small opposing tilts
They spread into six smaller sleeves across the stage
Supporting line: “Your sound, always evolving”

12.5–14.0 seconds:
The playlist layout transitions into four floating album covers
Include the iridescent hero artwork
Use restrained rotation, perspective, depth ordering, and overlap
Keep their movement coordinated rather than randomly floating
14.0–15.2 seconds:
The covers converge toward the center and fold around a green Spotify icon
The artwork withdraws as the icon becomes the focal point
Fade the player away
The Spotify icon must emerge from the same central position as the converging covers
15.2–18.0 seconds:
The icon moves slightly left and settles beside a large white “Spotify” wordmark
Keep the icon and letters separated throughout the movement
Reveal:
“Discover new music”
“every day”
The first line is white; the second is green
Hold the finished composition cleanly through the end

For most of the middle sequence, keep one narrow rounded player bar near the bottom of the inner stage
Include:
Small hero-art thumbnail
“Glass Tides” and “AURA”
Play and skip controls
A thin progress track
A small volume icon
Subdued dark translucent styling with a fine border
This recurring player connects the changing shots
It must remain visually secondary to the artwork

Match the energy of a tightly edited premium product film
Most visual ideas last approximately one second, but transitions remain smooth
Use continuous acceleration and deceleration
Favor critically damped springs or carefully tuned smooth easing
No repeated bouncing or large elastic overshoots
Preserve the hero artwork’s identity and position relationships through search, album detail, brand tile, and zoom
Use match-position transitions, coordinated scaling, masked reveals, and perspective
Outgoing titles must disappear before incoming titles occupy the same space
Avoid overlapping text, sudden camera resets, long blank intervals, and arbitrary full-frame crossfades
Clip every oversized cover and camera move cleanly to the rounded stage
No particles, shockwave rings, lens flares, camera shake, or unrelated stock footage

 Create or select commercially usable electronic music around 120 BPM Use a clean pulse, warm bass, restrained melodic elements, and subtle transition accents Align important entrances, selections, zooms, and the logo reveal with musical events Keep effects quieter than the music No voiceover Do not use copyrighted commercial tracks without permission

Build a deterministic animation driven by absolute time through an async window. seek(t) function
Every transform, opacity, mask, and UI state must be reproducible when seeking frames in any order
Do not depend on live timers, accumulated physics, or CSS transition state during export

Render true 60 fps with spatial antialiasing
Use 3–5 temporal subframe samples per output frame for restrained motion blur
Keep stationary text and artwork sharp
Inspect contact sheets and moving playback
Check the fast heading changes, artwork handoffs, zoom, cover convergence, and final wordmark spacing
Verify evenly spaced frame timestamps and the full 18-second duration
Fix visual defects before delivering the final MP4 and editable source

Промпт взято з посту @brainextends.