애플 키노트 스타일 런칭 필름

나에게 요청하세요: 워드마크용 한 단어 브랜드 이름(동사가 이상적), 9~12장의 고해상도 사진, 명확한 드롭과 조용한 브레이크다운이 있는 120 BPM에 가까운 로열티 프리 트랙(Mixkit, 상업 프로젝트 무료), 그리고 움직이는 식물 그림자가 있는 빈 벽의 무료 스톡 샷(Pexels). 순수 2D로 Apple 키노트 스타일의 제품 런칭 필름을 하나의 끊김 없는 테이크로 제작하세요. 모든 장면은 이전 장면에서 직접 발전해야 합니다: 페이드, 블러 전환, 컷 없음. 요소들은 후속 요소로 모핑됩니다. 타이포그래피는 마스크 가장자리를 통해 상승하고, 아이콘은 제로 스케일에서 팝되며, 진행 바는 캔버스 전체로 확장되고, 페이지는 프레임 안으로 밀려 들어오며, 검은 형태가 화면을 덮도록 확장된 후 다음 장면으로 수축됩니다. 따뜻한 오프화이트 배경, 검은 인터페이스 요소, 그리고 사진 위에 레이어드된 iOS 26 스타일 리퀴드 글래스를 사용하세요. 워드마크는 Archivo(wdth 125, weight 800)로, UI는 Geist로 설정하세요. 커서는 실제 클릭, 드래그, 롱프레스를 통해 모든 상호작용을 시작해야 합니다. 화면 스튜디오 느낌으로 카메라를 움직여 각 비트가 정사각형 구도를 채우도록 하고, 커서를 카메라와 함께 스케일하세요. 금지: 크로스페이드, 블러인, 밝기 "리빌", 3D 플립, 파티클, 글로우, 1초 이상의 정적 유지, 그리고 템플릿처럼 보이는 모든 것. 120 BPM, 54 비트, 매 비트마다 눈에 띄는 변화. 오픈: 워드마크가 아코디언처럼 자체 마침표를 향해 수축합니다. 점이 검은 알약으로 성장하고 그 안에서 라벨이 나타납니다. 클릭하면 여섯 개의 아이리스 블레이드가 라벨 주위로 닫혔다가 사진 위로 스프링 열립니다. 원형이 사각형이 되어 축소됩니다. 그 뒤에서 그리드가 종이 한 장처럼 펼쳐집니다 - 중앙, 플러스, 모서리 - 그런 다음 벤토 레이아웃으로 재구성됩니다. 클릭이 한 타일로 다이브하여 정확히 드롭에 착지합니다. 글래스: 글래스 단어가 한 글자씩 만들어지고, 그런 다음 물방울로 액화됩니다. 물방울이 옆으로 늘어나 글래스 툴바가 됩니다. 조정 아이콘이 슬라이더로 변환됩니다. 슬라이더를 드래그하면 두 개의 완벽하게 정렬된 샷을 사용하여 사진이 일광에서 골든 아워로 전환됩니다. 유지된 노브가 글래스 렌즈로 변하고, 위로 상승하여 글래스 오브가 됩니다. 다음 사진이 원으로 오브 안에 나타납니다. 오브가 글래스 시계 숫자, 날짜, 홈 바가 있는 잠금 화면으로 확장됩니다. 홈 바가 바깥으로 늘어나 글래스 뮤직 플레이어가 됩니다. 스테이지: 잠금 화면이 물러나고 그 주위의 폰이 드러나며, 베젤이 화면 경계에서 직접 성장합니다. 다이나믹 아일랜드가 액체처럼 늘어나고, 폰에서 핀치되어 떨어져 나와 캔버스 가로질러 날아가 Mac 창으로 확장됩니다. 창이 블라인드처럼 위로 말립니다. 배경화면을 롱프레스하고 Safari 탭 위로 드래그하세요. 브라우저 페이지가 앞으로 밀려 들어옵니다. 이미지가 릴리스되면 랜딩 페이지의 히어로 이미지가 됩니다. 스크롤: 히어로 이미지가 제품 카드 안의 프레임된 프린트로 변환되며, 매트와 몰딩이 사진 가장자리에서 유기적으로 성장합니다. 프레임 색상을 선택하면 프레임 전체에 칠해집니다. 사이즈를 선택하세요. 내비게이션 버튼이 아래로 날아가 "Order print"로 변환됩니다. 주문: 하나의 검은 형태가 지속적으로 상태를 변경합니다: 주문됨 ✓ → 인쇄 중 % → 배송 중(경로를 따라가는 밴) → 배달됨 ✓. 벽: 배달된 원이 검은색이 전체 프레임을 차지할 때까지 확장됩니다. 정확히 한 비트 유지한 다음, 실제 벽 영상 안에 걸린 프레임된 프린트로 수축됩니다. 동일한 여섯 블레이드 아이리스가 아트워크 위로 열렸다가 다시 닫힙니다. 프레임이 화면을 채울 때까지 확장되고, 알약으로 수축되고, 점이 되며, 마침내 돌아오는 비트에 글자들이 바깥으로 스프링 튀어나오게 합니다. 최종 프레임은 오프닝 프레임과 동일해야 합니다. 1. 모든 것을 1440×1440의 단일 HTML 파일 안에 유지하세요. 모든 시각적 속성은 비동기 seek(t) 함수 내부의 시간에서 파생되어야 합니다. CSS 전환, 타이머, 프레임 간 지속 상태 없음. 모든 스프링 모션에 닫힌 형태의 스텝 응답을 사용하세요. 속성이 두 번 이상 목표를 변경할 때마다 각 목표 변경에 대해 별도의 스프링을 추가하여 전체 애니메이션이 시간의 순수 함수로 유지되도록 하세요. 리퀴드 글래스를 구축하려면 모든 글래스 컴포넌트에 그 아래 장면의 자체 복사본을 부여하세요. 둥근 사각형 거리 필드를 기반으로 한 SVG feImage 변위 맵으로 해당 클론을 처리하세요. 약간 다른 스케일의 세 개의 feDisplacementMap을 통과시켜 미묘한 색수차 가장자리 분리를 만든 다음 림 라이트 레이어를 추가하세요. 글래스 타이포그래피의 경우 모든 글리프에 대한 캔버스 거리 필드를 생성하고 변위, 마스킹, 하이라이트에 사용하세요. 구 효과의 경우 소스를 블러 처리하고 알파 임계값을 통과시킨 다음 원본 소스를 결과 위에 다시 합성하여 내부가 완벽하게 선명하게 유지되도록 하세요. 육각형 개구부 주위에 위치한 여섯 개의 블레이드로 아이리스를 구성하세요. 각 블레이드는 두 개의 꼭짓점, 해당 가장자리 확장, 그리고 이를 연결하는 SHORT 호를 사용해야 합니다. 워드마크 압축의 경우 동일한 압축 계수를 사용하여 모든 문자를 마침표 쪽으로 이동하세요. 그려진 너비를 그에 맞게 조정하세요: 먼저 wdth 축을 좁힌 다음 나머지 지오메트리를 스케일하여 모든 글자가 접촉 상태를 유지하도록 하세요. 모든 영상을 ffmpeg(-g 1)로 올인트라로 재인코딩하세요. 결과 미디어를 blob URL을 통해 로드하고 모든 프레임을 그리기 전에 "seeked"를 기다리세요. 오디오의 경우 각 상호작용 이벤트에 다운로드한 SFX를 사용하고(Mixkit), 생성된 사운드는 절대 사용하지 마세요. 측정된 피크를 사용하여 모든 SFX를 배치하세요. 음악을 정확히 다운비트에 시작하고, 카메라 착지를 드롭에 정렬하고, 벽 시퀀스를 브레이크다운 안에 배치하고, 워드마크를 다음에 다시 가져오세요