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

번 전환Burn Transition

Burn Transition
번 전환
다른 이름Also known as · Page burn · 페이지 소각 · Noise burn edge · 노이즈 연소 테두리 · dissolve() · Undulating burn out · 물결 연소 와이프
130
렌더 추가 예정CLIP COMING번 전환Burn Transition정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 130. 번 전환 · Burn Transition · power1.inOut

불규칙한 경계가 타들어 가듯 퍼지며 앞 장면을 지우고 다음 장면을 드러내는 전환An irregular edge burns outward, erasing the old scene and revealing the next, leaving a hot glow along the border.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
파괴와 새 시작. 경계에 남는 뜨거운 빛이 극적인 무게를 준다Destruction and a fresh start, given dramatic weight by the glowing edge.
언제 쓰나Use whenUSE WHEN
  • 낡은 방식에서 새 방식으로 넘어가는 이야기의 전환점에서
  • 극적이고 손에 잡히는 질감이 필요한 오프닝이나 클라이맥스에서
  • Mark the turning point from an old way to a new one in a story.
  • Open or climax a piece that needs a tactile, dramatic texture.
과용 주의AvoidAVOID
  • 노이즈 시드는 고정한다(Math.random 금지)
  • 발광 경계 폭 화면 2% 초과 금지
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

노이즈 임계값이 1초 동안 0에서 1로 올라가며 타는 경계가 번지고, 경계 폭 화면의 1%에 주황색 빛이 남는다

과용 · 나쁜 사례OVERUSE

경계 노이즈가 프레임마다 달라져 깜빡이거나, 발광색이 채도 100%라 화면이 조잡해 보인다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
전체 지속1.0s0.7~1.5s진행률 0에서 1
시드1정수고정 필수
발광 폭화면의 1%0.5~2%경계 띠 두께
발광색#ff8a3d주황~황색중심은 밝게 #ffd9a0
GSAP
const u = { p: 0 };
tl.to(u, { p: 1, duration: 1.0, ease: 'power1.inOut', onUpdate: () => {
  const t = u.p * 1.2 - 0.1;                 // 임계값
  matte.setAttribute('tableValues', `0 ${t} ${t + 0.02} 1`);
} });
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 번 전환을 만들어줘. seed 1 고정 노이즈 마스크의 임계값을 1초 동안 power1.inOut으로 0에서 1로 올려 A를 태우며 B를 드러내고, 경계에 화면의 1% 폭으로 #ff8a3d 발광 띠를 넣어. Math.random은 쓰지 말고 진행값은 GSAP 상태 객체로 paused 타임라인에서 seek되게 해.

Build a burn transition from <targetA> to <targetB>. Raise a fixed-seed (seed 1) noise mask threshold from 0 to 1 over 1 second with power1.inOut to burn A away and reveal B, with a #ff8a3d glowing band about 1% of the frame wide at the edge. No Math.random; drive progress from a GSAP state object in one paused timeline that seeks.

Codex

<파일>에 burn transition을 적용해. 고정 seed=1 노이즈 임계값 progress를 1.0s, power1.inOut으로 0에서 1로 보간하고 임계값 근처 1% 폭에 #ff8a3d 발광을 합성한다. 0.3초, 0.5초, 0.8초 프레임에서 구멍이 확장하는지 확인하고 같은 시각을 두 번 캡처해 픽셀이 동일한지도 비교해.

Apply a burn transition in <file>. Tween a fixed seed=1 noise threshold from 0 to 1 over 1.0s with power1.inOut and composite a #ff8a3d glow across a 1% band near the threshold. Check that holes expand at 0.3, 0.5, and 0.8 seconds, and capture the same timestamp twice to confirm identical pixels.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
SVG feTurbulence의 seed를 고정하고 feComponentTransfer로 임계값만 움직인다. 발광 띠는 임계값 ±0.02 구간에 합성한다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 seed, burnWidthPct, edgeColor, durationMs를 싣는다. 노이즈 텍스처는 미리 구워 두면 렌더가 안정적이다
Scrolline DeckSCROLL SCRUB
진행률 p를 임계값에 직접 매핑한다. 스크롤을 정지했을 때 반쯤 탄 화면이 남는 것이 의도이므로 경계 색을 절제한다
06

잘 맞는 조합Pairs well with

07

출처Sources

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