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

커튼 리빌Curtain Reveal

Curtain Reveal

커튼 리빌

다른 이름Also known as · Canopy part · 전경 가림막 열기

035

렌더 추가 예정CLIP COMING커튼 리빌Curtain Reveal정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 035. 커튼 리빌 · Curtain Reveal · power3.inOut

앞쪽 잎이나 물체가 양쪽으로 쓸려 나가 뒤의 제목이 보인다.Foreground objects part to reveal a title behind them.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

숨어 있던 장면과 깊이를 공개한다.Reveals a hidden scene with depth.

언제 쓰나Use whenUSE WHEN

전경 뒤의 제목을 공개할 때
풍경 장면의 깊이를 열어 보일 때

Use when presenting curtain 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 난이도 중급Intermediatecss

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

앞쪽 잎 두 층이 좌우 600px 이동해 제목을 연다.

과용 · 나쁜 사례OVERUSE

가림막이 제목 위에 남아 글자를 가린다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	1.2s	0.84~1.68s	0초부터 시작하는 공개 구간
좌우 거리	600px	400~1100px	가림막이 제목을 완전히 벗어남
층 시간차	0.08s	0~0.15s	전경 층의 깊이 표현
이징	power3.inOut	power2.out, power3.out, sine.inOut	움직임의 가속과 감속

GSAP

gsap.set('.curtain-left, .curtain-right', {x:0});
tl.to('.curtain-left', {x:-600, duration:1.2, ease:'power3.inOut'}, 0);
tl.to('.curtain-right', {x:600, duration:1.2, ease:'power3.inOut'}, 0);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 커튼 리빌을 적용해. 1.2초, 좌우 거리 600px; 층 시간차 0.08s, 이징 power3.inOut로 구현해. paused 타임라인으로 seek 가능하게 하고 완료 자세를 유지해.

Apply Curtain Reveal to <target> in <file>. Use a 1.2s segment with power3.inOut; implement these explicit settings: Horizontal travel per side: 600px, Layer delay: 0.08s. Use a paused, seekable timeline and hold the final pose.

Codex

<파일>의 <대상> 레이어에 커튼 리빌을 적용해. 1.2초, 좌우 거리 600px; 층 시간차 0.08s, power3.inOut를 사용하고 0초, 0.6초, 1.2초 캡처로 시작값, 중간 변화, 완료 자세를 확인해. 동일 시점을 두 번 seek해 같은 결과인지 검증해.

Apply Curtain Reveal to the <target> layer in <file> with Horizontal travel per side: 600px, Layer delay: 0.08s, using the supplied core snippet and a 1.2s segment with power3.inOut. Capture at 0s, 0.6s, and 1.2s to verify the initial pose, intermediate change, and final pose. Seek to the same timestamp twice and confirm identical output.