AWESOME AI MOTION
효과Effects / 자막·하단 자막Captions / Nº 633

가사 줄 초점Lyric Line Focus

Lyric Line Focus
가사 줄 초점
다른 이름Also known as · Lyric Line Lift and Focus · 가사 줄 상승과 초점 · Lyric Glow Accent · 가사 빛 강조
633
렌더 추가 예정CLIP COMING가사 줄 초점Lyric Line Focus정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 633. 가사 줄 초점 · Lyric Line Focus · power2.out

새 가사 줄이 중앙으로 올라오고 지난 줄은 위로 밀려 어두워지는 효과Each new lyric line rises to center while the previous line is pushed up and dimmed.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
노래의 흐름 안에서 지금 부르는 구절에 시선이 모인다. 지난 줄이 남아 문맥이 유지된다Draws the eye to the line being sung while keeping the previous line for context.
언제 쓰나Use whenUSE WHEN
  • 가사 영상, 음악 소개 영상을 만들 때
  • 순서가 있는 문장을 하나씩 초점에 올려 읽게 할 때
  • Make lyric videos or music intros.
  • Bring sequential sentences into focus one at a time.
과용 주의AvoidAVOID
  • 화면에 동시에 3줄 초과 금지
  • 현재 줄과 지난 줄의 밝기 차 0.5 이상
  • 줄 전환은 가사 시작 시각에 맞춘다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

현재 줄이 scale 1, opacity 1로 중앙에 있고 지난 줄은 opacity 0.3으로 위에 남으며 줄 이동은 500ms, 줄 간격 1.5em이다

과용 · 나쁜 사례OVERUSE

줄 이동이 박자와 무관하고 지난 줄이 그대로 밝아 어느 줄이 현재인지 모른다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
줄 이동500ms350~700ms위로 1.5em
지난 줄 opacity0.30.2~0.4어둡게 유지
다음 줄 opacity0.50.3~0.6미리보기
줄 간격1.5em1.3~1.8em읽기 간격
GSAP
lines.forEach((el, i) => {
  tl.to(lines, { yPercent: -150 * (i + 1), duration: 0.5, ease: 'power2.out' }, starts[i]);
  tl.to(el, { opacity: 1, scale: 1, duration: 0.3 }, starts[i]);
  tl.to(el, { opacity: 0.3, scale: 0.92, duration: 0.3 }, starts[i + 1]);
});
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 가사 줄 초점 자막을 만들어줘. 가사 줄 목록(<LRC>)에서 현재 줄은 화면 중앙에 scale 1, opacity 1이고, 다음 줄은 opacity 0.5로 아래, 지난 줄은 opacity 0.3, scale 0.92로 위에 남아. 줄 전환마다 컨테이너를 0.5초 power2.out으로 1.5em 올려. 동시에 3줄까지만 보이게 해.

Create lyric-focus captions in <target>. From the line list (<LRC>), the current line sits at the center with scale 1 and opacity 1, the next line below at opacity 0.5, and the previous line above at opacity 0.3 and scale 0.92. On each line change lift the container 1.5em over 0.5 seconds with power2.out. Show at most 3 lines at once.

Codex

<파일>에서 줄 시작 시각마다 컨테이너 y tween(0.5s, power2.out)과 현재/지난 줄 opacity tween을 건다. 두 개 시작 시각 직후 0.6초 시점을 캡처해 현재 줄이 중앙에 있고 지난 줄이 0.3 이하인지, 4줄째 이상이 안 보이는지 확인해.

In <file> add, at each line start, a container y tween (0.5s, power2.out) plus current/previous opacity tweens. Capture 0.6s after two start times to confirm the current line is centered, the previous is at 0.3 or lower, and no fourth line is visible.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
컨테이너 하나를 y로 밀고 각 줄의 opacity/scale만 개별 tween한다. 가사 시작 시각은 LRC 값을 그대로 position으로 쓴다
ReelForgeBRIEF TO VIDEO
가사 씬 브리프에 줄 배열과 시작 시각, 지난·다음 줄 opacity 값을 명시한다. 줄 수가 많으면 씬을 나눈다
Scrolline DeckSCROLL SCRUB
줄 인덱스 = floor(progress x N)로 정하고 이동은 진행률 구간 안 ease-out으로 처리한다
06

잘 맞는 조합Pairs well with

07

출처Sources

개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo