Produktový film Spotify

Vytvořte kompletní a propracované video s motion graphics tématem Spotify z následujícího zadání. Toto zadání je samostatné: není vyžadováno žádné referenční video ani dodané materiály.

 18sekundový MP4 v rozlišení 1920×1080 a skutečných 60 fps, s hudbou a jemnými zvukovými efekty. Kompletní upravitelný zdrojový kód. Vytvořte, vykreslete, zkontrolujte a vylepšete animaci před jejím odesláním. Nezastavujte se u storyboardu, statických obrázků nebo implementačního plánu.

Prémiový hudební film prezentovaný na velkém, téměř černém zaobleném obdélníkovém pódiu
Jeviště zabírá zhruba 80 % šířky plátna a 75 % jeho výšky, je vodorovně vycentrováno a mírně pod svislou osou.
Mimo jeviště použijte jemné atmosférické zelené pozadí: zářivou smaragdovou poblíž levého horního rohu, tmavší lesní zelenou směrem ke stranám a dole téměř černou.
Uvnitř pódia:
Téměř černé pozadí
Bílá primární typografie
Tlumený šedý sekundární text
Spotify green # 1ED760 pro zvýraznění a ovládání
Jedno čisté bezpatkové písmo, například Geist nebo Inter
Konzistentní tahy ikon a zdrženlivé stíny
Udržujte kompozice kompaktní a vycentrované s dostatečným negativním prostorem
Text by měl působit jako reklama na hudební produkt, nikoli jako nadměrně velké nadpisy prezentací
Nepřidávejte vnější popisek, vodoznak tvůrce, ozdobnou patičku ani počítadlo průběhu

 Vytvořte originální čtvercový obal alba pro fiktivní skladbu s názvem „Glass Tides“ od „AURA“
Hlavní obálka je abstraktní makro obraz tekoucího perleťového tekutého hedvábí a roztaveného skla.
Použijte pastelovou levandulovou, pudrově azurovou, tvářenkově růžovou, šampaňsky zlatou a jemnou mátovou.
Zahrnuje široké trojrozměrné záhyby, realistické reflexní prvky, jemné pruhy a výrazný esovitý záhyb
Vyplňte čtverec od okraje k okraji
Na tomto hrdinském díle není žádný text, logo ani okraj.
Používejte stejnou kresbu konzistentně v celém filmu

Vytvořte si další designové obaly na playlisty:
„Pozdní noci“ v hořčicově žluté
„Dobrá energie“ v růžové
„Hluboké zaostření“ v modré barvě
„Denní mix 1“, „Denní mix 2“ a „Denní mix 3“ v doplňkových barvách

Měly by vypadat jako hotové grafické obálky s výraznou typografií a jednoduchými geometrickými motivy.

 0,0–0,6 sekundy: Zelená ikona Spotify plynule roste do středu tmavého pódia. S jistotou a minimálním překročením.
0,6–1,5 sekundy:
Ikona se změní na malou identitu Spotify nad dvěma středovými čarami:
"Objevit"
„nová hudba“
První řádek je bílý; druhý je zelený
Odhalte je krátkými maskovanými vertikálními pohyby
1,5–2,4 sekundy:
Stylizované rozhraní Spotify pro stolní počítače se objevuje na obzoru
Zobrazit úzký postranní panel, „Vyrobeno pro vás“, tři karty alb a malé podpůrné řádky
Při vstupu použijte jemný perspektivní náklon, který se ustálí směrem k čelnímu pohledu.
2,4–3,2 sekundy:
Přibližte se ke třem vybraným obálkám
Zobrazit nad nimi „Novinky pro vás“
Udržujte grafiku ostrou a pod ní krátké názvy alb
Úzký zaoblený hráčský pruh nyní ukotvuje spodní část scény.
3,2–4,0 sekundy:
Doporučené karty se shromažďují v kompaktním seznamu „Nové nálezy“
Odhalte čtyři řady písní s mírným odsazením
Každý řádek obsahuje miniaturu, název krátké skladby, interpreta a malou ikonu nabídky
4,0–4,9 sekundy:
Přechod do vodorovného pruhu barevných obalů playlistů
Nadpis: „Každá nálada“
Doplňující věta: „Najděte, co vás pohne“
Pás se plynule posouvá do stran, přičemž okrajové karty jsou částečně oříznuty jevištěm
4,9–5,8 sekundy:
Zobrazí se kompaktní vyhledávací pole
Typ „Skleněné přílivy“
Zobrazte pod ním jeden vybraný výsledek s duhovým grafickým designem „AURA“ a zelenou ikonou přehrávání.

5,8–6,6 sekundy:
Vybraná kresba se rozbalí do velkého středového obalu.
Odhalte dole „Skleněné přílivy“ a poté zeleně „AURA“
Udržujte lištu přehrávače viditelnou
6,6–7,5 sekundy:
Stejné krycí sklíčka vlevo
Informace o skladbě se zobrazí vpravo:
„Skleněné přílivy“
"AURA"
„Nová frekvence“
Přidat zaoblené zelené tlačítko Přehrát
Koordinujte pohyb obálky a odhalení textu
7,5–8,3 sekundy:
Krátká proměna barev značky vyplní vnitřní pódium zelenou
Umělecké dílo se smršťuje do menší středové dlaždice
Umístěte pod ni malou tmavou identitu Spotify
Hráč krátce ustoupí
8,3–9,8 sekundy:
Návrat na temnou scénu
Stejné umělecké dílo se dramaticky rozšiřuje směrem k fotoaparátu, stává se nadměrně velkým a oříznutým zaoblenou scénou.
Obnovte přehrávač dole
Používejte kontrolované rozmazání pohybem během nejrychlejší fáze zoomu

9,8–11,2 sekundy:
Umělecké dílo se vyrovnává s typografickým prohlášením zaměřeným na střed:
„Najděte si své“
"rytmus"
Pro první řádek použijte bílou a pro druhý zelenou.
Přehrávač pod ním zůstává viditelný a stabilní
11,2–12,5 sekundy:
Pořad „Vyrobeno pro každý den“
Tři obaly na playlisty s jemnou perspektivou a malými protilehlými náklony
Rozprostřely se do šesti menších rukávů po celém pódiu
Doplňující věta: „Váš zvuk se neustále vyvíjí“

12,5–14,0 sekund:
Rozvržení playlistu se přepíná do čtyř plovoucích obalů alb
Přidejte duhově třpytivou kresbu hrdiny
Používejte omezenou rotaci, perspektivu, řazení hloubky a překrytí
Udržujte jejich pohyb koordinovaný, spíše než náhodně se vznášející
14,0–15,2 sekundy:
Kryty se sbíhají směrem ke středu a ohýbají se kolem zelené ikony Spotify
Umělecké dílo se stahuje, ikona se stává ústředním bodem
Ztlumení hráče
Ikona Spotify musí vycházet ze stejné centrální pozice jako sbíhající se obaly
15,2–18,0 sekund:
Ikona se mírně posune doleva a usadí se vedle velkého bílého nápisu „Spotify“
Udržujte ikonu a písmena oddělená během celého pohybu
Odhalit:
„Objevte novou hudbu“
„každý den“
První řádek je bílý; druhý je zelený
Hotovou kompozici držte čistě až do konce

Po většinu prostřední sekvence ponechte jeden úzký zaoblený hráčský pruh blízko spodní části vnitřní scény.
Zahrnout:
Malá miniatura hrdinského obrázku
„Skleněné přílivy“ a „AURA“
Ovládání přehrávání a přeskakování
Tenká dráha pokroku
Malá ikona hlasitosti
Tlumený tmavý průsvitný styling s jemným okrajem
Tento opakující se hráč spojuje měnící se střely
Musí zůstat vizuálně druhořadé vůči uměleckému dílu

Vyrovnejte energii pečlivě sestříhaného prémiového filmového filmu
Většina vizuálních nápadů trvá přibližně jednu sekundu, ale přechody zůstávají plynulé
Používejte plynulé zrychlování a zpomalování
Upřednostňujte kriticky tlumené pružiny nebo pečlivě vyladěné plynulé uvolnění
Žádné opakované odskakování ani velké elastické překmitnutí
Zachovat identitu hlavního díla a vztahy pozic pomocí vyhledávání, detailů alba, dlaždic značky a zoomu
Používejte přechody s odpovídajícími pozicemi, koordinované škálování, maskovaná odhalení a perspektivu
Odchozí tituly musí zmizet dříve, než příchozí tituly obsadí stejné místo.
Vyhněte se překrývajícímu se textu, náhlému resetu fotoaparátu, dlouhým intervalům prázdného obrazu a libovolnému prolnutí celého snímku
Zastřihněte každý nadměrně velký obal a kamera se čistě přesune na zaoblenou plochu
Žádné částice, rázové vlny, odlesky objektivu, chvění fotoaparátu ani nesouvisející záběry z fotobanky

 Vytvořte nebo vyberte komerčně použitelnou elektronickou hudbu s rytmem okolo 120 BPM Používejte čistý pulz, teplé basy, zdrženlivé melodické prvky a jemné přechodové akcenty. Slaďte důležité vstupy, výběry, zoomy a odhalení loga s hudebními událostmi. Efekty ponechte tišší než hudba. Žádný dabing. Nepoužívejte komerční skladby chráněné autorskými právy bez svolení.

Vytvořte deterministickou animaci řízenou absolutním časem pomocí asynchronního okna. Funkce seek(t)
Každá transformace, krytí, maska a stav uživatelského rozhraní musí být reprodukovatelné při hledání snímků v libovolném pořadí.
Během exportu se nespoléhejte na živé časovače, akumulovanou fyziku ani přechodové stavy CSS

Renderujte skutečnou frekvenci 60 fps s prostorovým antialiasingem
Pro potlačení rozmazání pohybem použijte 3–5 vzorků časových dílčích snímků na výstupní snímek.
Zachovejte ostrý statický text a grafiku
Kontrola kontaktních listů a pohyblivé přehrávání
Zkontrolujte rychlé změny nadpisů, předávání grafiky, zoom, konvergenci obálky a konečné rozestupy slovních značek.
Ověřte rovnoměrně rozmístěné časové razítka snímků a celou 18sekundovou délku trvání
Opravte vizuální vady před odesláním finálního MP4 a upravitelného zdrojového kódu

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

Výzva převzata z zveřejnit @brainextends.