AWESOME AI MOTION
효과Effects / 질감·스타일Texture & Style / Nº 459

VHS 트래킹VHS Tracking

VHS Tracking
VHS 트래킹
다른 이름Also known as · VHS tracking · Vhs Tracking · vhs-tracking-glitch · chromatic-glitch
459
렌더 추가 예정CLIP COMINGVHS 트래킹VHS Tracking정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 459. VHS 트래킹 · VHS Tracking · power1.inOut

가로 왜곡 띠와 색 번짐이 화면 아래에서 위로 지나가는 VHS 테이프 트래킹 오류 효과Horizontal distortion bands and color fringing sweep up the frame, like VHS tape tracking errors.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
낡은 비디오테이프의 기억감과 레트로 정서를 만든다. 아날로그 신호가 흔들리는 느낌을 준다Creates worn-tape nostalgia and a retro mood, with the feel of an unstable analog signal.
언제 쓰나Use whenUSE WHEN
  • 80~90년대 홈비디오, 레트로 회상 장면을 표현할 때
  • 화면이 재생 시작이나 되감기처럼 바뀌는 지점을 표시할 때
  • To evoke 80s and 90s home video or retro flashbacks
  • To mark a switch that feels like playback start or rewind
과용 주의AvoidAVOID
  • 띠 하나의 높이 120px 초과 금지
  • 본문 텍스트가 있는 구간에서는 띠가 지나가는 동안 글자 변위를 6px 이하로 제한한다
분류TagsTAGS
질감·스타일Texture & Style분위기Mood전환Transition숏폼Short-form설명 영상Explainer video난이도 중급Intermediatecss
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

화면 아래에서 54px 높이의 왜곡 띠가 0.6초 동안 올라가며 띠 안의 줄이 좌우로 흔들린다

과용 · 나쁜 사례OVERUSE

화면 전체를 계속 떨리게 해 내용이 안 읽히거나, 띠를 너무 두껍게 잡아 피사체가 사라진다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
지속600ms400~1000ms띠가 아래에서 위로 통과
줄 수20줄12~30줄각 54px 이하로 얇게
줄 변위±14px8~24px줄마다 시드 값
채널 opacity0.350.25~0.45적청 번짐
정지 후 잔여0.15s0.1~0.3s마지막에 살짝 떨림
GSAP
const N=20,H=54;
for(let i=0;i<N;i++){ const dx=Math.sin(i*12.9898)*14;
 tl.fromTo(`.row${i}`,{y:1080,x:0},{y:-H,duration:.6,ease:'power1.inOut'},t)
 .set(`.row${i}`,{x:dx},t+.05).set(`.row${i}`,{x:0},t+.6);}
README
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 화면에 VHS 트래킹 오류 효과를 넣어줘. 화면을 54px 높이 줄 20개로 나눠 복제하고, 0.6초 동안 아래에서 위로 통과하는 왜곡 띠를 만들어. 띠 안 줄은 sin 기반 고정값으로 ±14px 좌우 이동, 적색과 청색 복사본은 opacity 0.35. 이징 power1.inOut, 끝나면 모든 줄을 원위치로 돌려. paused 타임라인으로 seek 가능하게 해.

Add a VHS tracking glitch to <target>. Slice the frame into 20 rows of 54px, and sweep a distortion band from bottom to top over 0.6s. Rows inside the band shift horizontally by a fixed sin-based value up to +/-14px, with red and blue copies at opacity 0.35. Ease power1.inOut, reset all rows to zero at the end. One paused timeline, seekable.

Codex

<파일>에 vhs-tracking을 구현해. 줄 20개, 각 54px, 통과 0.6s, 줄 변위 ±14px(고정 sin 값), 채널 opacity 0.35, ease power1.inOut. 0.1초, 0.3초, 0.7초를 캡처해 띠가 위로 이동하는지, 0.7초에 모든 줄 x가 0인지, 띠 통과 중 글자가 읽히는지 확인해.

Implement vhs-tracking in <file>: 20 rows at 54px, pass duration 0.6s, row shift +/-14px from fixed sin values, channel opacity 0.35, ease power1.inOut. Capture at 0.1s, 0.3s, and 0.7s to verify the band moves upward, every row has x=0 at 0.7s, and text stays readable during the pass.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
행 슬라이스를 미리 만들어 두고 paused 타임라인에서 y와 x만 보간한다. 변위는 sin 기반 고정값이라 seek 결과가 같다
ReelForgeBRIEF TO VIDEO
브리프에 bandHeight, rowCount, shiftPx, passDuration을 싣는다. 캔버스 대신 CSS 슬라이스 복제로 워커가 쉽게 재현한다
Scrolline DeckSCROLL SCRUB
띠 위치를 진행률 0~1에 y로 매핑해 스크롤 속도만큼 지나가게 한다. 정지 구간에서는 띠를 화면 밖에 둔다
06

잘 맞는 조합Pairs well with

렌더 추가 예정CLIP COMING
CRT 주사선CRT Scanlines
445
Nº 445CRT 주사선CRT ScanlinesCRT Scanlines
렌더 추가 예정CLIP COMING
TV 트래킹 전환TV Tracking Transition
208
Nº 208TV 트래킹 전환TV Tracking TransitionTV Tracking Transition
RGB 분리 글리치 · RGB Split Glitch
Nº 448RGB 분리 글리치RGB Split GlitchRGB Split Glitch
필름 그레인 · Film Grain
Nº 446필름 그레인Film GrainFilm Grain
07

출처Sources

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