효과Effects / 강조·주의Emphasis / Nº 071

타다Tada

Tada

타다

다른 이름Also known as · 축소 뒤 환호 흔들기

071

렌더 추가 예정CLIP COMING타다Tada정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 071. 타다 · Tada · power2.out

움츠렸다 커지면서 좌우로 흔들리고 제자리로 돌아오는 축하 동작A celebratory shrink-then-grow with a small left-right shake before settling.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

성과나 완료를 알리는 축하의 신호. 짧고 명랑하게 끝난다Announces an achievement or completion. It is short and cheerful and ends cleanly.

언제 쓰나Use whenUSE WHEN

목표 달성·결제 완료·업로드 성공을 알릴 때
배지나 트로피 아이콘이 등장한 직후 한 번 더 강조할 때

When signalling a goal reached, a payment done or an upload finished
When stressing a badge or trophy icon right after it appears

과용 주의AvoidAVOID

회전 ±5도 초과 금지
한 장면에 1회만 사용
오류·경고 상황에는 쓰지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

완료 배지가 scale 0.9로 움츠렸다가 1.1로 커지며 ±3도 네 번 흔들리고 1로 돌아온다

과용 · 나쁜 사례OVERUSE

회전 10도 이상으로 흔들리거나 여러 요소가 동시에 tada를 해서 화면이 소란스럽다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
총 길이	1.0s	0.7~1.2s	준비와 흔들림 전체
준비 배율	0.9	0.88~0.95	움츠러드는 깊이
절정 배율	1.1	1.06~1.15	흔들리는 동안 유지
회전 진폭	±3deg	2~5deg	4회 왕복, 마지막은 0으로

GSAP

tl.to('.badge', { scale: 0.9, duration: 0.1, ease: 'power2.out' }, 0.3)
  .to('.badge', { scale: 1.1, rotation: 3, duration: 0.1 })
  .to('.badge', { rotation: -3, duration: 0.1 }).to('.badge', { rotation: 3, duration: 0.1 })
  .to('.badge', { rotation: -3, duration: 0.1 }).to('.badge', { scale: 1, rotation: 0, duration: 0.3, ease: 'power3.out' });

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

GSAP으로 <대상> 배지에 tada를 넣어줘. 0.3초에 scale 0.9로 0.1초 움츠렸다가 1.1로 커지며 rotation +3, -3, +3, -3도를 0.1초씩 오가고 마지막 0.3초에 scale 1, rotation 0으로 돌아와. 회전은 5도를 넘기지 마. paused 타임라인 하나에 넣어.

Add a tada to the <target> badge with GSAP. At 0.3s scale to 0.9 over 0.1s, then to 1.1 while rotating +3, -3, +3, -3 degrees at 0.1s each, and return to scale 1, rotation 0 over 0.3s. Never exceed 5 degrees. Use one paused timeline.

Codex

<파일>의 <대상>에 tada를 적용해. 0.3s scale 0.9(0.1s) → scale 1.1 + rotation ±3 네 번(각 0.1s) → scale 1, rotation 0(0.3s, power3.out). 시드 없는 난수 금지. 0.35초·0.8초·1.5초 시점을 캡처해 움츠림, 절정 기울기, 종료 후 정렬 상태를 확인해.

Apply tada to <target> in <file>. 0.3s scale 0.9 (0.1s), then scale 1.1 with rotation +/-3 four times (0.1s each), then scale 1 and rotation 0 (0.3s, power3.out). No random values. Capture at 0.35s, 0.8s and 1.5s to check the squash, the peak tilt and the final alignment.