줌 전환Zoom Through

Zoom Through

줌 전환

다른 이름Also known as · 줌 스루 · Zoom transition · Zoom through · 줌 통과 · 줌 관통 · zoom-through-portal · Cross zoom · 교차 줌

127

도판Fig. 127. 줌 전환 · Zoom Through · power3.in / power2.out

재생 속도Speed

글자 O의 구멍을 확대해 그 안의 다음 장면으로 통과하는 전환The opening in the letter O enlarges to carry the viewer through to the next scene inside it.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

같은 중심을 향해 깊이 들어가며 다음 정보로 연결된다Connects to the next information by moving deeper toward a shared center.

언제 쓰나Use whenUSE WHEN

제목의 글자 내부를 다음 장면의 입구로 사용할 때
전체 개요에서 확률 같은 세부 정보로 들어갈 때

Use the inside of a title letter as an entrance to the next scene.
Move from an overview into details such as probabilities.

과용 주의AvoidAVOID

구멍 밖에서 다음 장면이 먼저 노출되지 않게 한다
확대 중 중심을 옮기지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

O 중심을 고정한 채 8배 확대해 구멍 안에서 후보 확률 장면이 드러난다

과용 · 나쁜 사례OVERUSE

구멍과 카메라의 중심이 달라 O의 먹 면이 화면을 가린다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
확대 배율	8	6~12	구멍이 장면의 네 모서리를 덮는 배율
확대 시간	1.35s	0.8~1.5s	출발은 천천히, 끝은 빠르게
시작 시각	0.4s	0.3~0.5s	O를 먼저 읽는 준비 시간
다음 장면 초기 배율	0.18	0.12~0.3	구멍 속 먼 장면으로 시작

GSAP

tl.set('.content', {scale:0.18, opacity:0});
tl.to('.a', {scale:8, duration:1.35, ease:'power3.in'}, 0.4);
tl.to('.content', {opacity:1, duration:0.25}, 0.7);
tl.to('.content', {scale:1, duration:1.15, ease:'power2.out'}, 0.7);
tl.set('.a', {opacity:0}, 1.75);

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 글자 O를 통과하는 줌 전환을 만들어줘. 1168×580 장면의 중심 584px, 290px에 구멍 반경 95px, 140px인 O를 두고 0.4초부터 1.35초간 power3.in으로 8배 확대해. 구멍 아래 장면은 0.7초부터 1.15초간 0.18배에서 1배로 확대하고 2.25초 이후 정지해.

Create a zoom-through transition through the letter O for <target>. Place an O with opening radii 95px and 140px at the center of a 1168×580 scene, at 584px, 290px. Starting at 0.4 seconds over 1.35 seconds, enlarge it to 8 times its size with power3.in. Scale the scene beneath the opening from 0.18 to 1 starting at 0.7 seconds over 1.15 seconds, and hold after 2.25 seconds.

Codex

<파일>의 장면 전환에 중심 584px, 290px의 O 마스크 래퍼를 적용해. 0.4초부터 scale 1에서 8로 1.35초간 power3.in으로 움직이고 다음 장면은 0.7초부터 1.15초간 scale 0.18에서 1로 움직여. 0.23초, 1.23초, 1.73초, 2.9초를 캡처해 O의 구멍 안에만 장면 B가 드러나고 마지막에 먹 테두리 없이 완성 상태가 남는지 확인해.

Apply an O mask wrapper centered at 584px, 290px to the scene transition in <file>. Starting at 0.4 seconds over 1.35 seconds, animate scale from 1 to 8 with power3.in. Animate the next scene from scale 0.18 to 1 starting at 0.7 seconds over 1.15 seconds. Capture at 0.23, 1.23, 1.73, and 2.9 seconds to verify that scene B appears only inside the O opening and that the completed state remains without an ink-black border at the end.