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

링 줌Ring Zoom

Ring Zoom
링 줌
다른 이름Also known as · Ring zoom · 동심원 줌
192
렌더 추가 예정CLIP COMING링 줌Ring Zoom정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 192. 링 줌 · Ring Zoom · none

동심원 띠마다 서로 다른 확대율로 영상이 보이며 중심에서 장면이 교체되는 전환Concentric rings show the footage at different magnifications, and the scene is replaced from the center.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
터널처럼 층진 집중과 깊이감. 시선이 안쪽으로 빨려 든다Tunnel-like layered focus and depth: the eye is pulled inward.
언제 쓰나Use whenUSE WHEN
  • 시선을 중심 피사체로 강하게 모을 때
  • 터널이나 워프 톤의 SF 연출에서
  • Strongly gather attention on a central subject.
  • SF-style tunnel or warp looks.
과용 주의AvoidAVOID
  • 링 5개 초과 금지
  • 링 경계에 1~2px 페더를 준다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

0.8초 동안 링 3개가 각각 1.0, 1.4, 2.0배의 서로 다른 확대율로 앞 장면을 샘플링하고 중심 링부터 뒤 장면으로 교체된다

과용 · 나쁜 사례OVERUSE

링 개수가 많아 화면이 줄무늬처럼 어지럽거나, 링 경계가 톱니처럼 거칠다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
전체 지속0.8s0.6~1.2s선형
링 수32~5동심
확대율1.0/1.4/2.01.0~3.0안쪽일수록 큼
교체 순서안에서 밖으로링마다 0.1s 차이
GSAP
gsap.utils.toArray('.ring').forEach((r, i) => {
  const s = [1.0, 1.4, 2.0][i];
  tl.to(r, { scale: s, duration: 0.8, ease: 'none' }, 0)
    .to(r.querySelector('.b'), { opacity: 1, duration: 0.2, ease: 'none' }, 0.6 - i * 0.2);
});
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 링 줌 전환을 만들어줘. 화면 중심에 지름이 다른 동심원 링 3개를 만들고 각 링 안의 A가 0.8초 동안 scale 1.0, 1.4, 2.0까지 linear로 확대되게 해. 중심 링부터 0.2초 간격으로 B로 교체하고 링 경계에 2px 페더를 줘. paused 타임라인 하나.

Build a ring zoom from <targetA> to <targetB>. Create three concentric rings at the frame center and scale A inside each to 1.0, 1.4, and 2.0 linearly over 0.8 seconds. Swap to B starting with the center ring at 0.2-second intervals and feather the ring edges by 2px. One paused timeline.

Codex

<파일>에 ring zoom을 적용해. .ring 3개의 내부 scale을 1.0, 1.4, 2.0으로 0.8s ease none 확대하고 .b opacity 1을 안쪽 링부터 0.6, 0.4, 0.2초 시점에 0.2s로 올린다. 0.3초 캡처에서 링마다 확대율이 다른지, 0.8초에 전 링이 B인지 확인해.

Apply a ring zoom in <file>. Scale the inner content of 3 .ring elements to 1.0, 1.4, and 2.0 over 0.8s with ease none, and fade .b to opacity 1 (0.2s) starting from the inner ring at 0.6, 0.4, and 0.2 seconds. Capture at 0.3 seconds to confirm each ring has a different magnification, and at 0.8 seconds to confirm all rings show B.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
링마다 clipPath: circle() 컨테이너를 두고 안쪽 콘텐츠 scale을 다르게 한다. 컨테이너 수를 링 수로 제한한다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 rings, scales, swapOrder, durationMs를 싣는다
Scrolline DeckSCROLL SCRUB
진행률 p로 링별 scale = 1 + (s - 1) * p 계산. 교체는 안쪽 링부터 진행률 0.2 간격
06

잘 맞는 조합Pairs well with

07

출처Sources

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