제목 글자가 장면의 선이나 인물 동선과 맞물려 드러나고 가려지는 효과The title is revealed and hidden in step with lines or character paths inside the scene.
제목이 건물 실루엣 뒤에 있다가 인물이 지나가는 2초 동안 같은 속도로 마스크가 열려 글자가 드러난다
마스크 이동이 장면 오브젝트와 다른 속도여서 글자가 배경과 따로 노는 것처럼 뜬다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 장면 연동 시간 | 2s | 1.5~3s | 오브젝트 이동과 동일 |
| 마스크 이동 | 오브젝트와 동일 px | - | 같은 tween에서 구동 |
| 글자 불투명도 | 1 | 0.9~1 | 깊이감을 위해 살짝 낮출 수 있음 |
| 이징 | 오브젝트와 동일 | none~power2.inOut | 동기 필수 |
/* 전경 마스크 이미지(.fg, 알파 있음)가 제목(.title) 위에 겹침 */
tl.to('.actor', { x: 900, duration: 2, ease: 'power1.inOut' }, 0)
.to('.fg-mask', { x: 900, duration: 2, ease: 'power1.inOut' }, 0)
.fromTo('.title', { opacity: 0 }, { opacity: 1, duration: 0.6 }, 0.9);그대로 붙여 넣는다Paste as is
<대상> 장면에서 제목 '<문구>'가 전경 오브젝트(<오브젝트>) 뒤에 놓이게 레이어를 나눠줘. 오브젝트와 전경 마스크가 2초 동안 x 900px을 power1.inOut으로 함께 움직이고, 그 사이 제목이 0.9초부터 0.6초 동안 나타나게 해. 오브젝트와 마스크의 tween 값은 항상 동일해야 해.
In the <target> scene put the title '<text>' behind the foreground object (<object>) by splitting layers. The object and the foreground mask move x 900px together over 2 seconds with power1.inOut, while the title fades in from 0.9 seconds over 0.6 seconds. The object and mask tween values must always be identical.
<파일>에서 .actor와 .fg-mask를 동일한 x, duration, ease의 tween으로 구동하고 제목은 그 뒤 레이어에 둬. 0.5초에 제목이 가려져 있고 1.5초에 일부만 드러나 있으며 2.5초에 완전히 읽히는지 캡처로 확인해. 마스크와 오브젝트 x 값이 각 시점에 같은지 스크립트로 검사해.
In <file> drive .actor and .fg-mask with the same x, duration and ease, and put the title on a layer behind. Capture at 0.5s (title hidden), 1.5s (partly revealed) and 2.5s (fully readable), and check by script that the mask and object x values match at each time.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo