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

즉시 등장Hard Appearance

Hard Appearance

즉시 등장

다른 이름Also known as · Hard appearance cut · 즉시 나타나기 · Add

060

렌더 추가 예정CLIP COMING즉시 등장Hard Appearance정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 060. 즉시 등장 · Hard Appearance · none

정해진 순간에 요소가 중간 과정 없이 화면에 나타난다.An element appears instantly at a defined moment.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

컷의 순간을 분명히 하고 즉시 새 정보를 제시한다.Makes a cut explicit and presents information immediately.

언제 쓰나Use whenUSE WHEN

컷에 맞춰 정보를 즉시 제시할 때
연속 동작 없이 상태를 바꿀 때

Present information exactly on a cut.
Change state without an animated transition.

과용 주의AvoidAVOID

같은 장면의 여러 대상에 동시에 적용하지 않는다.
동작 감소 설정에서는 정적인 대표 상태를 보여 준다.

분류TagsTAGS

등장·퇴장Entrance & Exit 설명Explain 강조Emphasis 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 중급Intermediategsap

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

0.4초 컷 순간에 결론 카드를 바로 켜고 0.8초 유지한다.

과용 · 나쁜 사례OVERUSE

긴 설명 중 새 요소를 예고 없이 계속 켜 주의가 분산된다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전환 지속	0ms	0ms	1920x1080 기준. 장면 시작을 0초로 둔다.
유지	800ms	500~1500ms	1920x1080 기준. 장면 시작을 0초로 둔다.
등장 시점	400ms	0~2000ms	1920x1080 기준. 장면 시작을 0초로 둔다.
최종 불투명도	1	1	1920x1080 기준. 장면 시작을 0초로 둔다.

GSAP

const tl = gsap.timeline({ paused: true });
tl.set('.item', { autoAlpha: 0 }, 0);
tl.set('.item', { autoAlpha: 1 }, 0.4);
tl.to({}, { duration: 0.8 }, 0.4);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 즉시 등장을 구현해. 전환 지속 0ms, 유지 800ms, 등장 시점 400ms, 최종 불투명도 1, 이징 none을 적용해. 타임라인의 지정 시점에 visibility를 바꾼다. paused 타임라인과 절대 시간으로 구동하고 Math.random 없이 같은 시점의 상태를 재현해.

Implement Hard Appearance on <target>. Use transition duration 0ms; hold duration 800ms; appearance time 400ms; final opacity 1; use none easing. Drive the effect with a paused GSAP timeline and absolute time, and reproduce the same state on every seek without Math.random. Keep foreground text readable.

Codex

<파일>의 즉시 등장 장면 레이어에 적용해. 전환 지속 0ms, 유지 800ms, 등장 시점 400ms, 최종 불투명도 1, 이징 none을 사용하고 본문과 분리해. 0초, 0.4초, 1.2초 시점을 캡처해 시작 상태와 중간 변화 및 대상 가독성을 확인하고 같은 시점을 다시 seek해 결과가 같은지 검증해.

Apply Hard Appearance to the scene layer in <file>. Use transition duration 0ms; hold duration 800ms; appearance time 400ms; final opacity 1 and none easing. Capture at 0, 0.4, and 1.2 seconds to check the initial state, motion progression, and foreground readability; seek to each time again to verify identical output.