글자·자막 · 9초

강사 이름표 (로어서드)

강의 화면 왼쪽 아래에 세로 줄이 쭉 내려오고, 이름 막대·직함 띠·주소 띠가 차례로 펼쳐지며 글자가 아래에서 위로 드러납니다. 몇 초 머문 뒤 글자가 먼저 내려가고 막대가 반대로 접혀 사라집니다. 배경은 내 강의 화면 캡처를 넣을 수 있습니다.

이럴 때 쓰세요

강의 영상 첫머리에 강사 소개를 넣을 때
인터뷰·후기 영상에서 말하는 사람 이름을 띄울 때
특강 녹화본에 초청 강사를 소개할 때

「여기만 고치세요」 칸

이름: — 큰 이름
직함: — 이름 아래 흰 띠
주소: — SNS·블로그 주소, 비우면 그 줄 없음
주색: — 이름 막대 색
보조색: — 세로 줄·아이콘 동그라미 색
배경그림: — 내 강의 화면 캡처, 비우면 그라데이션 슬라이드
사라지는초: — 이름표가 접히기 시작하는 초

파일을 건네며 AI에게 이렇게 말해 보세요

이 레시피 파일의 SET 칸만 바꿔 줘. 이름: "박하늘 강사" 직함: "시니어 스마트폰 교육 10년 차" 주소: "instagram.com/haneul.class" 주색은 짙은 초록 #1E4D3A, 보조색은 노랑 #F2B705 배경그림: "assets/강의화면.png", 사라지는초 5

Claude Code·Codex·안티그래비티처럼 파일을 고치고 명령을 실행할 수 있는 AI에게 건네세요.

알아 두면 좋은 점

막대 너비는 글자 길이에 맞춰 저절로 늘어나므로 긴 직함도 잘리지 않습니다
다른 영상 위에 얹고 싶으면 AI에게 «배경을 초록 #00FF00 한 색으로» 바꿔 달라고 해서 뽑은 뒤, 영상 편집기의 크로마키로 초록을 지우세요
아이콘은 마이크 모양 SVG 입니다. 책·노트북 모양으로 바꾸고 싶으면 AI에게 «icon 안 SVG를 책 모양으로» 라고 부탁하세요

원본 HTML

로그인하면 이 영상을 만든 HTML 파일을 그대로 받을 수 있어요.
회원가입은 무료예요.

로그인하고 원본 받기

내 컴퓨터에서 직접 돌려 보기

AI에게 맡기지 않고 직접 해 보려면 터미널에서 아래 순서대로 하세요. 하이퍼프레임즈(HyperFrames)는 HTML을 영상으로 바꿔 주는 무료 도구예요.

# 1) 처음 한 번만: Node.js 설치 (nodejs.org 에서 LTS)
#    + FFmpeg 설치 (맥: brew install ffmpeg / 윈도우: winget install Gyan.FFmpeg)
#    준비됐는지 확인: npx hyperframes doctor  → FFmpeg·Chrome 줄이 ✓ 면 OK
# 2) 영상 폴더 만들기
npx hyperframes init 내영상
cd 내영상
# 3) 받은 레시피 파일을 이 폴더의 index.html 자리에 덮어쓰기
# 4) 미리 보기 → 영상 뽑기
npx hyperframes preview
npx hyperframes render -o 결과.mp4