Филм за производи на Spotify

Создадете комплетно, дотерувано видео со графика во движење со тема на Spotify од следниов опис. Ова упатство е самостојно: не е потребно референтно видео или доставени материјали.

 MP4 датотека од 18 секунди со резолуција од 1920×1080 и вистински 60 fps, со музика и суптилни звучни ефекти. Целосен изворен код за уредување. Изградете, рендерирајте, проверете и усовршете ја анимацијата пред да ја доставите. Не запирајте на сториборд, фотографии или план за имплементација.

Премиум филм за музички производ презентиран во голема, речиси црна, заоблена правоаголна сцена
Сцената зафаќа приближно 80% од ширината на платното и 75% од неговата висина, центрирана хоризонтално и малку под вертикалниот центар.
Надвор од сцената, користете мека атмосферска зелена позадина: светкава смарагдна боја во близина на горниот лев агол, потемна шумско зелена боја кон страните, бледнее до речиси црна боја на дното.
Внатре во сцената:
Речиси црна позадина
Бела примарна типографија
Пригушен сив секундарен текст
Spotify зелено # 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 fps со просторно антиалиасирање
Користете 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.