Spotify-produktfilm

Lag en komplett, polert Spotify-inspirert bevegelsesgrafikkvideo fra følgende oppgave. Denne oppgaven er selvstendig: ingen referansevideo eller medfølgende ressurser er nødvendig.

 En 18-sekunders MP4 på 1920×1080 og ekte 60 fps, med musikk og subtile lydeffekter. Komplett redigerbar kildekode. Bygg, rendre, inspiser og finjuster animasjonen før du leverer den. Ikke stopp ved et storyboard, stillbilder eller en implementeringsplan.

En førsteklasses musikkproduktfilm presentert inne i en stor, nesten svart avrundet rektangulær scene
Scenen opptar omtrent 80 % av lerretets bredde og 75 % av høyden, sentrert horisontalt og litt under det vertikale sentrum.
Utenfor scenen, bruk en myk, atmosfærisk grønn bakgrunn: lysende smaragdgrønn nær øvre venstre hjørne, dypere skoggrønn mot sidene, og falmer til nesten svart nederst.
Inne på scenen:
Nesten svart bakgrunn
Hvit primær typografi
Dempet grå sekundærtekst
Spotify grønn # 1ED760 for vektlegging og kontroller
Én ren sans-serif-skrifttype, for eksempel Geist eller Inter
Konsekvente ikonstrøk og beherskede skygger
Hold komposisjonene kompakte og sentrerte, med betydelig negativ plass
Teksten skal føles som reklame for musikkprodukter, ikke overdimensjonerte presentasjonsoverskrifter.
Ikke legg til en ytre bildetekst, vannmerke fra skaperen, dekorativ bunntekst eller fremdriftsteller

 Lag originalt firkantet albumkunstverk for et fiktivt spor kalt «Glass Tides» av «AURA»
Helteomslaget er et abstrakt makrobilde av flytende perlemoraktig flytende silke og smeltet glass
Bruk pastell lavendel, pulvercyan, blush rosa, champagne gull og diskret mynte
Inkluder brede tredimensjonale folder, realistiske reflekterende høydepunkter, delikate striper og en fremtredende, sveipende S-formet brett
Fyll kvadratet kant til kant
Ingen tekst, logo eller kantlinje på dette heltekunstverket
Bruk det samme bildet konsekvent gjennom hele filmen

Lag ekstra designede spillelisteomslag:
«Sene kvelder» i sennepsgult
«God energi» i rosa
«Dypt fokus» i blått
«Daglig blanding 1», «Daglig blanding 2» og «Daglig blanding 3» i komplementærfarger

Disse skal se ut som ferdige grafiske omslag, med dristig typografi og enkle geometriske motiver.

 0,0–0,6 sekunder: Et grønt Spotify-ikon vokser jevnt inn i midten av den mørke scenen. Gi det en trygg ankomst med minimal overskridelse.
0,6–1,5 sekunder:
Ikonet overgår til en liten Spotify-identitet over to midtstilte linjer:
"Oppdage"
«ny musikk»
Den første linjen er hvit; den andre er grønn
Avslør dem med korte maskerte vertikale bevegelser
1,5–2,4 sekunder:
Et stilisert Spotify-skrivebordsgrensesnitt kommer til syne
Vis en smal sidefelt, «Laget for deg», tre albumkort og små støttende rader
Bruk en subtil perspektivvinkel under inngangen, og legg vekten mot en frontal visning
2,4–3,2 sekunder:
Gå nærmere de tre omslagene
Vis «Nytt for deg» over dem
Hold omslaget skarpt, med korte albumtitler under
En smal, avrundet spillerbar forankrer nå bunnen av scenen
3,2–4,0 sekunder:
De fremhevede kortene trekkes ut i en kompakt «Ferske funn»-liste
Avslør fire sangrader med en liten forskyvning
Hver rad inneholder et miniatyrbilde, en tittel på et kort spor, en artist og et lite menyikon.
4,0–4,9 sekunder:
Overgang til en horisontal stripe med fargerike spillelistecovere
Overskrift: «Alle humør»
Støttereplikk: «Finn det som beveger deg»
Stripen glir jevnt sidelengs, med kantkort delvis beskåret av scenen
4,9–5,8 sekunder:
Et kompakt søkefelt vises
Skriv «Glass Tides»
Vis ett valgt resultat under det, med det iriserende kunstverket «AURA» og et grønt avspillingsikon

5,8–6,6 sekunder:
Det valgte kunstverket utvides til et stort, sentrert omslag
Avslør «Glass Tides» under, etterfulgt av «AURA» i grønt
Hold spillerlinjen synlig
6,6–7,5 sekunder:
Det samme omslaget glir til venstre
Sporinformasjon vises til høyre:
«Glass tidevann»
«AURA»
«En ny frekvens»
Legg til en avrundet grønn Spill av-knapp
Koordinere omslagsbevegelsen og tekstavsløringene
7,5–8,3 sekunder:
En kort merkevarefargetransformasjon fyller den indre scenen med grønt
Kunstverket trekker seg sammen til en mindre, sentrert flis
Plasser en liten mørk Spotify-identitet under
Spilleren trekker seg kort tilbake
8,3–9,8 sekunder:
Tilbake til den mørke scenen
Det samme kunstverket utvider seg dramatisk mot kameraet, og blir overdimensjonert og beskåret av den avrundede scenen.
Gjenopprett spilleren nederst
Bruk kontrollert bevegelsesuskarphet i den raskeste delen av zoomen

9,8–11,2 sekunder:
Kunstverket går over i en sentrert typografisk uttalelse:
«Finn din»
"rytme"
Bruk hvit for den første linjen og grønn for den andre.
Spilleren forblir synlig og stabil under den
11,2–12,5 sekunder:
Vis «Laget for din hverdag»
Tre spillelistehylser kommer inn med et forsiktig perspektiv og små motstående vipper
De spredte seg i seks mindre ermer over scenen
Støttende linje: «Din lyd, alltid i utvikling»

12,5–14,0 sekunder:
Spillelisteoppsettet går over i fire flytende albumomslag
Inkluder det iriserende heltekunstverket
Bruk begrenset rotasjon, perspektiv, dybdeordning og overlapping
Hold bevegelsene deres koordinerte i stedet for å flyte tilfeldig
14,0–15,2 sekunder:
Omslagene samles mot midten og brettes rundt et grønt Spotify-ikon
Kunstverket trekker seg tilbake idet ikonet blir midtpunktet
Fade bort spilleren
Spotify-ikonet må komme ut fra samme sentrale posisjon som de konvergerende omslagene
15,2–18,0 sekunder:
Ikonet flyttes litt til venstre og plasseres ved siden av et stort hvitt «Spotify»-ordmerke
Hold ikonet og bokstavene adskilt gjennom hele bevegelsen
Avslør:
«Oppdag ny musikk»
«hver dag»
Den første linjen er hvit; den andre er grønn
Hold den ferdige komposisjonen rent til enden

For mesteparten av den midterste sekvensen, hold én smal, avrundet spillerlinje nær bunnen av den indre scenen
Inkludere:
Lite miniatyrbilde av heltekunst
«Glass Tides» og «AURA»
Spill av og hopp over kontroller
Et tynt fremdriftsspor
Et lite volumikon
Dempet mørk, gjennomsiktig styling med en fin kant
Denne tilbakevendende spilleren kobler de skiftende skuddene sammen
Det må forbli visuelt sekundært i forhold til kunstverket

Match energien til en nøye redigert premium produktfilm
De fleste visuelle ideer varer omtrent ett sekund, men overgangene forblir jevne
Bruk kontinuerlig akselerasjon og retardasjon
Foretrekker kritisk dempede fjærer eller nøye innstilt, jevn lettelse
Ingen gjentatte sprett eller store elastiske oversvingninger
Bevar identiteten og posisjonsrelasjonene til hovedkunstverket gjennom søk, albumdetaljer, merkevarefliser og zoom
Bruk overganger mellom samsvarende posisjoner, koordinert skalering, maskerte avsløringer og perspektiv
Utgående titler må forsvinne før innkommende titler opptar samme plass
Unngå overlappende tekst, plutselige kameratilbakestillinger, lange blanke intervaller og vilkårlige fullformat-kryssovertoninger
Klipp ut alle overdimensjonerte deksel- og kamerabevegelser rent til den avrundede scenen
Ingen partikler, sjokkbølgeringer, linsebluss, kameraristing eller urelatert arkivopptak

 Lag eller velg kommersielt brukbar elektronisk musikk rundt 120 BPM Bruk en ren puls, varm bass, beherskede melodiske elementer og subtile overgangsaksenter Juster viktige innganger, valg, zoom og logoavsløring med musikalske hendelser Hold effektene lavere enn musikken Ingen voiceover Ikke bruk opphavsrettsbeskyttede kommersielle spor uten tillatelse

Bygg en deterministisk animasjon drevet av absolutt tid gjennom et asynkront vindu. seek(t)-funksjon
Hver transformasjon, opasitet, maske og brukergrensesnitttilstand må være reproduserbar når man søker etter rammer i en hvilken som helst rekkefølge.
Ikke avhengig av live-timere, akkumulert fysikk eller CSS overgangstilstand under eksport

Gjengi ekte 60 fps med romlig antialiasing
Bruk 3–5 tidsmessige underrammeprøver per utgangsramme for begrenset bevegelsesuskarphet
Hold skrivesaker og kunstverk skarpe
Inspiser kontaktark og bevegelig avspilling
Sjekk raske overskriftsendringer, overlevering av kunstverk, zoom, omslagskonvergens og endelig ordmerkeavstand
Bekreft jevnt fordelte tidsstempler for rammer og hele varigheten på 18 sekunder
Rett visuelle feil før du leverer den endelige MP4 og den redigerbare kildekoden

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

Spørsmål hentet fra stolpe @brainextends.