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

이전 장면 유지 전환Held Scene Overlap

Held Scene Overlap
이전 장면 유지 전환
다른 이름Also known as · Held scene overlap · 장면 유지 겹침
168
렌더 추가 예정CLIP COMING이전 장면 유지 전환Held Scene Overlap정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 168. 이전 장면 유지 전환 · Held Scene Overlap · none

다음 장면이 시작되는 동안 이전 장면의 움직임을 잠시 유지하고 지연 구간 끝에서 새 장면을 공개한다While the next scene starts, the previous scene's motion is held briefly, and the new scene is revealed at the end of the delay.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
다음 장면이 시작되는 동안 이전 장면의 움직임을 잠시 붙잡아 동작의 마무리와 장면 교체를 따로 조절한다Lets the end of an action and the scene change be timed independently.
언제 쓰나Use whenUSE WHEN
  • 이전 장면의 마지막 동작이 끝나기 전에 다음 장면이 시작되는 겹침을 만들 때
  • 대사나 소리는 다음 장면인데 화면은 이전 장면이 잠깐 남아 있어야 할 때
  • When the next scene starts before the previous scene's final motion has finished
  • When dialogue or sound belongs to the next scene but the picture should linger
과용 주의AvoidAVOID
  • 유지는 0.4~0.8초로 한다
  • 유지 동안에도 이전 장면 동작은 계속 진행한다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

이전 장면의 마지막 동작이 0.6초 더 이어지는 동안 다음 장면의 소리가 먼저 시작되고, 0.6초 뒤 화면이 바뀐다

과용 · 나쁜 사례OVERUSE

유지 구간이 1초를 넘어 화면과 소리가 어긋난 것처럼 보이거나, 이전 장면 동작이 멈춰 화면이 굳는다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
이전 장면 유지600ms400~800ms컷을 늦춤
공개 컷0ms고정즉시
소리 선행600ms400~800ms다음 장면 소리
이전 장면 시계독립 진행두 장면 시계 분리
다음 장면 시작컷 시각컷 시각에 정렬
GSAP
const tPrev = gsap.timeline(), tNext = gsap.timeline();
tPrev.to('.ball', { x: 900, duration: 1.8, ease: 'power2.out' }, 0);
tl.add(tPrev, 0).add(tNext, 1.2);            // 다음 장면 시계는 1.2초에 시작
tl.set('.prev', { autoAlpha: 0 }, 1.8).set('.next', { autoAlpha: 1 }, 1.8);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 이전 장면 유지 전환을 넣어줘. 이전 장면 타임라인은 1.8초까지 계속 진행하고, 다음 장면 타임라인은 1.2초에 시작해서 소리가 먼저 나오게 해. 화면 교체는 1.8초에 tl.set으로 즉시. 두 장면은 각각 자식 타임라인으로 만들어 tl.add로 붙이고 paused 타임라인으로 seek 가능하게 해.

Add a Held Scene Overlap to <target>. Keep the previous scene's timeline running until 1.8s, start the next scene's timeline at 1.2s so its sound comes first, and swap visibility at 1.8s with tl.set. Build each scene as a child timeline attached with tl.add, seekable on a paused parent timeline.

Codex

<파일>에 이전 장면 유지 전환을 구현해. tPrev는 .ball x 0에서 900을 1.8초 power2.out, tNext는 tl.add(tNext, 1.2), 1.8초에 .prev 숨김 및 .next 표시. 1.0초, 1.5초, 1.9초 시점을 캡처해 1.5초에 이전 장면 동작이 아직 진행 중인지, 1.9초에 다음 장면만 보이는지 확인해.

Implement Held Scene Overlap in <file>. tPrev tweens .ball x 0 to 900 over 1.8s power2.out; tl.add(tNext, 1.2); at 1.8s hide .prev and show .next. Capture at 1.0s, 1.5s, and 1.9s to confirm the previous action is still in progress at 1.5s and only the next scene is visible at 1.9s.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
두 장면을 각각 자식 타임라인으로 만들어 tl.add로 붙이고, 가시성 교체 시각과 소리 시작 시각을 따로 지정한다. seek해도 자식 시계가 유지된다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 이전 장면 유지 600ms, 소리 선행 600ms, 컷 시각을 싣는다
Scrolline DeckSCROLL SCRUB
scrub에서는 두 장면 진행률을 서로 다른 구간(prev 0~0.6, next 0.4~1)으로 매핑하고 0.6 근방에서 교체한다
06

잘 맞는 조합Pairs well with

07

출처Sources

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