AWESOME AI MOTION
효과Effects / 등장·퇴장Entrance & Exit / Nº 048

모자이크 리빌Mosaic Reveal

Mosaic Reveal
모자이크 리빌
다른 이름Also known as · mosaic-matte-collage · tile-mosaic
048
렌더 추가 예정CLIP COMING모자이크 리빌Mosaic Reveal정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 048. 모자이크 리빌 · Mosaic Reveal · power2.out

작은 타일 창이 차례로 열려 한 장의 이미지나 포스터를 완성한다.Small tile windows reveal one complete image in sequence.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
부분의 축적이 전체가 되는 것을 읽는다.Shows accumulated parts forming a whole.
언제 쓰나Use whenUSE WHEN
  • 여러 조각이 포스터를 완성할 때
  • 콜라주 이미지를 단계적으로 보여줄 때
  • Use when presenting mosaic reveal in a content reveal scene.
  • Use for a focused title, image, or card with a clearly visible final state.
과용 주의AvoidAVOID
  • 매 실행마다 순서를 바꿔 캡처 결과가 달라진다.
  • 완료 자세에서 내용이 가려지지 않게 한다.
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

6x4 타일이 행 순서로 열려 1.6초에 포스터를 완성한다.

과용 · 나쁜 사례OVERUSE

매 실행마다 순서를 바꿔 캡처 결과가 달라진다.

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
지속1.6s1.12~2.24s0초부터 시작하는 공개 구간
타일 격자6x44x3~8x6원본 이미지 좌표 공유
타일 시간차0.04s0.02~0.06s고정된 행 우선 순서
타일 지속0.68s0.4~0.8s24개 마지막 시작 0.92초
이징power2.outpower2.out, power3.out, sine.inOut움직임의 가속과 감속
GSAP
const tiles = gsap.utils.toArray('.tile');
gsap.set(tiles, {opacity:0});
tl.to(tiles, {opacity:1, duration:0.68, stagger:0.04, ease:'power2.out'}, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 모자이크 리빌을 적용해. 1.6초, 타일 격자 6x4; 타일 시간차 0.04s; 타일 지속 0.68s, 이징 power2.out로 구현해. paused 타임라인으로 seek 가능하게 하고 완료 자세를 유지해.

Apply Mosaic Reveal to <target> in <file>. Use a 1.6s segment with power2.out; implement these explicit settings: Tile grid: 6x4, Tile delay: 0.04s, Tile duration: 0.68s. Use a paused, seekable timeline and hold the final pose.

Codex

<파일>의 <대상> 레이어에 모자이크 리빌을 적용해. 1.6초, 타일 격자 6x4; 타일 시간차 0.04s; 타일 지속 0.68s, power2.out를 사용하고 0초, 0.8초, 1.6초 캡처로 시작값, 중간 변화, 완료 자세를 확인해. 동일 시점을 두 번 seek해 같은 결과인지 검증해.

Apply Mosaic Reveal to the <target> layer in <file> with Tile grid: 6x4, Tile delay: 0.04s, Tile duration: 0.68s, using the supplied core snippet and a 1.6s segment with power2.out. Capture at 0s, 0.8s, and 1.6s to verify the initial pose, intermediate change, and final pose. Seek to the same timestamp twice and confirm identical output.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
paused 타임라인에 1.6초 구간을 넣고 seek로 자세를 계산한다. 시작값과 완료값을 명시한다.
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 모자이크 리빌, 1.6초, 타일 격자 6x4; 타일 시간차 0.04s; 타일 지속 0.68s, power2.out를 싣고 대상 레이어를 지정한다.
Scrolline DeckSCROLL SCRUB
진행률 0~1을 1.6초 구간에 매핑한다. scrub에서는 스프링 대신 ease-out으로 같은 시작값과 완료값을 보간한다.
06

잘 맞는 조합Pairs well with

07

출처Sources

개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo