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

가산 디졸브Additive Dissolve

Additive Dissolve
가산 디졸브
다른 이름Also known as · Additive dissolve
147
렌더 추가 예정CLIP COMING가산 디졸브Additive Dissolve정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 147. 가산 디졸브 · Additive Dissolve · none

두 장면의 밝은 색이 더해져 중간이 밝아졌다가 다음 장면 밝기로 돌아온다The bright colors of two scenes add together, brightening the middle before settling to the next scene.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
두 장면의 밝은 색이 더해져 중간이 환해졌다가 다음 장면 밝기로 돌아온다Adds light and liveliness to a scene change.
언제 쓰나Use whenUSE WHEN
  • 밝고 가벼운 분위기의 회상, 꿈, 도입부에서 장면을 부드럽게 넘길 때
  • 제품 소개 영상에서 화면을 빛이 번지듯 이어 갈 때
  • To ease a light, airy scene change such as a memory, dream, or intro
  • To carry a product video from one screen to the next like spreading light
과용 주의AvoidAVOID
  • 중간 밝기가 클리핑되지 않도록 한 장면에 brightness 0.85를 곱한다
  • 어두운 화면 위주 장면에는 효과가 약하다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

600ms 동안 두 장면이 mix-blend-mode screen 또는 plus-lighter로 겹쳐 중간에 밝아지고, 밝기 상한 1을 넘지 않게 눌러 준다

과용 · 나쁜 사례OVERUSE

중간이 하얗게 날아가 디테일이 사라지거나, 어두운 장면끼리 써서 차이가 보이지 않는다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
지속600ms400~900mslinear
혼합 모드plus-lighter 또는 screen가산
중간 밝기 제한1.00.9~1.1클리핑 방지
앞 장면 opacity1에서 0선형
뒤 장면 opacity0에서 1선형
GSAP
gsap.set('.next', { mixBlendMode: 'plus-lighter' });
tl.fromTo('.next', { opacity: 0 }, { opacity: 1, duration: 0.6, ease: 'none' }, 0);
tl.to('.prev', { opacity: 0, duration: 0.6, ease: 'none' }, 0);
tl.to(['.prev','.next'], { filter: 'brightness(0.85)', duration: 0.3, yoyo: true, repeat: 1, ease: 'sine.inOut' }, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 가산 디졸브를 넣어줘. .next에 mix-blend-mode plus-lighter를 걸고, .prev opacity 1에서 0, .next opacity 0에서 1로 0.6초 linear로 진행해. 중간이 클리핑되지 않게 두 장면에 brightness 0.85를 0.3초 yoyo로 걸어줘. paused 타임라인으로 seek 가능하게 해.

Add an Additive Dissolve to <target>. Give .next mix-blend-mode plus-lighter, then tween .prev opacity 1 to 0 and .next 0 to 1 over 0.6s with linear ease. Apply brightness 0.85 with a 0.3s yoyo so the middle does not clip. Keep it on a paused, seekable timeline.

Codex

<파일>에 가산 디졸브를 구현해. .next mixBlendMode plus-lighter, opacity 0에서 1, .prev 1에서 0, 0.6초 none, brightness 0.85 yoyo. 0.15초, 0.3초, 0.45초, 0.6초 시점을 캡처해 중간이 밝아지되 흰색으로 날아가지 않는지, 0.6초에 다음 장면 밝기로 돌아오는지 확인해.

Implement Additive Dissolve in <file>. .next mixBlendMode plus-lighter, opacity 0 to 1; .prev 1 to 0; 0.6s ease none; brightness 0.85 yoyo. Capture at 0.15s, 0.3s, 0.45s, and 0.6s to confirm the middle brightens without blowing out to white and that the brightness returns to the next scene by 0.6s.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
CSS mix-blend-mode를 쓰면 렌더 엔진에서 결정론적이다. 두 opacity를 같은 duration으로 묶어 paused 타임라인에서 seek한다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 혼합 모드, 지속 600ms, brightness 0.85를 싣는다
Scrolline DeckSCROLL SCRUB
scrub에서 opacity를 진행률에 선형 매핑한다. 스프링을 쓰지 않으면 스크롤 속도와 무관하게 안정적이다
06

잘 맞는 조합Pairs well with

07

출처Sources

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