벌써 클로드코드로 숏폼 애니메이션을 6개나 제작했어요!
이번에는 이런걸 시도해봤어요.
새로운 영상편집스킬 사용! FFMPEG → 리모션
리모션으로 사용할 수 있는 다양한 비주얼이펙트를 한 눈에 볼 수 있는 데모페이지 제작
그 동안 내가 제작한 숏폼 애니메이션의 제작현황을 볼 수 있는 대시보드 제작
✅ 새로운 영상편집스킬, 리모션
처음에는 영상편집스킬을 따로 지정하지 않았기 때문에, 클로드코드가 알아서 FFMPEG 로 영상편집을 해줬었어요.
근데 지피터스 다른 수강생분들 사례발표+저희 숏폼스터디 단톡방에서 "리모션"을 추천해주시더라구요!
그래서 클로드코드에게 리모션이라는 스킬이 궁금하다고, 스킬파일을 만들어달라고 했어요.
안녕. 난 요새 VS코드에 클로드코드 익스텐션으로 숏폼생성을 하는 중이야. 영상편집은 FFMPEG로 하고있어. 리모션으로 영상편집을 해보고싶은데, FFMPEG와 어떤 차이가 있어?질문: 스킬 파일을 어떤 방향으로 만들고 싶으세요? (해당하는 항목을 모두 선택)
답변: 숏폼용 컴포넌트 패턴 (자막, 전환효과 등)
질문: 스킬 파일 용도는?
답변: 클로드 코드 익스텐션에서 사용화면분할, 줌인/아웃,텍스트 타이핑 효과 같이 영상을 다채롭게 할 수 있는 요소들도 모두 추가해줘.이렇게 말하니 클로드코드가 알아서 스킬파일과 레퍼런스파일을 만들어줬어요.
FFMPEG로 만든 영상과 리모션으로 만든 영상이 어떤 차이가 있을지 궁금해서, 두개 다 만들어봤어요!
리모션으로 만든게 훨씬 자막이 예쁘죠? 자막 위에 캐릭터 이름도 넣어줬어요!
이 예쁜 이펙트들을 다양하게 잘 쓰고 싶은데, md파일에 있는 이펙트 설명은 무슨 말인지 잘 모르겠더라구요.
그래서 클로드코드에게 이펙트 예시를 볼 수 있는 웹페이지를 하나 만들어달라고 요청했어요.
✅ 리모션으로 사용할 수 있는 다양한 비주얼이펙트를 한 눈에 볼 수 있는 데모페이지 제작
영상편집 스킬로 remotion을 추가했잖아. 근데 컴포넌트를 md파일의 텍스트로만 보니, 해당 컴포넌트들이 어떤 효과들인지 짐작하기가 어려워. 스킬파일에 있는 remotion의 다양한 비주얼이펙트, 자막효과 등을 실제로 눈으로 보고싶어. 컴포넌트별로 예시이미지 또는 예시동영상을 만들어서 모아둔 웹페이지를 만들 수 있니?이렇게 말하니, 스킬파일을 읽고 이렇게 대답하더라구요.
"이제 충분히 파악했습니다. 모든 이펙트의 동작 원리를 이해했으니, 순수 HTML/CSS/JS로 각 효과를 시각적으로 재현하는 데모 페이지를 만들겠습니다."
그리고 만들어준 페이지에요!
인스타에서 보던 숏폼들은 리모션을 이용해 만든 것들이었군요 ㅎㅎㅎ
이제 영상을 더 멋지게 만들 수 있을거같아요. (영상자동화...의 꿈은 점점 멀어지고, 퀄리티에 집착하게 되네요 ㅋㅋㅠㅠㅋㅋ 그래도 이쁜 영상이 좋은걸....)
✅그 동안 내가 제작한 숏폼 애니메이션의 제작현황을 볼 수 있는 대시보드 제작
무려 6편 ㅋㅋ 이나 만들고나니, 이런 궁금증이 들더라구요.
"내가 이 것들을 만들면서 얼마를 썼을까?"
"영상 조회수를 한 눈에 볼 수 있는 페이지가 있으면 좋겠어"
"내가 어떤 과정을 통해 영상들을 만들었는지 보고싶어. 갈수록 시행착오가 줄어들면 좋겠다."
...
그래서! 클로드코드에게 숏폼 제작현황을 볼 수 있는 대시보드를 만들어달라고 했어요.
그래서 만들어진게 이거에요.
눈감아 작은 조회수...^^
단가는 구글에서 끌고오는건 아니구요, api 성공건수와 제작단가를 곱해서 계산하는거에요. 클로드코드가 그렇게 하자고 하길래 그러자구 했어요..;
영상이 갈수록 많아지고, 주제도 다양해지면 그에 맞춰 대시보드도 점차 업데이트해나갈 생각이에요.
저의 귀여운 세균대장 인터뷰 유투브를 살포시 놓고가며.. 사례글 끝~^^
