조용한 장면과 강렬한 장면처럼 분위기가 크게 다른 샷을 갑자기 맞붙입니다.
<div class="frame">
<div class="shot quiet"><i class="lamp"></i><b>QUIET</b><small>hold the pause</small></div>
<div class="shot loud"><i class="burst">!</i><b>IMPACT</b><small>hard cut</small></div>
<div class="marker">A <span>↯</span> B</div>
</div>.frame{position:absolute;inset:0;overflow:hidden;background:var(--fg)}
.shot{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8% 10%}
.quiet{background:#e9ddc7;color:#493f34;animation:quiet 3.6s steps(1,end) infinite}
.loud{background:#211d27;color:#fff7e8;opacity:0;animation:loud 3.6s steps(1,end) infinite}
.lamp{position:absolute;right:15%;top:16%;width:clamp(50px,26vmin,145px);aspect-ratio:1;border-radius:50%;background:#f5d99d;box-shadow:0 0 0 22px rgba(217,119,6,.12)}
.burst{position:absolute;right:13%;top:9%;font:900 clamp(70px,38vmin,190px)/1 sans-serif;color:var(--accent);transform:rotate(8deg)}
.shot b{font:900 clamp(20px,8vmin,54px)/.95 sans-serif;letter-spacing:-.06em}
.shot small{margin-top:10px;font:600 clamp(9px,2.4vmin,14px) ui-monospace,monospace;opacity:.72}
.loud b{color:#fff7e8}
.marker{position:absolute;left:6%;top:6%;padding:5px 7px;background:var(--surface);color:var(--fg);font:700 clamp(9px,2.2vmin,12px) ui-monospace,monospace}
.marker span{color:var(--accent)}
@keyframes quiet{0%,45.9%{opacity:1}46%,100%{opacity:0}}
@keyframes loud{0%,45.9%{opacity:0}46%,100%{opacity:1}}속삭임 다음에 큰 소리가 나듯, 분위기나 밝기가 크게 다른 장면으로 갑자기 바뀝니다. 놀람이나 유머는 그 차이에서 생깁니다.
대비가 될 두 샷을 골라 경계에 직접 붙입니다. 소리를 함께 끊거나 새 소리를 컷과 동시에 시작하면 변화가 더 강하게 느껴집니다.
스매시 컷도 전환 효과를 덧씌우는 것이 아니라 하드 컷입니다. 매번 큰 대비를 쓰면 놀라움이 무뎌지므로 앞 장면이 충분히 대비를 준비하도록 두세요.
반전, 코미디 타이밍, 강한 분위기 전환을 만들 때 쓰세요. 대비가 주인공이므로 컷 직전의 정적이나 소리도 함께 설계하면 좋습니다.