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

블라인드 리빌Blinds Reveal

Blinds Reveal
블라인드 리빌
다른 이름Also known as · Stripe Reveal · 줄무늬 셔터 리빌 · line-sweep-diagonal-stripes · blinds-stripe-reveal
029
도판Fig. 029. 블라인드 리빌 · Blinds Reveal · power3.out
재생 속도Speed

여러 띠나 블라인드가 조금씩 다른 시점에 열려 전체 이미지를 완성한다.Staggered strips open to assemble a complete image.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
분할된 조각이 합쳐지는 리듬을 느낀다.Creates a rhythm of separate pieces becoming a whole.
언제 쓰나Use whenUSE WHEN
  • 포스터를 리듬 있게 공개할 때
  • 이미지를 띠 단위로 열 때
  • Use when presenting blinds reveal in a content reveal scene.
  • Use for a focused title, image, or card with a clearly visible final state.
과용 주의AvoidAVOID
  • 띠마다 이미지 좌표가 달라 완성 사진이 끊긴다.
  • 완료 자세에서 내용이 가려지지 않게 한다.
분류TagsTAGS
등장·퇴장Entrance & Exit주목 끌기Attention전환Transition설명 영상Explainer video웹 UIWeb UI숏폼Short-form난이도 중급Intermediategsap
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

여섯 띠가 0.05초씩 늦게 열려 0.65초에 사진을 완성한다.

과용 · 나쁜 사례OVERUSE

띠마다 이미지 좌표가 달라 완성 사진이 끊긴다.

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
지속0.4s0.28~0.56s0초부터 시작하는 공개 구간
띠 수64~10동일 이미지 좌표 유지
띠 간격0.05s0.03~0.08s왼쪽부터 공개
이징power3.outpower2.out, power3.out, sine.inOut움직임의 가속과 감속
GSAP
const strips = gsap.utils.toArray('.strip-window');
gsap.set(strips, {clipPath:'inset(0 100% 0 0)'});
tl.to(strips, {clipPath:'inset(0 0% 0 0)', duration:0.4, stagger:0.05, ease:'power3.out'}, 0);
라이브 소스 열기Open live source소스 코드SourceREADME
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 블라인드 리빌을 적용해. 0.4초, 띠 수 6; 띠 간격 0.05s, 이징 power3.out로 구현해. paused 타임라인으로 seek 가능하게 하고 완료 자세를 유지해.

Apply Blinds Reveal to <target> in <file>. Use a 0.4s segment with power3.out; implement these explicit settings: Strip count: 6, Strip delay: 0.05s. Use a paused, seekable timeline and hold the final pose.

Codex

<파일>의 <대상> 레이어에 블라인드 리빌을 적용해. 0.4초, 띠 수 6; 띠 간격 0.05s, power3.out를 사용하고 0초, 0.2초, 0.4초 캡처로 시작값, 중간 변화, 완료 자세를 확인해. 동일 시점을 두 번 seek해 같은 결과인지 검증해.

Apply Blinds Reveal to the <target> layer in <file> with Strip count: 6, Strip delay: 0.05s, using the supplied core snippet and a 0.4s segment with power3.out. Capture at 0s, 0.2s, and 0.4s 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 타임라인에 0.4초 구간을 넣고 seek로 자세를 계산한다. 시작값과 완료값을 명시한다.
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 블라인드 리빌, 0.4초, 띠 수 6; 띠 간격 0.05s, power3.out를 싣고 대상 레이어를 지정한다.
Scrolline DeckSCROLL SCRUB
진행률 0~1을 0.4초 구간에 매핑한다. scrub에서는 스프링 대신 ease-out으로 같은 시작값과 완료값을 보간한다.
06

잘 맞는 조합Pairs well with

페이드 슬라이드 · Fade Slide
Nº 038페이드 슬라이드Fade SlideFade Slide
스태거 · Stagger
Nº 006스태거StaggerStagger
스케일 팝 · Scale Pop
Nº 053스케일 팝Scale PopScale Pop
07

출처Sources

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