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

조준선 자막Crosshair Caption

Crosshair Caption
조준선 자막
다른 이름Also known as · Crosshair caption · 크로스헤어 자막 · crosshair
627
렌더 추가 예정CLIP COMING조준선 자막Crosshair Caption정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 627. 조준선 자막 · Crosshair Caption · linear (선) / expo.out (글자)

가는 수평선과 수직선이 단어의 중심으로 모인 뒤 글자가 순간적으로 나타나는 조준형 자막Two thin lines converge on the center of a word, then the letters appear instantly.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
검증, 조사, 조준의 날카로운 주목. 그 단어가 포착된 대상이라는 인상을 준다Sharp attention like verification or targeting; the word feels captured.
언제 쓰나Use whenUSE WHEN
  • 수사·분석·감시 톤의 영상에서 핵심 단어를 포착하는 순간
  • 제품 시연에서 특정 지표나 이름에 시선을 고정시킬 때
  • Locking onto a key word in an investigative or analytical tone
  • Fixing the viewer's eye on a metric or name in a product demo
과용 주의AvoidAVOID
  • 선은 1~2px로 가늘게. 글자보다 눈에 띄면 안 된다
  • 글자 등장 전에 선이 반드시 먼저 도달한다. 순서가 뒤집히면 조준이 아니게 된다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

두 선이 150ms linear로 단어 중심에 모이고 글자가 50ms expo.out으로 나타난 뒤 선이 100ms 페이드아웃된다

과용 · 나쁜 사례OVERUSE

선 두께가 4px 이상이고 색이 글자와 같아 글자와 선이 뭉쳐 읽히지 않는다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
선 이동150ms100~200mslinear
글자 등장50ms40~80msexpo.out
선 두께1.5px1~2px대비색
선 소멸100ms80~150ms글자 이후
GSAP
tl.fromTo('.h', {scaleX:0}, {scaleX:1, duration:0.15, ease:'none'}, 0.2)
  .fromTo('.v', {scaleY:0}, {scaleY:1, duration:0.15, ease:'none'}, 0.2)
  .fromTo('.word', {opacity:0, scale:1.08}, {opacity:1, scale:1, duration:0.05, ease:'expo.out'}, 0.35)
  .to(['.h', '.v'], {opacity:0, duration:0.1}, 0.5);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 단어에 조준형 자막을 넣어줘. 두께 1.5px의 수평선과 수직선이 단어 중심으로 0.15초 linear로 모이고, 도착 직후 글자가 0.05초 expo.out으로 나타나며 0.1초 뒤 선이 사라지게 해. 선이 글자보다 먼저 도착해야 해.

Add a crosshair caption to the word in <target>. A horizontal and a vertical 1.5px line converge on the word center over 0.15s linear; right after, the text appears in 0.05s expo.out, and the lines fade out 0.1s later. The lines must arrive before the text.

Codex

<파일>에 crosshair caption을 적용해. .h scaleX와 .v scaleY 0에서 1을 0.2초부터 0.15초 linear, .word opacity 0에서 1을 0.35초에 0.05초 expo.out, 선 소멸 0.5초에 0.1초. 0.3초·0.36초·0.6초를 캡처해 선만 보이는 상태, 글자 등장, 선 소멸 후 글자만 남는 상태를 확인해.

Apply crosshair caption in <file>. .h scaleX and .v scaleY 0 to 1 from 0.2s over 0.15s linear; .word opacity 0 to 1 at 0.35s over 0.05s expo.out; lines fade at 0.5s over 0.1s. Capture at 0.3s, 0.36s and 0.6s: lines only, text arrival, then text only.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
선은 SVG line 또는 얇은 div의 scale로 만든다. 프레임 단위 정확도가 필요해 30fps 기준 5프레임과 2프레임으로 시간을 잡는다
ReelForgeBRIEF TO VIDEO
브리프에 대상 단어, 중심 좌표, 선 150ms, 글자 50ms, 선 두께 1.5px를 싣는다
Scrolline DeckSCROLL SCRUB
진행률 0.4에서 조준 완료, 0.45에서 글자 등장으로 좁게 매핑한다. scrub에서는 글자가 반쯤 보이지 않게 진행률 스냅을 둔다
06

잘 맞는 조합Pairs well with

07

출처Sources

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