두 장면의 밝은 색이 더해져 중간이 밝아졌다가 다음 장면 밝기로 돌아온다The bright colors of two scenes add together, brightening the middle before settling to the next scene.
600ms 동안 두 장면이 mix-blend-mode screen 또는 plus-lighter로 겹쳐 중간에 밝아지고, 밝기 상한 1을 넘지 않게 눌러 준다
중간이 하얗게 날아가 디테일이 사라지거나, 어두운 장면끼리 써서 차이가 보이지 않는다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 600ms | 400~900ms | linear |
| 혼합 모드 | plus-lighter 또는 screen | 가산 | |
| 중간 밝기 제한 | 1.0 | 0.9~1.1 | 클리핑 방지 |
| 앞 장면 opacity | 1에서 0 | 선형 | |
| 뒤 장면 opacity | 0에서 1 | 선형 |
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);그대로 붙여 넣는다Paste as is
<대상> 장면 전환에 가산 디졸브를 넣어줘. .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.
<파일>에 가산 디졸브를 구현해. .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.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo