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

색 채널 순차 디졸브Channel Phase Dissolve

Channel Phase Dissolve
색 채널 순차 디졸브
다른 이름Also known as · Channel phase dissolve · 색 채널 시차 페이드
149
렌더 추가 예정CLIP COMING색 채널 순차 디졸브Channel Phase Dissolve정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 149. 색 채널 순차 디졸브 · Channel Phase Dissolve · none

빨강과 초록과 파랑 채널이 서로 다른 시점에 새 장면으로 넘어가는 전환Red, green, and blue channels hand over to the new scene at different times.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
디지털 처리와 색 분리가 드러나는 교체. 채널 순서가 어긋나며 색이 번진다A swap that exposes digital processing: channels fall out of step and color bleeds.
언제 쓰나Use whenUSE WHEN
  • 기술적이고 디지털한 톤의 영상에서 크로스페이드에 개성을 더할 때
  • 글리치보다 부드러운 색 분리 연출에서
  • Add character to a crossfade in a technical, digital-toned video.
  • Get a gentler color-split effect than a glitch.
과용 주의AvoidAVOID
  • 채널 시차 각각 0.4 진행률 초과 금지
  • 글자 중심 장면은 사용하지 않는다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

0.7초 동안 R은 0.0~0.6, G는 0.2~0.8, B는 0.4~1.0 구간에 각각 새 장면으로 넘어가며 중간에 색이 번진다

과용 · 나쁜 사례OVERUSE

채널 시차를 화면 전체 지속만큼 벌려 앞뒤 장면이 서로 다른 색으로 어둡게 물든 채 머문다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
전체 지속0.7s0.5~1.0s선형
R 구간0.0~0.6먼저 시작
G 구간0.2~0.8중간
B 구간0.4~1.0나중 끝
GSAP
const ch = { r: 0, g: 0, b: 0 };
const seg = (k, s, e) => tl.to(ch, { [k]: 1, duration: (e - s) * 0.7, ease: 'none' }, s * 0.7);
seg('r', 0, 0.6); seg('g', 0.2, 0.8); seg('b', 0.4, 1.0);
tl.eventCallback('onUpdate', () => shader.set(ch.r, ch.g, ch.b));
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 채널 페이즈 디졸브를 만들어줘. 0.7초 전체 동안 R 채널은 0.0~0.6, G 채널은 0.2~0.8, B 채널은 0.4~1.0 구간(0.7초 기준 비율)에서 각각 A에서 B로 넘어가게 해. 채널 혼합률은 상태 객체 3개로 두고 이징 none, paused 타임라인 하나로 seek되게 만들어.

Build a channel phase dissolve from <targetA> to <targetB> over 0.7 seconds. The R channel hands over during 0.0 to 0.6 of the duration, G during 0.2 to 0.8, and B during 0.4 to 1.0. Keep the three channel mix values in state objects, use ease none, and keep everything in one paused timeline that seeks.

Codex

<파일>에 channel phase dissolve를 적용해. r,g,b 혼합률을 각각 0에서 1로 (0~0.42s, 0.14~0.56s, 0.28~0.7s) ease none으로 보간하고 셰이더에서 채널별 mix를 계산한다. 0.2초와 0.35초 캡처에서 색 번짐이 보이는지, 0.7초에 B와 동일한지 확인해.

Apply a channel phase dissolve in <file>. Tween r, g, b mix values 0 to 1 over (0 to 0.42s, 0.14 to 0.56s, 0.28 to 0.7s) with ease none and compute per-channel mix in the shader. Capture at 0.2 and 0.35 seconds to confirm visible color fringing, and at 0.7 seconds to confirm the frame matches B.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
채널별 혼합률을 상태 객체에 담아 셰이더에 전달한다. CSS로는 SVG feColorMatrix 세 채널 분리 사용
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 rangeR, rangeG, rangeB, durationMs를 실어 구간을 조정 가능하게 한다
Scrolline DeckSCROLL SCRUB
진행률 p에서 채널별 clamp((p-s)/(e-s))를 계산한다. 이징은 linear
06

잘 맞는 조합Pairs well with

07

출처Sources

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