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

HSV 디졸브HSV Dissolve

HSV Dissolve
HSV 디졸브
다른 이름Also known as · HSV dissolve · 색상환 경유 페이드
169
렌더 추가 예정CLIP COMINGHSV 디졸브HSV Dissolve정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 169. HSV 디졸브 · HSV Dissolve · none

장면을 섞는 동안 색상이 색상환을 따라 변하고 채도와 밝기가 함께 바뀌는 전환Hue travels along the color wheel while scenes mix, with saturation and brightness shifting together.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
현실적인 혼합보다 색의 변화가 먼저 느껴진다. 무지개처럼 색이 도는 장면 이동Color change is felt before realistic blending: a rainbow-tinted move between scenes.
언제 쓰나Use whenUSE WHEN
  • 색 자체가 이야기의 핵심인 브랜드 영상이나 뮤직 비주얼에서
  • 픽셀 단위로 섞이는 화려한 교차가 필요할 때
  • Brand videos or music visuals where color itself is the story.
  • When you want a showy pixel-level cross blend.
과용 주의AvoidAVOID
  • 색상환 이동은 최대 120도까지
  • 인물 클로즈업에서는 사용하지 않는다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

0.7초 동안 두 장면의 색상 각도가 색상환을 따라 보간되며 중간에는 채도가 오른 무지개 색조가 스친다

과용 · 나쁜 사례OVERUSE

색상 회전이 360도를 넘어 눈이 어지럽거나, 사람 피부가 초록으로 물들어 불쾌하다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
전체 지속0.7s0.5~1.0s선형
색상 이동60deg30~120deghue-rotate
채도 부스트+30%0~50%중간에서 최대
혼합linearopacity 교차
GSAP
tl.to('.a', { filter: 'hue-rotate(60deg) saturate(1.3)', opacity: 0, duration: 0.7, ease: 'none' }, 0)
  .fromTo('.b', { filter: 'hue-rotate(-60deg) saturate(1.3)', opacity: 0 },
    { filter: 'hue-rotate(0deg) saturate(1)', opacity: 1, duration: 0.7, ease: 'none' }, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 HSV 디졸브 느낌의 전환을 만들어줘. A는 0.7초 동안 hue-rotate 0에서 60deg, saturate 1에서 1.3, opacity 1에서 0으로, B는 hue-rotate -60deg에서 0, saturate 1.3에서 1, opacity 0에서 1로 동시에 보간해. 이징 none, paused 타임라인 하나.

Build an HSV-style dissolve from <targetA> to <targetB>. A goes hue-rotate 0 to 60deg, saturate 1 to 1.3, opacity 1 to 0 over 0.7 seconds while B goes hue-rotate -60deg to 0, saturate 1.3 to 1, opacity 0 to 1 at the same time. Use ease none in one paused timeline.

Codex

<파일>에 HSV 스타일 dissolve를 넣어. .a filter hue-rotate(60deg) saturate(1.3)와 opacity 0, .b filter hue-rotate(-60deg) saturate(1.3)에서 0deg와 1로 opacity 1, 0.7s ease none. 0.35초에 두 장면이 반씩 섞이고 색조가 이동해 있는지, 0.7초에 B가 원색인지 캡처로 확인해.

Add an HSV-style dissolve to <file>. .a filter hue-rotate(60deg) saturate(1.3) and opacity 0; .b filter from hue-rotate(-60deg) saturate(1.3) to 0deg and 1 with opacity 1; 0.7s ease none. Capture at 0.35 seconds to confirm the scenes are half mixed with a shifted hue, and at 0.7 seconds to confirm B is in original color.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
CSS filter hue-rotate로 근사하면 seek에 안전하다. 정확한 HSV 보간은 canvas 픽셀 루프이므로 프레임 시간이 길어져 미리 확인한다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 hueShiftDeg, satBoost, durationMs를 실어 canvas 없이 CSS 근사를 기본으로 한다
Scrolline DeckSCROLL SCRUB
진행률 p를 hue = 60p로 직결한다. 이징은 linear
06

잘 맞는 조합Pairs well with

07

출처Sources

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