AWESOME AI MOTION
효과Effects / 전환·컷Transitions / Nº 202

노이즈 띠 와이프Static Band Wipe

Static Band Wipe
노이즈 띠 와이프
다른 이름Also known as · Static band wipe · 잡음 띠 와이프
202
렌더 추가 예정CLIP COMING노이즈 띠 와이프Static Band Wipe정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 202. 노이즈 띠 와이프 · Static Band Wipe · none

가로 잡음 띠가 위아래로 지나가며 띠 뒤쪽이 다음 장면으로 바뀐다A horizontal noise band sweeps up or down, and everything behind it becomes the next scene.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
잡음 띠가 화면을 훑고 지나가며 그 뒤쪽이 새 장면으로 바뀐다. 스캔하는 느낌이다Gives an electronic sense of a scan replacing the screen.
언제 쓰나Use whenUSE WHEN
  • 모니터, 감시 카메라, 화면 스캔 소재의 영상에서 화면을 바꿀 때
  • 방향이 있는 와이프로 위에서 아래로 순서를 알릴 때
  • When switching screens in videos about monitors, surveillance cameras, or scans
  • For a directional wipe that signals order from top to bottom
과용 주의AvoidAVOID
  • 띠 높이는 화면의 8~20%로 한다
  • 띠가 화면 밖에서 시작해 밖에서 끝나야 한다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

높이 화면의 12%인 잡음 띠가 550ms 동안 위에서 아래로 지나가고, 띠가 지나간 위쪽은 이미 다음 장면이다

과용 · 나쁜 사례OVERUSE

띠에 잡음이 없어 단색 바처럼 보이거나, 띠 뒤쪽이 아직 이전 장면이라 와이프 방향이 반대로 읽힌다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
지속550ms400~800mslinear
띠 높이화면의 12%8~20%129px
방향위에서 아래상하좌우읽는 순서와 맞춘다
잡음 밝기0.70.5~0.9띠 안
최대 잡음 폭0.50.3~0.5원 셰이더 파라미터
GSAP
const H = 1080, B = 130;
tl.fromTo('.band', { y: -B }, { y: H, duration: 0.55, ease: 'none' }, 0);
tl.fromTo('.next', { clipPath: 'inset(0 0 100% 0)' }, { clipPath: 'inset(0 0 0% 0)', duration: 0.55, ease: 'none' }, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 노이즈 띠 와이프를 넣어줘. 높이 130px 잡음 띠가 위에서 아래로 0.55초 linear로 지나가고, .next는 clipPath inset(0 0 100% 0)에서 inset(0 0 0% 0)로 같은 속도로 열려 띠 바로 뒤가 다음 장면이 되게 해. 띠의 잡음은 프레임 번호 시드로 그리고 타임라인 하나로 seek 가능하게 만들어줘.

Add a Static Band Wipe to <target>. A noise band 130px tall travels top to bottom over 0.55s with linear ease, while .next opens via clipPath inset(0 0 100% 0) to inset(0 0 0% 0) at the same speed, so everything just behind the band is the next scene. Seed the noise by frame number and keep one seekable GSAP timeline.

Codex

<파일>에 노이즈 띠 와이프를 구현해. .band y -130에서 1080, .next clipPath inset(0 0 100% 0)에서 inset(0 0 0% 0), 둘 다 0.55초 ease none. 0.1초, 0.27초, 0.45초 시점을 캡처해 띠 위쪽이 다음 장면, 아래쪽이 이전 장면인지, 띠 경계와 clip 경계가 어긋나지 않는지 확인해.

Implement Static Band Wipe in <file>. .band y -130 to 1080 and .next clipPath inset(0 0 100% 0) to inset(0 0 0% 0), both 0.55s ease none. Capture at 0.1s, 0.27s, and 0.45s to confirm the area above the band is the next scene, below is the previous scene, and the band edge and clip edge stay aligned.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
.band 이동과 .next clipPath를 같은 duration, ease none으로 묶어 경계가 맞게 한다. paused 타임라인에서 seek해도 띠와 경계가 일치한다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 방향, 띠 높이 12%, 지속 550ms를 싣고 잡음은 프레임 시드 캔버스로 요구한다
Scrolline DeckSCROLL SCRUB
scrub에서 띠 y를 진행률 0~1에 선형으로 묶는다. 스크롤 방향이 바뀌면 자연스럽게 위로 되돌아간다
06

잘 맞는 조합Pairs well with

07

출처Sources

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