효과Effects / 반복·앰비언트Loop & Ambient / Nº 623

엔딩 크레디트 롤Credit Roll

Credit Roll

엔딩 크레디트 롤

623

렌더 추가 예정CLIP COMING엔딩 크레디트 롤Credit Roll정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 623. 엔딩 크레디트 롤 · Credit Roll · none

이름과 역할 목록이 일정한 속도로 아래에서 위로 올라가는 엔딩 크레딧A list of names and roles scrolls upward at a constant speed.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

제작에 참여한 사람들이 순서와 위계에 맞게 전달된다. 이야기의 끝이라는 신호이다People are credited in order and hierarchy. It signals the end of the story.

언제 쓰나Use whenUSE WHEN

영상 끝에 참여자·출처·감사 인사를 정리할 때
발표 마지막 슬라이드에 이름 목록을 흘려 보낼 때

Crediting contributors, sources and thanks at the end of a video
Sending a name list scrolling at the end of a presentation

과용 주의AvoidAVOID

이징 없이 linear 등속으로만 움직인다
속도는 45px/s 안팎. 100px/s 이상이면 읽을 수 없다

분류TagsTAGS

반복·앰비언트Loop & Ambient 순서·흐름Sequence 브랜딩Branding 설명 영상Explainer video 발표Presentation 숏폼Short-form 난이도 기본Basiccss

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

역할 라벨과 이름이 1.5em 줄 간격으로 45px/s 등속으로 올라가고 마지막 줄이 화면 상단을 벗어난 뒤 0.5초 후 종료한다

과용 · 나쁜 사례OVERUSE

속도가 계속 변하거나 이징이 걸려 읽는 도중 멈칫거린다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
속도	45px/s	30~60px/s	1920x1080 기준
줄 간격	1.5em	1.3~1.8em	역할과 이름 그룹은 더 넓게
역할과 이름 간격	0.75em	0.5~1em	라벨과 이름
여백	화면 높이 100%	고정	시작은 화면 아래 바깥

GSAP

const H = block.offsetHeight, dist = H + 1080;
tl.fromTo('.credits', {y:1080}, {y:-H, duration:dist / 45, ease:'none'}, 0);
// 총 길이 = (H + 1080) / 45s

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 영상 끝에 엔딩 크레딧을 넣어줘. 역할 라벨과 이름 목록을 한 블록으로 만들어 화면 아래에서 위로 45px/s 등속(linear)으로 올리고, 줄 간격 1.5em, 라벨과 이름 사이 0.75em. duration은 (블록 높이+1080)/45초로 계산해.

Add end credits to the video in <target>. Put role labels and names in one block and scroll it from below the frame to above at a constant 45px/s (linear), with 1.5em line spacing and 0.75em between label and name. Set duration to (block height + 1080)/45 seconds.

Codex

<파일>에 credit roll을 적용해. .credits y 1080에서 -H를 duration=(H+1080)/45로 linear. H는 fonts.ready 뒤 offsetHeight. 시작·중간·끝 시점을 캡처해 첫 줄 진입, 중간 등속 위치, 마지막 줄 퇴장을 확인하고 두 프레임 사이 y 변화가 45px/s와 일치하는지 검사해.

Apply credit roll in <file>. .credits y 1080 to -H, duration=(H+1080)/45, linear; H measured via offsetHeight after fonts.ready. Capture at start, middle and end to verify first-line entry, constant motion, and last-line exit, and check the y delta between two frames equals 45px/s.