Настройка: Фільм пра прадукт 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 секунды:
Выбраная ілюстрацыя разгортваецца ў вялікую цэнтральную вокладку
Адкрыйце пад ім надпіс «Шкляныя прылівы», а затым зялёны надпіс «AURA»
Трымайце панэль прайгравальніка бачнай
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.