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

#바이브코딩 #antigravity #안티그래비티 [질의 응답] 혹시 강의를 듣다가 어려움이 생기시면 아래의 질문응답봇을 이용해보세요. :) https://gemini.google.com/gem/18CNmiR9ojlKKF_5w8itAiS3ZFTcHtsRn?usp=sharing [타임라인] 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,하단 텍스트 노출 + 페이드 아웃 를 참고해서 애플스타일의 광고영상을 만들어줘