topic난이도

Range Selector

시작/끝 범위를 지정해 어떤 글자에 애니메이션을 적용할지 결정하는 장치.

#Range Selector#Start#End#Offset#Shape

Range Selector는 Text Animator의 '조준경'이다. Start(0%)와 End(100%) 값을 조절하면 애니메이션이 적용되는 글자 범위가 바뀐다. 예를 들어 Start=0%, End=50%이면 텍스트의 앞쪽 절반만 효과가 적용된다. 이 Start/End 값을 시간에 따라 키프레임하면 '왼쪽에서 오른쪽으로 훑어가며 글자가 나타나는' 효과가 만들어진다.

스크롤하면 Range Selector가 텍스트를 훑으며 지나갑니다

Range Selector에는 세 가지 핵심 파라미터가 있다. Start(범위 시작), End(범위 끝), Offset(전체 범위를 좌우로 밀기). Offset을 키프레임하면 Start/End를 고정한 채 '스포트라이트가 지나가는' 효과를 낼 수 있다 — 한 번에 3~4글자씩만 하이라이트되며 지나가는 식이다.

Shape 옵션효과용도
Square범위 내 글자에 100% 적용선명한 온/오프
Ramp Up왼쪽→오른쪽으로 서서히 증가부드러운 페이드인
Ramp Down오른쪽→왼쪽으로 서서히 감소부드러운 페이드아웃
Triangle중앙이 최대, 양끝이 0스포트라이트
Round삼각형의 부드러운 버전자연스러운 강조
SmoothGaussian 분포형가장 유기적

고급 테크닉: Range Selector 여러 개를 쌓을 수 있다(Add/Subtract/Intersect 모드). 첫 번째 Selector로 Fade-in 범위를 지정하고, 두 번째 Selector(Subtract)로 특정 글자만 제외하면 '핵심 단어만 남기고 사라지는' 연출이 가능하다.

실기 드릴 1문항
edit실기 드릴 · 단답형

Range Selector에서 Start/End를 고정한 채 범위를 좌우로 이동시키는 파라미터의 이름은?