클로드 리모션 설치 직접 해본 후기: AI 인포그래픽 영상 만드는 전체 과정

클로드 리모션 설치를 직접 따라 하면서 Claude Desktop, Git, Node.js, Remotion Skills까지 연결하는 과정을 정리했습니다. 처음 클로드로 영상 만들기를 시도할 때 막히는 설치 순서, 프롬프트 작성, 내레이션 추가, 유튜브용 브랜딩까지 한 번에 확인할 수 있습니다.

 

클로드 리모션 설치 직접 해본 후기: AI 인포그래픽 영상 만드는 전체 과정

 

 


 


 

(유튜브 튜토리얼 영상 참고)

 

 

클로드 동영상 생성을 위한 절차

  • 1. DeskTop Version 클로드 다운로드: https://claude.ai/downloads
  • 2. 도구바에서 Code 탭으로 이동
  • 3. 폴더 선택하기
  • 4. git 설치하기: https://git-scm.com/install/windows
  • 5. Node.js 설치하기 Node.js 설치해줘.
  • 6. 리모션 설치:
    프롬프트: https://github.com/remotion-dev/remotion 리모션 설치해줘.
  • 7. Skills 설치하기: 프롬프트: npx skills add remotion-dev/skills8. 인프로그래픽 영상 만들기
    프롬프트: 리모션 스킬을 사용해서 전문가 수준의 인포그래픽 영상을 만들어줘.
    내용은 [챗GPT보다 똑똑하다는 클로드, 막상 써보려니 뭐부터 눌러야 할지 막막하지 않으셨나요?] 이걸로 해줘. 지금 바로 파일 생성 시작해

 

 

샘플 영상 제작 프롬프트

Remotion 모범 사례 스킬을 사용하세요. 우주 탐사의 역사에 관한 시네마틱하고, 높은 시청 유지율을 가진, 유튜브에 바로 올릴 수 있는 얼굴 없는 모션 그래픽 영상(1920×1080, 30fps)을 만드세요.

목표: 깔끔하고, 전문적이며, 프리미엄 느낌의 설명 영상. 부드러운 장면별 애니메이션, 강력한 시각적 계층 구조, 시네마틱한 다크 미학을 갖출 것. Kurzgesagt(쿠르츠게작트)와 하이엔드 테크 채널이 만난 느낌을 생각하세요.

구조 – 6개 장면, 각 9초 (270프레임):
장면 1 – 1957 스푸트니크: “우주 시대의 개막”
장면 2 – 1961 보스토크 1호: “지구 궤도의 첫 인간”
장면 3 – 1969 아폴로 11호: “고요의 바다에 새긴 발자국”
장면 4 – 1990 허블 망원경: “우주의 눈을 뜨다”
장면 5 – 2021 제임스 웹: “시간의 시작을 향한 시선”
장면 6 – 2026+ 화성 이주: “다행성 인류의 시대”

각 장면은 반드시: 페이드 인 → 유지 → 핵심 시각 요소 애니메이션 → 다음 장면으로 부드럽게 페이드 아웃할 것.

시각 스타일:
배경: 깊은 우주 블랙 (#050505에서 #0A0A0A, 매우 미묘한 그라디언트). 기본 강조색: 일렉트릭 블루 (#00D4FF) – 제목, 하이라이트, 글로우에 사용. 본문 텍스트: 화이트 (#FFFFFF). 보조 강조색: 딥 오렌지 (#FF4D00) – 추진 화염이나 핵심 포인트 강조용으로만 사용. 전체적인 느낌: 깔끔하고, 미니멀하며, 프리미엄 – 어수선하지 않고 잡티 없이.

타이포그래피:
제목 폰트: Montserrat Bold – 크게, 중앙 정렬, 높은 대비. 부제목 폰트: Montserrat Regular – 더 작게, 음소거된 화이트, 최대 한 줄. 연도 표시: 제목 위에 별도로 표시, 더 작게, 일렉트릭 블루. 모든 텍스트는 안전 영역 내에 배치할 것 – 모든 가장자리에서 최소 80px 여백.

애니메이션 규칙 – 모든 모션에 spring()을 사용하고, 리니어 이징은 사용하지 말 것:
제목: +40px에서 위로 슬라이드하며 페이드 인 (투명도 0→1, 스프링 댐핑 200). 부제목: 제목이 안착한 후 8프레임 뒤에 페이드 인. 연도 표시: 스프링 물리를 사용하여 0.8에서 1.0으로 스케일 인. 장면 아이콘 또는 그래픽: 텍스트 후 12프레임 간격으로 드로인 또는 페이드 인. 장면 전환: TransitionSeries를 사용한 12프레임 크로스페이드. 애니메이션 겹침 금지 – 모든 요소를 최소 6~8프레임 간격으로 시차 배치할 것.

장면별 비주얼 – 장면당 하나의 추상적 우주 테마 그래픽:
각 그래픽을 Remotion 내부에서 SVG 컴포넌트로 빌드할 것 (외부 이미지 파일 사용 금지).
장면 1: 단순한 원형 위성과 4개의 안테나 선, 중심에서 퍼져나가는 동심원 파동.
장면 2: 지구의 곡선 실루엣 위로 천천히 궤도를 도는 작은 캡슐 아이콘.
장면 3: 기하학적 형태의 달 착륙선과 지면에 닿는 수평선 애니메이션.
장면 4: 육각형 태양광 패널이 양옆으로 서서히 펼쳐지는 망원경 실루엣.
장면 5: 6개의 육각형이 모여 거대한 황금 거울을 이루는 기하학적 구조.
장면 6: 상단을 향해 뾰족하게 솟은 로켓과 하단에서 진동하는 오렌지색 추진 불꽃.

품질 세부사항:
배경에 매우 미묘한 애니메이션 파티클 레이어 추가 (8~12개의 천천히 떠다니는 별 모양 점). 각 제목 뒤에 블러 처리된 포지셔닝 div를 사용하여 부드러운 블루 글로우 추가. 모든 텍스트 요소에 일관된 40px 여백 유지. 프레임 수를 타이트하게 유지 – 각 장면은 30fps에서 정확히 270프레임 (9초).

오디오 싱크 구조:
각 장면의 첫 15프레임은 텍스트 애니메이션 시작 전까지 무음으로 남길 것. 각 장면의 마지막 10프레임은 전환 전 깔끔한 시각적 홀드로 남길 것.

출력:
CosmicJourney라는 이름의 완전하고 자체 완결적인 Remotion 컴포지션. 모든 컴포넌트는 /src/CosmicJourney/ 경로에 배치. Root.tsx에 올바른 durationInFrames(1620)로 컴포지션 등록. 빌드 후 자동으로 Remotion Studio를 열어 미리보기 가능하도록 할 것.

 

 

elevenlabs 나레이션 추가하기

ElevenLabs를 사용하여 이 스크립트로부터 전문적이고 방송 품질의 보이스오버를 생성하고, Remotion 영상 타임라인에 정밀하게 동기화하여 내레이션의 각 섹션이 올바른 애니메이션 장면과 일치하도록 하세요.

음성 설정:
음성 스타일: 차분하고, 자신감 있으며, 권위 있는 목소리 – 프리미엄 다큐멘터리 내레이터처럼. 속도: 절제되고 명확하게 – 급하지 않고 너무 느리지도 않게 – 문장당 한 호흡. 안정성(Stability): 0.75 (전체적으로 일관된 톤, 무작위 음높이 변동 없음). 유사도 부스트(Similarity boost): 0.80 (자연스럽고 사람다운 음성 유지). 스타일 과장(Style exaggeration): 0.20 (미묘한 표현력 – 로봇 같지 않고 과장되지 않게).

오디오 품질:
출력 형식: MP3, 최소 192kbps. 샘플 레이트: 44100 Hz. 배경 노이즈 제거를 위해 가벼운 노이즈 게이트 적용. 오디오를 -14 LUFS로 정규화 (유튜브 표준).

동기화 규칙:
각 보이스오버 세그먼트는 해당 장면이 시작되는 프레임에 정확히 시작해야 합니다. 각 장면 전환 사이에 0.4초의 무음을 삽입하세요. 내레이션이 장면 전환과 겹치지 않도록 하세요. 장면이 해당 내레이션 세그먼트보다 짧은 경우, 필요한 프레임 수만큼 해당 장면을 연장하세요. 최상의 자연스러운 품질을 위해 eleven_multilingual_v2 모델을 사용하세요.

 

 

영상 시네마틱 영상으로 업그레이드하기

기존 Remotion 영상을 시네마틱하고 높은 시청 유지율을 가진 유튜브 영상으로 업그레이드하고 다듬으세요.

목표: 이것을 완벽한 타이밍, 깔끔한 비주얼, 강력한 자막, 시네마틱한 느낌을 갖춘 전문적인 얼굴 없는 영상으로 변환하세요.

1. 보이스오버 동기화 (매우 중요):
보이스오버를 각 타임라인 섹션에 정밀하게 동기화하세요. 핵심 순간들 사이에 짧은 일시정지(0.3~0.5초)를 추가하세요. 각 시각 요소가 언급되는 바로 그 순간에 정확히 나타나도록 하세요. 페이싱을 부드럽고 자연스럽게 만드세요 (급하지 않게).

2. 시각적 개선:
모든 애니메이션을 부드럽고 시네마틱하게 느껴지도록 개선하세요. 미묘한 우주적 움직임(슬로우 줌, 천체의 패럴랙스, 유성 모션)을 추가하세요. 전환에 모션 블러를 적용하세요. 핵심 우주선 및 행성 요소에 부드러운 일렉트릭 블루 글로우를 추가하세요. 깔끔하고, 미니멀하며, 프리미엄한 스타일을 유지하세요.

3. 텍스트 및 자막 (높은 시청 유지율):
핵심 문구에 대한 동적 자막을 추가하세요. 중요한 단어를 일렉트릭 블루(#00D4FF)로 강조하세요. 볼드 폰트(Montserrat 또는 유사한 폰트)를 사용하세요. 자막에 미묘한 팝인 효과 애니메이션을 적용하세요. 다음과 같은 단어들을 강조하세요: “1957”, “스푸트니크”, “아폴로 11호”, “허블 망원경”, “제임스 웹”, “화성 이주”, “우주의 시대”, “당신은 준비되었는가?”

4. 사운드 디자인 (구조만):
다음 항목에 대한 플레이스홀더 또는 타이밍 큐를 추가하세요: 우주적 느낌의 휘시 전환 효과음, 텍스트 등장 시 미묘한 하이테크 클릭 사운드, 엔진 점화 시의 부드러운 저음 임팩트 사운드. 음악 진행을 추가하세요: 고요한 우주 앰비언트로 시작 → “허블/제임스 웹” 부분에서 웅장한 오케스트라 빌드업 → “화성 이주”에서 미래지향적인 에너지 → 마지막 질문 전에 여운이 남는 감성적인 드롭.

5. 시네마틱한 느낌:
모든 섹션 간 부드러운 전환을 보장하세요. 강력한 시각적 계층 구조를 유지하세요. 깊이감을 위해 배경에 미묘하게 움직이는 성운 텍스처나 별 파티클을 추가하세요. 모든 것을 모던하고, 미니멀하며, 전문적으로 유지하세요.

출력:
완전히 다듬어진 CosmicJourney Remotion 컴포지션. 부드러운 재생 미리보기. 고품질 MP4로 최종 렌더링 준비 완료.

중요: 기본적인 슬라이드쇼처럼 보이게 만들지 마세요. 효과를 과다하게 넣지 마세요. 부드럽고, 깔끔하고, 프리미엄하며, 시네마틱한 품질에 집중하세요.

 

 

 

 

 

내 유튜브 채널 형식으로 브랜딩하기

cocojuan 브랜드 아이덴티티를 전체 Remotion 영상에 적용하고, 깔끔하고 일관되며 전문적인 시각 스타일을 확보하세요.

목표: 영상을 완전히 브랜딩되고, 한눈에 알아볼 수 있는 cocojuan 스타일의 영상으로 변환하여 강력한 시각적 정체성을 갖추도록 하세요.

1. 컬러 시스템:
다음 브랜드 컬러를 일관되게 적용하세요: 기본색: #FFD700 (옐로우). 배경: #0D0D0D → #1A1A1A (다크 그라디언트). 강조색: #FF3131 (레드). 텍스트: #FFFFFF (화이트). 규칙: 하이라이트와 핵심 단어에는 옐로우를 사용하세요. 본문 텍스트에는 화이트를 사용하세요. 레드는 강조 또는 경고 용도로만 사용하세요. 가독성을 위해 높은 대비를 유지하세요.

2. 타이포그래피:
폰트: Montserrat Bold (제목). 폰트: Montserrat Regular (보조 텍스트). 크고 굵은 제목을 사용하세요. 일관된 간격과 정렬을 유지하세요. 텍스트를 미니멀하고 깔끔하게 유지하세요.

3. 텍스트 스타일링:
핵심 단어를 옐로우(#FFD700)로 강조하세요. 중요한 텍스트에 미묘한 글로우를 추가하세요. 팝인 애니메이션(스케일 + 페이드)을 사용하세요. 자막을 역동적으로 유지하되 산만하지 않게 하세요.

4. 로고 및 아바타:
우측 상단에 cocojuan 로고를 배치하세요 (작고, 깔끔하게, 항상 보이도록). 우측 하단에 cocojuan 아바타를 배치하세요. 아바타는 보이스오버가 활성화될 때 나타나야 합니다. 아바타에 부드러운 그림자와 둥근 테두리를 적용하세요. 두 요소 모두 미묘하게 유지하고 거슬리지 않도록 하세요.

5. 시각적 일관성:
모든 장면이 동일한 디자인 시스템을 따르도록 하세요. 모든 요소를 깔끔하게 정렬하세요 (그리드 기반 레이아웃). 일관된 여백과 간격을 유지하세요. 어수선함을 피하세요.

6. 모션 스타일:
부드러운 애니메이션(페이드, 슬라이드, 줌)을 사용하세요. 이즈인아웃 전환을 적용하세요. 모든 요소에 약간의 움직임을 추가하세요 (정적 프레임 금지). 움직임을 깔끔하고 전문적으로 유지하세요.

7. 시네마틱 터치:
미묘한 비네팅(어두운 가장자리)을 추가하세요. 강조된 요소에 부드러운 글로우를 추가하세요. 프리미엄하고 모던한 테크 미학을 유지하세요. 모든 것이 세련되고 고급스럽게 느껴지도록 하세요.

출력:
완전히 브랜딩된 Remotion 컴포지션. 부드러운 미리보기 재생. 최종 렌더링 준비 완료.

중요: 색상을 과도하게 사용하지 마세요. 디자인을 화려하게 만들지 마세요. 모든 것을 미니멀하고, 깔끔하며, 프리미엄하게 유지하세요. 마치 하이엔드 유튜브 자동화 채널처럼요.

 

 

 

마무리하며

클로드 리모션 설치는 Claude Desktop만 실행한다고 끝나는 작업이 아니라 Git, Node.js, Remotion Skills까지 순서대로 준비해야 제대로 사용할 수 있습니다. 이 글에서는 클로드로 영상 만들기를 처음 시도하는 사람이 헷갈리기 쉬운 설치 흐름부터 인포그래픽 영상 생성 프롬프트, ElevenLabs 내레이션 추가, 시네마틱 영상 업그레이드까지 단계별로 정리했습니다.

핵심은 Remotion을 단순 영상 편집 도구가 아니라 Claude Code가 이해할 수 있는 영상 제작 환경으로 세팅하는 것입니다. 설치가 끝나면 프롬프트만으로 장면 구성, 자막, 애니메이션, 브랜드 컬러, 로고 배치까지 요청할 수 있어 유튜브용 얼굴 없는 영상 제작에 활용하기 좋습니다. 처음이라면 설치 순서와 샘플 프롬프트를 그대로 따라 해보는 것이 가장 빠릅니다.

답글 남기기