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

색차 디졸브Color Distance Dissolve

Color Distance Dissolve
색차 디졸브
다른 이름Also known as · Color distance dissolve · 색 거리 전환
152
렌더 추가 예정CLIP COMING색차 디졸브Color Distance Dissolve정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 152. 색차 디졸브 · Color Distance Dissolve · none

두 장면의 색 차이가 큰 부분과 작은 부분이 서로 다른 속도로 교체되는 전환Areas where the two scenes differ most in color swap at different speeds from areas where they match.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
그림의 내용이 전환 순서를 정한다는 감각. 비슷한 색부터 먼저 스며든다The picture's own content decides the order of the change: similar colors melt across first.
언제 쓰나Use whenUSE WHEN
  • 같은 구도에서 색만 다른 두 장면(전과 후)을 자연스럽게 잇고 싶을 때
  • 콘텐츠 자체가 전환의 결을 정하는 디졸브를 원할 때
  • Connect two scenes with the same layout but different colors, such as before and after.
  • Want a dissolve whose grain is set by the content itself.
과용 주의AvoidAVOID
  • power 값 8 초과 금지(경계가 톱니처럼 거칠어진다)
  • 두 장면 색이 무관하면 다른 디졸브를 쓴다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

0.8초 동안 색이 비슷한 영역은 먼저, 색차가 큰 영역은 나중에 뒤 장면으로 바뀌며 power 5의 곡선으로 경계가 형성된다

과용 · 나쁜 사례OVERUSE

두 장면의 색이 거의 같아 차이가 없거나, 노이즈가 많은 사진에서 반짝임이 생긴다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
전체 지속0.8s0.6~1.2s선형
power52~8클수록 차이 부분이 늦게 교체
진행 임계p0~1진행률과 색거리 비교
혼합smoothstep경계 부드럽게
GSAP
const u = { p: 0 };
tl.to(u, { p: 1, duration: 0.8, ease: 'none', onUpdate: () => {
  // GLSL: m = smoothstep(0.0, 0.1, p * 1.1 - pow(dist(a,b), 5.0));
  shader.set('progress', u.p);
} });
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 색 거리 디졸브를 만들어줘. 진행값 p를 0.8초 동안 0에서 1로 ease none으로 올리고, 픽셀마다 두 장면 색의 거리 d를 구해 mix 가중치를 smoothstep(0.0, 0.1, p*1.1 - pow(d, 5.0))로 계산하게 해. 진행값은 GSAP 상태 객체 하나에서 읽어 paused 타임라인에서 seek되게 해.

Build a color distance dissolve from <targetA> to <targetB>. Ramp progress p from 0 to 1 over 0.8 seconds with ease none. Per pixel, compute the color distance d between the two scenes and mix with smoothstep(0.0, 0.1, p*1.1 - pow(d, 5.0)). Read progress from one GSAP state object in a paused timeline that seeks.

Codex

<파일>에 color distance dissolve를 적용해. progress를 0에서 1로 0.8s ease none, 셰이더에서 m = smoothstep(0.0, 0.1, p*1.1 - pow(distance(a,b), 5.0)). 0.3초와 0.5초 캡처에서 색이 비슷한 영역이 먼저 B로 바뀌는지, 0.8초에 전면이 B인지 확인해.

Apply a color distance dissolve in <file>. Tween progress 0 to 1 over 0.8s with ease none and use m = smoothstep(0.0, 0.1, p*1.1 - pow(distance(a,b), 5.0)) in the shader. Capture at 0.3 and 0.5 seconds to confirm similar-color areas switch to B first, and at 0.8 seconds to confirm the whole frame is B.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
progress 하나만 셰이더에 넘기고 나머지 계산은 픽셀에서 한다. 두 장면 텍스처를 미리 올려 seek 후 즉시 그린다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 power, durationMs, softness를 싣고 비교용 정지 이미지 두 장을 지정한다
Scrolline DeckSCROLL SCRUB
진행률 p를 그대로 셰이더 progress로 쓴다. 스크롤을 멈춘 프레임이 혼합 상태여도 자연스럽다
06

잘 맞는 조합Pairs well with

07

출처Sources

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