사진 인쇄 앱 출시 영상

다음 자료를 요청해 주세요: 워드마크에 사용할 한 단어 브랜드 이름(동사가 가장 좋습니다), 고해상도 사진 9~12장, 드롭과 잔잔한 브레이크다운이 있는 120 BPM 정도의 저작권 무료 음악(Mixkit, 상업적 사용 무료), 그리고 움직이는 식물 그림자가 있는 평범한 벽의 무료 스톡 이미지(Pexels).

애플 키노트 출시 영상은 2D로만 제작되었으며, 단 한 번의 촬영으로 완성되었습니다. 모든 장면은 이전 장면에서 이어지며, 흐릿해지거나 끊기는 현상은 없습니다. 대신 사물의 형태가 변합니다. 텍스트는 마스크 라인에서 솟아오르고, 아이콘은 스프링처럼 튀어 오르며, 막대는 가로로 그려지고, 페이지는 밀려나고, 검은색 도형이 화면 전체를 가득 채웠다가 다음 장면으로 이어집니다. 따뜻한 느낌의 오프화이트 배경에 검은색 UI, 사진 위에는 iOS 26의 리퀴드 글래스가 적용되었습니다. 워드마크에는 Archivo(가로 125, 두께 800), UI에는 Geist 사용되었습니다. 커서는 실제 클릭, 드래그, 길게 누르기 동작으로 모든 변화를 제어합니다. 카메라 줌 기능은 스크린 스튜디오처럼 작동하여 매 순간 화면을 가득 채우고, 커서 크기도 그에 맞춰 커집니다.
금지 항목: 크로스페이드, 블러인, 밝기 "진화", 3D 플립, 파티클, 글로우 효과, 1초 이상 지속되는 효과, 템플릿처럼 보이는 모든 효과.

BPM 120회, 54박자, 매 박자마다 무언가가 일어난다.
열림: 워드마크가 아코디언처럼 자체 마침표 안으로 오므라들고, 점은 검은색 알약 모양으로 커지며, 그 안에서 라벨이 솟아오릅니다. 클릭: 6개의 조리개 날개가 라벨 위로 닫혔다가 사진 위로 찰칵 열립니다. 원은 정사각형이 되고, 축소되고, 격자가 종이 지도처럼(중심, 더하기, 모서리) 그 뒤에서 펼쳐지고, 도시락 모양으로 재구성된 다음, 클릭하면 한 칸이 확대되어 정확히 물방울 위에 멈춥니다.
유리: 유리로 된 단어가 글자 하나하나 나타나더니, 물방울처럼 녹아내려 유리 툴바로 펼쳐집니다. 조정 아이콘을 누르면 슬라이더로 바뀌고, 드래그하면 사진의 밝기가 낮에서 황금 시간대(두 장의 사진이 나란히 배치됨)로 조정됩니다. 다이얼을 잡고 있으면 유리 렌즈로 변하고, 위로 들어 올리면 유리 구체가 됩니다. 구체 안에는 다음 사진이 원형으로 나타나고, 구체가 확장되면서 잠금 화면이 나타납니다. 잠금 화면에는 유리로 된 시계 숫자, 날짜, 그리고 홈 바가 표시되고, 홈 바는 유리 음악 플레이어로 확장됩니다.
단계: 잠금 화면이 휴대폰 안으로 빨려 들어갑니다(베젤이 화면 가장자리에서 튀어나옴). 다이내믹 아일랜드가 액체처럼 늘어났다가 좁아지고, 날아올라 맥 창으로 변하며 블라인드처럼 말려 올라갑니다. 배경화면을 길게 눌러 사파리 탭으로 드래그하면 페이지가 안으로 밀려들어오고, 놓으면 랜딩 페이지의 핵심 이미지가 됩니다. 스크롤: 핵심 이미지가 제품 카드에 있는 액자 사진으로 변하고, 매트와 몰딩이 사진 가장자리에서 튀어나옵니다. 액자 색상(화면에 그려짐)과 크기를 선택하면 탐색 버튼이 아래로 내려와 "인쇄 주문"을 표시합니다.
주문: 검은색 형체가 계속 변형됩니다: 주문 완료 ✓ → 인쇄 중 % → 배송 중 (배송 차량이 경로를 따라 이동 중) → 배송 완료 ✓.
벽: 전달된 원형이 프레임 가장자리까지 가득 채우고 잠시 검은색을 유지한 후 실제 벽에 걸린 액자 속 그림으로 수축합니다. 같은 조리개가 그림 위로 열렸다가 다시 닫히고, 프레임이 화면을 가득 채운 후 알약 모양 → 점 → 글자가 다시 튀어나와 박자가 돌아오는 지점에 멈춥니다. 마지막 프레임 = 첫 번째 프레임.

1. 하나의 HTML 파일, 1440x1440 정사각형. 모든 스타일은 비동기 seek(t) 함수 내에서 시간에 따라 계산됩니다. CSS 전환, 타이머, 프레임 간 상태는 사용하지 않습니다.
2. 스프링은 폐쇄형 계단 응답입니다. 여러 목표값을 가진 값은 변화량마다 하나의 스프링을 더한 값이므로, 시간의 순수 함수로 유지됩니다.
3. 액체 유리: 각 유리 요소는 뒤에 있는 장면의 자체 복제본을 담고 있으며, SVG feImage 변위 맵(둥근 사각형 거리 필드)을 통해 필터링되고, 색상이 있는 가장자리를 위해 약간씩 다른 크기의 세 개의 feDisplacementMap이 적용되며, 림 라이트가 추가됩니다. 유리 글자: 각 글리프에 대한 캔버스 거리 필드가 맵, 마스크 및 하이라이트를 제공합니다.
4. 끈적한 물질: 흐림 효과와 알파 임계값을 적용한 다음, 그 위에 원본 이미지를 합성하여 유리가 안쪽에서 선명하게 유지되도록 합니다.
5. 홍채: 육각형 개구부를 둘러싼 6개의 날개. 각 날개는 두 꼭짓점, 두 변의 연장선, 그리고 그 사이의 짧은 호로 구성됩니다.
6. 워드마크 스퀴즈: 모든 글자가 점을 향해 동일한 비율로 이동하고, 글자의 너비도 그에 따라 조정됩니다(너비 축을 좁히고 나머지를 확대). 이렇게 하면 글자들이 서로 붙어 있게 됩니다.
7. 푸티지: 모든 인트라를 다시 인코딩(ffmpeg -g 1)하고, 블롭 URL로 로드한 다음, 각 프레임을 그리기 전에 'seeked'가 완료될 때까지 기다립니다.
8. 사운드: 모든 이벤트에 다운로드한 효과음(Mixkit)을 사용하며, 합성된 효과는 전혀 사용하지 않고, 각 효과음은 측정된 피크에 맞춰 배치됩니다. 곡은 다운비트에 시작하고, 줌 효과는 드롭에, 월 효과는 브레이크다운에, 워드마크는 비트에 맞춰 다시 등장합니다. 라우드노름은 -14 LUFS로 설정했습니다.
9. Playwright 로 렌더링: 프레임당 4개의 서브프레임을 ffmpeg tmix 로 블렌딩하고 60fps로 렌더링합니다. 박자마다 한 프레임씩 확인한 다음, 단일 프레임 팝(프레임 차이가 주변 프레임보다 3배 이상 커지는 현상)을 스캔합니다.

backdrop-filter: Chromium에서 url() 함수가 변위 맵을 잘못 읽으므로 장면을 복제하세요. 플러드 효과는 모서리를 넘어 확대되어야 하며 약 0.3초 정도 소요되어야 합니다. 그렇지 않으면 한 프레임에 화면의 절반이 변경됩니다. visibility: visible 속성을 가진 자식 요소는 숨겨진 부모 요소를 통해 보이므로 inherit 속성을 사용하세요. 변형되는 도형 내부에서 텍스트가 바뀌는 경우 자체 마스크가 필요합니다. Python의 http.server 함수는 비디오의 범위 탐색을 지원하지 않으므로 blob URL을 사용하세요.

먼저 제게 필요한 정보를 요청하시고, 전체 시나리오를 쓰기 전에 비트맵과 스틸컷 4장(열린 공간, 유리창, 무대, 벽)을 보여주세요.

Ask me for: a one-word brand name for the wordmark (a verb works best), 9 to 12 high-res photos, a royalty-free song around 120 BPM with a drop and a quiet breakdown (Mixkit, free for commercial use), and a free stock clip of a plain wall with moving plant shadows (Pexels).

An Apple-keynote launch film, 2D only, one continuous take. Every scene is made out of the previous one: nothing fades, blurs or cuts. Objects change shape instead: text rises out of a mask line, icons pop from zero on a spring, bars draw across, pages push, and a black shape floods the whole frame and contracts into the next scene. Warm off-white canvas, black UI, iOS 26 liquid glass over the photos. Archivo (wdth 125, weight 800) for the wordmark, Geist for UI. A cursor drives every change with real clicks, drags and long-presses. The camera zooms screen-studio style so each moment fills the square, and the cursor scales with it.
Banned: crossfades, blur-ins, brightness "developing", 3D flips, particles, glows, holds longer than 1s, anything that looks like a template.

120 BPM, 54 beats, something happens on every beat.
Open: the wordmark squeezes into its own period like an accordion, the dot grows into a black pill, a label rises inside it. Click: six iris blades close over the label and snap open onto a photo. The circle becomes a square, shrinks, the grid unfolds from behind it like a paper map (center, plus, corners), reflows into a bento, and a click zooms into one tile, landing exactly on the drop.
Glass: a glass word pops in letter by letter, melts into a droplet that stretches into a glass toolbar. The adjust icon turns it into a slider. Dragging relights the photo from day to golden hour (two aligned shots), and the knob turns into a glass lens while held. It lifts into a glass orb, the next photo opens inside it as a circle, and the orb expands into a lock screen: glass clock digits, date, and a home bar that stretches into a glass music player.
Stage: the lock screen pulls back into a phone (the bezel grows out of the screen edge). The Dynamic Island stretches like liquid, pinches off, flies over and grows into a Mac window that rolls up like a blind. Long-press the wallpaper, drag it onto a Safari tab, the page pushes in, drop it and it becomes the hero of a landing page. Scroll: the hero morphs into a framed print on a product card, with the mat and molding growing out of the photo's edge. Pick a frame color (it paints across) and a size, then the nav button flies down into "Order print".
Order: one black shape keeps morphing: Ordered ✓ → Printing % → On its way (a van on a route) → Delivered ✓.
Wall: the delivered circle floods the frame edge to edge, holds black for a beat, and contracts into the framed print hanging on the real wall footage. The same iris opens onto the print, closes again, the frame floods the screen and contracts into the pill → the dot → the letters spring back out, landing on the beat return. Last frame = first frame.

1. One HTML file, square 1440x1440. Every style is computed from time inside an async seek(t): no CSS transitions, no timers, no state between frames.
2. Springs are closed-form step responses. A value with many targets is the sum of one spring per change, so it stays a pure function of time.
3. Liquid glass: each glass element holds its own clone of the scene behind it, filtered with an SVG feImage displacement map (a rounded-rect distance field) through three feDisplacementMaps at slightly different scales for chromatic edges, plus a rim light. Glass letters: a canvas distance field per glyph gives the map, mask and highlights.
4. Goo: blur + alpha threshold, then composite the source atop it so the glass stays sharp inside.
5. Iris: 6 blades around a hexagonal aperture. Each blade is its two vertices, both edge extensions and the SHORT arc between them.
6. Wordmark squeeze: every letter moves toward the dot by the same factor and its drawn width follows (narrow the wdth axis, scale the rest), so the letters stay touching.
7. Footage: re-encode all-intra (ffmpeg -g 1), load it as a blob URL, await 'seeked' before drawing each frame.
8. Sound: a downloaded SFX for every event (Mixkit), never synthesized, each placed by its measured peak. The song starts on a downbeat: the zoom lands on the drop, the wall sits in the breakdown, the wordmark returns with the beat. Loudnorm to -14 LUFS.
9. Render with Playwright: 4 subframes per frame blended with ffmpeg tmix, 60fps. Check one frame per beat, then scan for single-frame pops (frame-difference spikes 3x their neighbours).

backdrop-filter: url() misreads displacement maps in Chromium, so clone the scene instead. A flood must overscale past the corners and take about 0.3s, or half the screen changes in one frame. A child with visibility: visible shows through a hidden parent, so use inherit. Text that swaps inside a morphing shape needs its own mask. python http.server can't range-seek video, so use the blob URL.

Ask me for the inputs, then show me the beat map and 4 stills (open, glass, stage, wall) before you write the full film.

프롬프트는 다음에서 가져왔습니다. 우편 @twoclipping.