무료
Halden Solace · 16:9
이 Skill로 렌더링한 결과
Code Slice 히어로 타이틀 v1.0.0
타일로 이뤄진 큰 헤드라인이 깊이감 있는 물결을 따라 하나씩 뒤집히며 뒤에 숨은 두 번째 헤드라인을 드러냅니다.
아직 평가 없음 0 다운로드
- 포맷
- 영상 · 16:9
- 길이
- 0:08
8초짜리 타이틀 카드를 위한 무료 HyperFrames 블록입니다. 앞 헤드라인이 정사각형 셀 격자 위에 찍히고, 부드러운 깊이 필드가 화면을 훑고 지나가면 셀마다 살짝 튀어 오르며 그림자와 함께 뒤집혀 뒤 헤드라인만 남습니다. 두 문구, 물결 방향, 속도, 셀 크기, 색은 모두 변수로 바꿀 수 있습니다.
2026년 11월 2일 업데이트
받게 되는 것
- 8초 길이의 1920×1080 MP4 타이틀 카드
- 타일 단위로 뒤집히며 바뀌는 두 개의 헤드라인
- 물결, 타이밍, 셀 크기, 그림자, 색 변수
잘 맞는 경우
- 출시 영상의 오프너와 엔드 카드
- SNS 게시물의 주장과 결과를 담은 문구
- 리브랜딩, before/after 메시지
맞지 않는 경우
- 긴 문장이나 단락
- 타이틀 안에 제품 영상이 들어가야 하는 영상
이 Skill에 대하여
이렇게 말하세요
/code-slice-hero 러닝화 출시용으로 code slice hero 블록을 써 줘. 앞 헤드라인은 "RUN SOFT.", 뒤 헤드라인은 "RUN FAR.", 물결은 왼쪽에서 오른쪽으로. 1080p로 렌더링해.
짧은 두 줄, 깔끔한 한 번의 뒤집기. Code Slice Hero는 첫 번째 헤드라인을 정사각형 셀 격자 위에 찍어 냅니다. 물결이 화면을 가로지르며 지나가는 셀을 들어 올리고 기울이면, 셀이 하나씩 뒤집혀 두 번째 헤드라인의 같은 조각을 보여 줍니다. 길이가 비슷한 강렬한 두 줄일 때 가장 잘 어울립니다. 주장과 그 결과, 제품명과 약속, "before"와 "after"처럼요.
작동 방식
- 요청: 타이틀에 들어갈 문구를 에이전트에게 알려 줍니다. 앞 헤드라인과 뒤집힌 뒤 나올 헤드라인입니다.
- 설정: 블록을 HyperFrames 프로젝트에 넣고 문구와 색을 렌더 변수로 채웁니다.
- 미리보기: 몇 프레임을 확인한 뒤
npx hyperframes render로 1920×1080 MP4를 렌더링합니다. - 재사용: 변수는 JSON 파일 하나에 들어 있어, 새 헤드라인이나 새 브랜드도 렌더링 한 번이면 됩니다.
팁
- 두 줄 모두 짧게(한 단어에서 세 단어), 길이도 비슷하게 맞추면 뒤집기가 한 동작처럼 읽힙니다.
- 편집에서 다음 장면이 읽히는 방향에 맞춰 물결 방향을 바꾸세요.
- 셀 크기를 줄이면 더 섬세하고 디지털한 느낌, 키우면 포스터 같은 묵직한 느낌이 납니다.
- 긴 출시 영상의 오프닝이나 엔딩 카드로 써 보세요.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드는 에셋이 포함된 블록으로 바로 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 짧은 헤드라인 두 개, 원하면 브랜드 색도.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
제 폰트를 써도 되나요?
됩니다. 기본 폰트는 오픈소스 Geist입니다. 원하는 웹 폰트로 바꾸고, 문구가 화면을 채우도록 폰트 크기 변수를 조정하세요.
오른쪽에서 왼쪽으로 뒤집을 수도 있나요?
있습니다. 방향이 변수이고, 물결이 지나가는 시간과 이징, 뒤집기 시간도 변수입니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 Skill입니다. 그대로 소개하며, 저희 하우스 브랜드 중 하나인 Halden Solace에 직접 돌려 만든 샘플을 함께 올렸습니다.
