안티그래비티 remotion skills을 활용한 영상 자동화 가이드

#바이브코딩 #antigravity #안티그래비티

[질의 응답]
혹시 강의를 듣다가 어려움이 생기시면 아래의 질문응답봇을 이용해보세요. :)
https://gemini.google.com/gem/....18CNmiR9ojlKKF_5w8it

[타임라인]
00:00 아이폰 광고의 비밀: 자연어와 '딸깍'으로 만드는 영상 제작
00:16 리모션(Remotion) 소개: 스킬을 이용한 애플 스타일 영상 구현
00:59 AI 튜터 인사: 바이브 코딩을 통한 영상 자동화 경험 공유
01:23 오픈소스 리모션: 리액트(React) 코드로 영상을 만드는 원리
01:40 환경 구축: 안티 그래비티 접속 및 프로젝트 폴더 생성
01:51 프로젝트 초기화: npx create-video 명령어 실행 및 설정
02:11 핵심 설정: 에이전트 스킬(Agent Skills) 추가하기
02:35 설치 및 실행: npm install 후 npm run dev 서버 가동
02:50 스튜디오 확인: 리모션 스튜디오에서 헬로월드 예제 실행
03:26 실전 제작: 애플 로고 이미지 기반 20초 광고 생성 요청
04:09 미리보기 및 렌더링: 제작된 영상 확인 및 파일 다운로드 방법
05:02 커스터마이징: 한국어 자막 수정 및 스크립트 업데이트
05:40 코드 뜯어보기: 프레임(Frame) 단위의 텍스트 유지 원리
06:36 총정리: 리액트 페이지를 이어 붙여 완성하는 영상의 구조

[미리보기에 사용된 프롬프트]
구간 (Scene),프레임 (Start-End),시간 (초),메인 텍스트 / 시각 효과,마법 스킬 (Skill & Effect)
S1: Intro,0 ~ 30,0.0 ~ 1.0,(Logo) 서서히 확대,scale (0.9 → 1.1)
S2: Blink 1,30 ~ 45,1.0 ~ 1.5,FAST. (중앙 배치),opacity 0 → 1 (급격히)
S3: Blink 2,45 ~ 60,1.5 ~ 2.0,SMART. (반전 컬러),배경 White / 글자 Black
S4: Blink 3,60 ~ 75,2.0 ~ 2.5,BOLD. (자간 확장),letterSpacing 애니메이션
S5: Phrase 1,75 ~ 110,2.5 ~ 3.6,AND BEYOND.,translateX (좌 → 우 슬라이드)
S6: Strobe,110 ~ 130,3.6 ~ 4.3,RED. (컬러 플래시),배경색 초고속 점멸 (4프레임 단위)
S7: Strobe,130 ~ 150,4.3 ~ 5.0,BLUE. (컬러 플래시),배경색 초고속 점멸
S8: Transition,150 ~ 180,5.0 ~ 6.0,POWERFUL.,spring (0 → 1.2 → 1.0)
S9: Core 1,180 ~ 240,6.0 ~ 8.0,PRIVACY. (가장 강조),blur 효과 제거하며 등장
S10: Core 2,240 ~ 270,8.0 ~ 9.0,THAT'S.,텍스트 skew (기울기) 효과
S11: Core 3,270 ~ 330,9.0 ~ 11.0,IPHONE.,화면 전체 진동 (Shake)
S12: Kinetic 1,330 ~ 360,11.0 ~ 12.0,Your Data.,translateY (위로 스크롤)
S13: Kinetic 2,360 ~ 390,12.0 ~ 13.0,Your Life.,translateY (위로 스크롤)
S14: Kinetic 3,390 ~ 450,13.0 ~ 15.0,PROTECTED.,초록색 글로우(drop-shadow)
S15: Outro 1,450 ~ 540,15.0 ~ 18.0,(Logo) + APPLE,scale (1.5 → 1.0) 줌 아웃
S16: Final,540 ~ 600,18.0 ~ 20.0,WWW.APPLE.COM,하단 텍스트 노출 + 페이드 아웃

를 참고해서 애플스타일의 광고영상을 만들어줘