ai21.net
언어

완성도 높고 세련된 Spotify 테마 모션 그래픽 제작…

완성도 높고 세련된 Spotify 테마 모션 그래픽 제작… — 1

프롬프트

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.

<deliverables> 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 </deliverables>
<art_direction>
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
</art_direction>

<artwork> 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
</artwork>

<timeline> 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
</timeline>
<persistent_player>
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
</persistent_player>

<motion_quality>
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
</motion_quality>

<audio> 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 </audio>
<implementation_and_validation>
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
</implementation_and_validation>

한국어 번역

다음 브리프로 완성도 높은 Spotify 테마 모션 그래픽 영상을 제작하세요. 이 프롬프트는 자기완결적입니다: 참조 영상이나 제공된 에셋이 필요하지 않습니다.

<deliverables> 1920×1080, 진정한 60 fps의 18초 MP4, 음악과 은은한 사운드 효과 포함 완전한 편집 가능 소스 전달 전에 애니메이션을 제작하고, 렌더링하고, 검수하고, 다듬으세요 스토리보드, 정지 이미지, 구현 계획에서 멈추지 마세요 </deliverables>
<art_direction>
크고 거의 검은색에 가까운 둥근 사각형 스테이지 안에 펼쳐지는 프리미엄 음악 제품 필름
스테이지는 캔버스 너비의 약 80%, 높이의 75%를 차지하며, 수평 중앙에 놓이고 수직 중앙보다 약간 아래에 위치합니다
스테이지 바깥에는 부드럽고 분위기 있는 녹색 배경을 사용하세요: 왼쪽 위 모서리 근처는 빛나는 에메랄드, 측면으로 갈수록 더 깊은 포레스트 그린, 바닥에서는 거의 검은색으로 페이드됩니다
스테이지 내부:
거의 검은색에 가까운 배경
흰색 주 타이포그래피
채도가 낮은 회색 보조 텍스트
강조와 컨트롤에는 Spotify 그린 # 1ED760
Geist 또는 Inter와 같은 깔끔한 산세리프 폰트 하나
일관된 아이콘 스트로크와 절제된 그림자
구성은 조밀하고 중앙에 모아 배치하며, 충분한 여백을 두세요
텍스트는 과장된 프레젠테이션 제목이 아니라 음악 제품 광고처럼 느껴져야 합니다
외곽 캡션, 제작자 워터마크, 장식용 푸터, 진행 카운터를 추가하지 마세요
</art_direction>

<artwork> “AURA”의 “Glass Tides”라는 가상 트랙을 위한 독창적인 정사각형 앨범 아트워크를 제작하세요
히어로 커버는 흐르는 진주빛 액체 실크와 녹아내린 유리를 담은 추상적인 매크로 이미지입니다
파스텔 라벤더, 파우더 시안, 블러시 핑크, 샴페인 골드, 은은한 민트를 사용하세요
넓은 3차원 주름, 사실적인 반사 하이라이트, 섬세한 선무늬, 두드러지게 휘어진 S자형 주름을 포함하세요
정사각형을 가장자리까지 꽉 채우세요
이 히어로 아트워크에는 텍스트, 로고, 테두리가 없습니다
이 동일한 아트워크를 필름 전체에서 일관되게 사용하세요

추가로 디자인된 플레이리스트 슬리브를 제작하세요:
“Late Nights”는 머스터드 옐로우
“Good Energy”는 핑크
“Deep Focus”는 블루
“Daily Mix 1”, “Daily Mix 2”, “Daily Mix 3”는 서로 보완되는 색상

이들은 대담한 타이포그래피와 단순한 기하학적 모티프를 갖춘 완성된 그래픽 디자인 커버처럼 보여야 합니다
</artwork>

<timeline> 0.0–0.6초: 녹색 Spotify 아이콘이 어두운 스테이지 중앙으로 부드럽게 성장합니다 오버슈트를 최소화한 자신감 있는 등장을 연출하세요
0.6–1.5초:
아이콘이 중앙 정렬된 두 줄 위의 작은 Spotify 아이덴티티로 전환됩니다:
“Discover”
“new music”
첫 줄은 흰색, 두 번째 줄은 녹색입니다
짧은 마스크 수직 이동으로 이들을 드러내세요
1.5–2.4초:
스타일화된 Spotify 데스크톱 인터페이스가 시야로 떠오릅니다
슬림한 사이드바, “Made for you”, 세 개의 앨범 카드, 작은 보조 행을 보여주세요
등장하는 동안 은은한 원근 기울기를 사용하고, 정면 뷰 쪽으로 안정시키세요
2.4–3.2초:
세 개의 주요 커버 쪽으로 더 가까이 이동하세요
그 위에 “New for you”를 표시하세요
아트워크는 선명하게 유지하고, 그 아래에 짧은 앨범 제목을 두세요
이제 가느다란 둥근 플레이어 바가 스테이지 하단을 고정합니다
3.2–4.0초:
주요 카드들이 조밀한 “Fresh finds” 목록으로 물러납니다
약간의 시차를 두고 네 개의 곡 행을 드러내세요
각 행에는 썸네일, 짧은 트랙 제목, 아티스트, 작은 메뉴 아이콘이 있습니다
4.0–4.9초:
다채로운 플레이리스트 커버의 수평 스트립으로 전환합니다
제목: “Every mood”
보조 문구: “Find what moves you”
스트립은 옆으로 부드럽게 슬라이드하며, 가장자리 카드는 스테이지에 의해 부분적으로 잘립니다
4.9–5.8초:
조밀한 검색 필드가 나타납니다
“Glass Tides”를 입력합니다
그 아래에 선택된 결과 하나를 드러내세요. 무지갯빛 아트워크, “AURA”, 녹색 재생 아이콘이 함께 표시됩니다

5.8–6.6초:
선택된 아트워크가 중앙의 큰 커버로 확장됩니다
아래에 “Glass Tides”를 드러내고, 이어서 녹색의 “AURA”를 드러내세요
플레이어 바는 계속 보이도록 유지하세요
6.6–7.5초:
같은 커버가 왼쪽으로 슬라이드합니다
오른쪽에 트랙 정보가 나타납니다:
“Glass Tides”
“AURA”
“A new frequency”
둥근 녹색 Play 버튼을 추가하세요
커버 움직임과 텍스트 등장을 조율하세요
7.5–8.3초:
짧은 브랜드 컬러 변환이 내부 스테이지를 녹색으로 채웁니다
아트워크는 중앙의 더 작은 타일로 축소됩니다
그 아래에 작은 어두운 Spotify 아이덴티티를 배치하세요
플레이어는 잠시 물러납니다
8.3–9.8초:
어두운 스테이지로 돌아옵니다
같은 아트워크가 카메라 쪽으로 극적으로 확장되어, 과대해지고 둥근 스테이지에 의해 잘립니다
하단의 플레이어를 복원하세요
줌에서 가장 빠른 구간에는 제어된 모션 블러를 사용하세요

9.8–11.2초:
아트워크가 걷히고 중앙의 타이포그래피 문구가 나타납니다:
“Find your”
“rhythm”
첫 줄에는 흰색, 두 번째 줄에는 녹색을 사용하세요
플레이어는 그 아래에서 보이고 안정적으로 유지됩니다
11.2–12.5초:
“Made for your every day”를 표시하세요
세 개의 플레이리스트 슬리브가 은은한 원근과 서로 반대되는 작은 기울기로 등장합니다
이들은 스테이지 전반에 걸쳐 여섯 개의 더 작은 슬리브로 퍼집니다
보조 문구: “Your sound, always evolving”

12.5–14.0초:
플레이리스트 레이아웃이 네 개의 떠 있는 앨범 커버로 전환됩니다
무지갯빛 히어로 아트워크를 포함하세요
절제된 회전, 원근, 깊이 순서, 겹침을 사용하세요
무작위로 떠다니지 않고 조율된 움직임을 유지하세요
14.0–15.2초:
커버들이 중앙으로 수렴하고 녹색 Spotify 아이콘 둘레로 접힙니다
아이콘이 초점이 되면서 아트워크는 물러납니다
플레이어를 페이드 아웃하세요
Spotify 아이콘은 수렴하는 커버들과 동일한 중앙 위치에서 나타나야 합니다
15.2–18.0초:
아이콘은 약간 왼쪽으로 이동해 크고 흰색인 “Spotify” 워드마크 옆에 자리잡습니다
움직임 내내 아이콘과 글자가 분리된 상태를 유지하세요
드러내세요:
“Discover new music”
“every day”
첫 줄은 흰색, 두 번째 줄은 녹색입니다
완성된 구성을 끝까지 깔끔하게 유지하세요
</timeline>
<persistent_player>
중간 시퀀스의 대부분에서 내부 스테이지 하단 근처에 가느다란 둥근 플레이어 바 하나를 유지하세요
포함:
작은 히어로 아트 썸네일
“Glass Tides”와 “AURA”
재생 및 건너뛰기 컨트롤
얇은 진행 트랙
작은 볼륨 아이콘
얇은 테두리가 있는 절제된 어두운 반투명 스타일
반복 등장하는 이 플레이어가 변화하는 샷들을 연결합니다
시각적으로 아트워크보다 부차적인 위치를 유지해야 합니다
</persistent_player>

<motion_quality>
치밀하게 편집된 프리미엄 제품 필름의 에너지를 따라가세요
대부분의 시각적 아이디어는 약 1초 동안 지속되지만, 전환은 매끄럽게 유지됩니다
연속적인 가속과 감속을 사용하세요
임계 감쇠 스프링 또는 세심하게 조정된 부드러운 이징을 선호하세요
반복되는 바운싱이나 큰 탄성 오버슈트가 없어야 합니다
검색, 앨범 상세, 브랜드 타일, 줌을 거치는 동안 히어로 아트워크의 정체성과 위치 관계를 보존하세요
매치 포지션 전환, 조율된 스케일링, 마스크 등장, 원근을 사용하세요
나가는 제목은 들어오는 제목이 같은 공간을 차지하기 전에 사라져야 합니다
텍스트 겹침, 갑작스러운 카메라 리셋, 긴 공백 구간, 임의의 풀프레임 크로스페이드를 피하세요
모든 과대 커버와 카메라 무브를 둥근 스테이지에 깔끔하게 클리핑하세요
파티클, 충격파 링, 렌즈 플레어, 카메라 흔들림, 무관한 스톡 푸티지가 없어야 합니다
</motion_quality>

<audio> 상업적으로 사용 가능한 약 120 BPM의 전자 음악을 제작하거나 선택하세요 깔끔한 펄스, 따뜻한 베이스, 절제된 멜로디 요소, 은은한 전환 악센트를 사용하세요 중요한 등장, 선택, 줌, 로고 공개를 음악적 이벤트에 맞추세요 효과음은 음악보다 조용하게 유지하세요 보이스오버 없음 허가 없이 저작권이 있는 상업 트랙을 사용하지 마세요 </audio>
<implementation_and_validation>
async window. seek(t) 함수를 통해 절대 시간으로 구동되는 결정론적 애니메이션을 구축하세요
모든 트랜스폼, 불투명도, 마스크, UI 상태는 어떤 순서로 프레임을 탐색해도 재현 가능해야 합니다
내보내기 중에는 실시간 타이머, 누적된 물리 연산, CSS 트랜지션 상태에 의존하지 마세요

공간 안티앨리어싱을 적용한 진정한 60 fps로 렌더링하세요
절제된 모션 블러를 위해 출력 프레임당 3–5개의 시간적 서브프레임 샘플을 사용하세요
정지한 텍스트와 아트워크는 선명하게 유지하세요
콘택트 시트와 움직이는 재생을 검수하세요
빠른 제목 전환, 아트워크 핸드오프, 줌, 커버 수렴, 최종 워드마크 간격을 확인하세요
균등한 프레임 타임스탬프와 전체 18초 길이를 검증하세요
최종 MP4와 편집 가능 소스를 전달하기 전에 시각적 결함을 수정하세요
</implementation_and_validation>

출처

원작자
brainextends
게시일
2026-09-26(由推文 ID 反解)
원문 출처
원문 보기 ↗
수록 출처
yihui-dev/awesome-opus5-5-videos · brainextends-606193 · MIT