손에 든 카메라의 작고 불규칙한 흔들림을 화면에 남깁니다.
<div class='frame'><div class='view'><div class='shot'><div class='window'></div><div class='person'><i></i><b></b></div><div class='table'></div><span>LIVE VIEW</span></div></div><div class='edge e1'></div><div class='edge e2'></div></div>.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.view{position:absolute;inset:9% 9% 17%;overflow:hidden;border:1px solid var(--line);background:#d2d9c6}
.shot{position:absolute;inset:-4%;background:linear-gradient(150deg,#c2d5cf,#e4d3a8);animation:shake 1.15s steps(6,end) infinite}
.window{position:absolute;left:9%;top:10%;width:33%;height:49%;border:2px solid var(--surface);background:linear-gradient(135deg,var(--accent-2),#b5d5c5)}
.person{position:absolute;left:53%;top:22%;width:22%;height:64%}
.person i{position:absolute;left:28%;top:0;width:44%;aspect-ratio:1;border-radius:50%;background:#c98d65}
.person b{position:absolute;left:7%;right:7%;top:39%;bottom:0;border-radius:40% 40% 8% 8%;background:var(--accent-3)}
.table{position:absolute;left:0;right:0;bottom:-2%;height:23%;background:#785d49;clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}
.shot span{position:absolute;left:5%;bottom:29%;font:700 clamp(8px,2vmin,12px) ui-monospace,monospace;letter-spacing:.1em;color:var(--fg)}
.edge{position:absolute;width:11px;height:11px;border-color:var(--accent);border-style:solid}
.e1{left:8%;top:8%;border-width:2px 0 0 2px}
.e2{right:8%;bottom:16%;border-width:0 2px 2px 0}
@keyframes shake{0%{transform:translate(0,0) rotate(0)}17%{transform:translate(1.2%,-.6%) rotate(.45deg)}34%{transform:translate(-.8%,.5%) rotate(-.35deg)}51%{transform:translate(.5%,.9%) rotate(.25deg)}68%{transform:translate(-1%,-.2%) rotate(-.4deg)}84%{transform:translate(.8%,-.5%) rotate(.3deg)}100%{transform:translate(0,0) rotate(0)}}손으로 카메라를 들고 걸으면 완전히 고정되지 않은 미세한 흔들림이 남습니다. 화면도 짧게 흔들리며 사람의 눈높이와 가까운 느낌을 줍니다.
촬영할 때는 손으로 카메라를 들고, 그래픽에서는 장면 레이어에 작은 위치·회전 키프레임을 불규칙하게 반복합니다. 흔들림을 화면 전체에 같은 정도로 주면 손으로 든 인상이 납니다.
흔들림을 크게 만든다고 더 사실적이 되는 것은 아닙니다. 짐벌이나 스테디캠처럼 안정된 이동과 달리 작은 편차가 특징이므로, 대사나 중요한 글자가 읽힐 정도로만 흔드세요.
다큐멘터리 같은 현장감이나 긴박한 시점을 줄 때 쓰세요. 정보 화면과 오래 읽어야 하는 자막에서는 흔들림을 낮추세요.