스미어 프레임Smear Frame

Smear Frame

스미어 프레임

다른 이름Also known as · Smear Frame Motion · 스미어 프레임 운동

012

렌더 추가 예정CLIP COMING스미어 프레임Smear Frame정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 012. 스미어 프레임 · Smear Frame · power4.in

빠른 이동 중 대상이 이동 방향으로 길게 늘어나거나 여러 윤곽으로 퍼졌다 돌아오는 표현During a fast move, the object stretches along its direction of travel and snaps back.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

속도와 타격의 강도. 프레임 사이가 비지 않고 이어져 보인다Speed and impact. Frames read as connected rather than as a jump.

언제 쓰나Use whenUSE WHEN

빠른 스와이프·휘두름·튀어나옴을 한두 프레임으로 강조할 때
공이나 아이콘이 화면을 가로지르는 순간을 힘 있게 보여 줄 때

When a swipe, swing or pop-out should hit in one or two frames
When a ball or icon crosses the screen with force

과용 주의AvoidAVOID

스미어는 50~100ms 안에 끝낸다
느린 이동(0.5초 이상)에는 쓰지 않는다
늘림은 이동 방향 축으로만

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

공이 x 900px을 0.12초에 지나갈 때 scaleX 1.8로 늘어났다가 도착 직후 1로 복귀한다

과용 · 나쁜 사례OVERUSE

늘어난 상태로 0.3초 이상 머물러 왜곡으로 보이거나, 느린 이동에도 스미어를 건다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
스미어 길이	50~100ms	40~120ms	가장 빠른 구간
신장 배율	1.8	1.4~2.2	이동 방향 축 scale
이동 거리	900px	400~1200px	1920x1080 기준
이징	power4.in	power3~power4.in	가속 뒤 즉시 정지

GSAP

tl.to('.ball', { x: 900, duration: 0.12, ease: 'power4.in' }, 0.4)
  .to('.ball', { scaleX: 1.8, transformOrigin: '100% 50%', duration: 0.06 }, 0.4)
  .to('.ball', { scaleX: 1, duration: 0.1, ease: 'power2.out' }, 0.52);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

GSAP으로 <대상>이 x 900px을 0.12초에 지나갈 때 스미어를 넣어줘. 0.4초에 power4.in으로 이동시키고, 같은 시각에 scaleX를 1.8까지 0.06초에 늘려(transformOrigin 100% 50%) 0.52초부터 0.1초 동안 1로 되돌려. 이동 방향 축만 늘려. paused 타임라인 하나로 만들어.

Add a smear frame to <target> as it moves 900px in x over 0.12s. At 0.4s move with power4.in, and in the same moment stretch scaleX to 1.8 over 0.06s with transformOrigin 100% 50%, then return to 1 over 0.1s from 0.52s. Stretch only along the travel axis. One paused timeline.

Codex

<파일>의 <대상>에 smear-frame을 적용해. x 900 이동(0.12s, power4.in, position 0.4)과 scaleX 1.8(0.06s), 복귀 scaleX 1(0.1s, position 0.52). 0.44초·0.5초·0.7초를 캡처해 늘어난 프레임에서 폭이 1.8배 안팎인지, 0.7초에 원래 비율인지 확인해.

Apply smear-frame to <target> in <file>. Tween x 900 (0.12s, power4.in, position 0.4), scaleX 1.8 (0.06s), and restore scaleX 1 (0.1s, position 0.52). Capture at 0.44s, 0.5s and 0.7s to check width is about 1.8x on the stretched frame and back to normal at 0.7s.