효과Effects / 등장·퇴장Entrance & Exit / Nº 064

글자 회전 입장Letter Spin In

Letter Spin In

글자 회전 입장

다른 이름Also known as · Letter Spin and Roll · 글자 회전과 굴림

064

렌더 추가 예정CLIP COMING글자 회전 입장Letter Spin In정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 064. 글자 회전 입장 · Letter Spin In · power3.out

글자가 기울거나 회전한 상태에서 바른 방향으로 돌아와 정렬되는 등장Letters arrive tilted or spinning and rotate into their upright alignment.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

가볍고 장난스러운 제목 리듬. 글자마다 통통 튀는 생기가 있다A light, playful title rhythm with a little life in every character.

언제 쓰나Use whenUSE WHEN

밝고 가벼운 톤의 제목이나 인트로
유아·교육·커머스 숏폼의 타이틀

Bright, light-toned titles and intros
Titles for kids, education or commerce shorts

과용 주의AvoidAVOID

진지한 톤의 제목에는 쓰지 않는다
총 시간 1.2초를 넘지 않게 한다. 글자 수가 많으면 시작 차를 줄인다

분류TagsTAGS

등장·퇴장Entrance & Exit 주목 끌기Attention 분위기Mood 숏폼Short-form 설명 영상Explainer video 난이도 기본Basicgsap

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

"안녕하세요" 각 음절이 rotateZ 90도에서 0도로 0.7초 돌아 들어오고 시작 차는 0.035초다

과용 · 나쁜 사례OVERUSE

음절마다 여러 바퀴를 돌려 1.5초가 걸리고 마지막 글자가 도착하기 전에 처음 글자가 흔들린다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
글자당 시간	0.7s	0.5~0.9s	power3.out
시작 차	0.035s	0.02~0.06s	왼쪽부터
시작 회전	90deg	45~180deg	rotateZ
시작 y 이동	24px	0~40px	아래에서 올라옴

GSAP

tl.from('.ch', {rotation:90, y:24, opacity:0, transformOrigin:'50% 50%', duration:0.7, ease:'power3.out', stagger:0.035}, 0.2);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 제목의 각 음절이 rotation 90도, y 24px 아래에서 0.7초 power3.out으로 바르게 돌아와 정렬되게 해줘. 음절 시작 차는 0.035초, transform-origin은 중앙, display는 inline-block. 전체는 1.2초 안에 끝내.

Make each syllable of the title in <target> rotate in from 90deg and 24px below, landing upright over 0.7s power3.out. Stagger syllables 0.035s, keep transform-origin at center and display inline-block. Finish within 1.2s.

Codex

<파일>의 제목에 letter spin in을 적용해. .ch inline-block, from rotation 90, y 24, opacity 0, duration 0.7, stagger 0.035, power3.out. 0.35초·0.7초·1.2초를 캡처해 회전각이 순서대로 줄어들고 마지막 프레임에서 rotation 0인지 확인해.

Apply letter spin in to the title in <file>. .ch inline-block; from rotation 90, y 24, opacity 0; duration 0.7; stagger 0.035; power3.out. Capture at 0.35s, 0.7s and 1.2s and verify rotation decreases in order and reaches 0 in the last frame.