효과Effects / 가상 카메라Camera / Nº 221

푸시인Push-in

Push-in

푸시인

다른 이름Also known as · 돌리 인 · 카메라 접근 · Push in · 푸시 인 · Punch-in · Crash zoom · Multiplane Dolly · 다층 돌리 푸시

221

도판Fig. 221. 푸시인 · Push-in · power1.inOut

재생 속도Speed

문장이나 장면의 특정 중심을 유지하면서 카메라가 천천히 다가가는 움직임A camera move that slowly approaches a fixed focal point in a sentence or scene.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

핵심어의 중요도와 집중을 높인다Increases the emphasis on and attention to a key word.

언제 쓰나Use whenUSE WHEN

문장 전체를 읽은 뒤 핵심어에 집중시킬 때
제품이나 대상의 중요한 부분을 가까이 보여줄 때

When focusing on a key word after showing the full sentence
When showing an important part of a product or subject up close

과용 주의AvoidAVOID

핵심어를 중심에서 벗어나게 확대하거나 주변 글자를 읽기 전에 확대한다
최종 상태를 0.5초 미만으로 유지하지 않는다

분류TagsTAGS

가상 카메라Camera 강조Emphasis 설명Explain 설명 영상Explainer video 발표Presentation 스크롤덱Scroll deck 난이도 기본Basicgsap

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

AI는 다음 말을 고른다 문장의 다음 말 중심으로 1.6배 다가가 주변 글자가 가장자리로 이동한다

과용 · 나쁜 사례OVERUSE

핵심어를 중심에서 벗어나게 확대하거나 주변 글자를 읽기 전에 확대한다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
확대율	1.6	1.3~1.7	핵심어 크기 증가
확대 중심	520.57px 85px	핵심어 중앙	문장 내부 좌표
동작 시간	2.0s	1.4~2.1s	핵심어가 따라갈 수 있는 속도
이징	power1.inOut	none / power1.inOut	차분한 출발과 정지

GSAP

tl.to('#sentence', {scale: 1.6, duration: 2.0, ease: 'power1.inOut'}, .3);
tl.to('#note', {opacity: 1, duration: .2}, 2.3);

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

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 푸시인 효과를 GSAP 코어로 만들어줘. AI는 다음 말을 고른다 문장의 다음 말 중심으로 1.6배 다가가 주변 글자가 가장자리로 이동한다 3초 클립에서 0.3초까지 시작 상태를 유지하고 다음 기본값을 적용해: 확대율 1.6, 확대 중심 520.57px 85px, 동작 시간 2.0s, 이징 power1.inOut. 마지막 0.5초 이상은 완성 상태로 정지하고 시간 제어는 paused 타임라인 하나로 해.

Create a Push-in effect on <target> using GSAP core. Push in to 1.6 times the scale around "next word" in "AI picks the next word", moving the surrounding letters toward the edges. In a 3-second clip, hold the initial state until 0.3 seconds and apply these defaults: scale 1.6, zoom origin 520.57px 85px, duration 2.0s, ease power1.inOut. Hold the completed state for at least the final 0.5 seconds, and control timing with a single paused timeline.

Codex

<파일>의 scene 내부에 푸시인를 적용해. 확대율는 1.6. 확대 중심는 520.57px 85px. 동작 시간는 2.0s. 이징는 power1.inOut. 0.23초, 1.23초, 2.9초를 캡처해 시작 상태와 중간 변화, AI는 다음 말을 고른다 문장의 다음 말 중심으로 1.6배 다가가 주변 글자가 가장자리로 이동한다의 최종 상태를 확인해. 2.5초와 2.9초의 장면이 같은지, 의도한 카메라 프레임 외의 잘림과 라벨 겹침이 없는지 검증해.

Apply Push-in inside the scene in <file>. Use these settings: scale 1.6, zoom origin 520.57px 85px, duration 2.0s, ease power1.inOut. Capture at 0.23, 1.23, and 2.9 seconds to check the initial state, intermediate changes, and the final state: Push in to 1.6 times the scale around "next word" in "AI picks the next word", moving the surrounding letters toward the edges. Verify that the scenes at 2.5 and 2.9 seconds match, with no clipping beyond the intended camera frame or overlapping labels.