앞 장면이 단색으로 사라진 뒤 같은 색에서 다음 장면이 나타나는 전환The outgoing scene fades into a flat color, then the next scene rises out of that same color.
장면이 0.25초에 걸쳐 검은색으로 잠기고 0.1초 머문 뒤 다음 장면이 0.35초 동안 올라온다
색면 홀드를 0.5초 이상 두어 화면이 멈춘 것처럼 보이거나, 장면마다 다른 색을 써서 일관성이 없다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 퇴장 | 0.25s | 0.15~0.4s | 앞 장면이 색으로 잠기는 시간 |
| 색면 홀드 | 0.1s | 0~0.2s | 색만 보이는 구간 |
| 등장 | 0.35s | 0.25~0.5s | 퇴장보다 약간 길게 |
| 색 | #000 | 브랜드 색 가능 | 저채도 어두운 색이 안전 |
tl.to('.a', { opacity: 0, duration: 0.25, ease: 'power1.in' })
.to('.dip', { opacity: 1, duration: 0.25, ease: 'power1.in' }, 0)
.set('.a', { display: 'none' }, 0.35)
.to('.dip', { opacity: 0, duration: 0.35, ease: 'power2.out' }, 0.35)
.fromTo('.b', { opacity: 0 }, { opacity: 1, duration: 0.35, ease: 'power2.out' }, 0.35);그대로 붙여 넣는다Paste as is
<대상A>에서 <대상B>로 넘어갈 때 딥 투 컬러 전환을 GSAP로 넣어줘. A는 0.25초 동안 #000 색면 뒤로 사라지고, 색면이 0.1초 머문 뒤, B가 0.35초 동안 나타나게 해. 퇴장 이징 power1.in, 등장 이징 power2.out, paused 타임라인 하나로 만들어.
Add a dip-to-color transition from <targetA> to <targetB> in GSAP. A fades out behind a #000 color layer over 0.25 seconds, the color holds for 0.1 seconds, then B fades in over 0.35 seconds. Use power1.in for the exit and power2.out for the entrance, all in one paused timeline.
<파일>의 섹션 경계에 dip-to-color를 넣어. 전면 #000 오버레이 opacity를 0.25초 동안 0에서 1, 0.1초 홀드, 0.35초 동안 1에서 0으로 보간하고 오버레이가 가장 진할 때 장면을 교체한다. 0.3초 시점에 화면이 순수 검정인지, 0.45초에 뒤 장면이 올라오는 중인지 캡처로 확인해.
Add a dip-to-color at the section boundary in <file>. Tween a full-frame #000 overlay from opacity 0 to 1 over 0.25 seconds, hold 0.1 seconds, then back to 0 over 0.35 seconds, swapping the scenes at the darkest point. Capture at 0.3 seconds to confirm the frame is pure black and at 0.45 seconds to confirm the next scene is rising in.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo