Продуктов филм на 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.