빠르게 움직이는 물체가 카메라 셔터가 열려 있는 동안 잔상을 남겨 흐릿하게 찍히는 현상. 편집에서는 이 흐림을 인위적으로 더해 움직임을 부드럽게 보이게 합니다.
디자인 아틀라스<div class="stage">
<div class="lane"><span class="tag">모션 블러 없음</span><div class="track"><i class="ball hard"></i></div></div>
<div class="lane"><span class="tag">모션 블러</span><div class="track">
<i class="trail t1"></i><i class="trail t2"></i><i class="trail t3"></i><i class="ball soft"></i>
</div></div>
</div>.stage{position:absolute;inset:10% 8%;display:flex;flex-direction:column;justify-content:space-around}
.lane{position:relative}
.tag{display:block;margin-bottom:8px;font:11px/1 ui-monospace,monospace;color:var(--muted)}
.track{position:relative;height:clamp(22px,9vmin,40px)}
.ball,.trail{position:absolute;top:0;width:clamp(20px,8vmin,36px);height:clamp(20px,8vmin,36px);border-radius:50%;background:var(--accent)}
.hard{animation:run-steps 2.4s steps(8) infinite}
.soft{animation:run-smooth 2.4s linear infinite}
.trail{filter:blur(6px);animation:run-smooth 2.4s linear infinite}
.t1{opacity:.35;animation-delay:.045s}
.t2{opacity:.2;animation-delay:.09s}
.t3{opacity:.1;animation-delay:.135s}
@keyframes run-steps{0%{left:0}100%{left:calc(100% - clamp(20px,8vmin,36px))}}
@keyframes run-smooth{0%{left:0}100%{left:calc(100% - clamp(20px,8vmin,36px))}}프레임 사이 정보가 없는 디지털 애니메이션은 빠른 움직임에서 뚝뚝 끊겨 보인다("스트로빙"). 실제 카메라는 셔터가 열려 있는 시간(셔터 앵글, 흔히 180도 = 노출 시간이 1프레임의 절반) 동안 계속 빛을 받아 자연스러운 잔상이 생긴다.
After Effects는 레이어별로 모션 블러를 켜고 셔터 앵글·셔터 페이즈 값으로 흐림의 양을 조절한다. Premiere Pro는 트랜지션에 딸린 옵션으로 비슷한 효과를 흉내 낸다. 값이 너무 크면 오히려 어지럽고, 너무 작으면 뚝뚝 끊긴 느낌이 남는다.
정지된 화면 요소(자막, UI 오버레이)에는 모션 블러를 적용하지 않는다 — 가독성이 심하게 떨어진다. 카메라나 오브젝트가 빠르게 이동하는 샷에만 켠다.
셔터 앵글 180도를 기본값으로 시작하고, 액션이 극단적으로 빠른 샷에서만 올리세요.