팬

Pan

카메라 위치는 그대로 두고 좌우로 돌려 주변을 훑습니다.

···
html
<div class='frame'><div class='view'><div class='land'><i class='sun'></i><i class='hill h1'></i><i class='hill h2'></i><b>WIDE VIEW</b></div></div><div class='pivot'><i></i><span>PAN · FIXED POSITION</span></div></div>
css
.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.view{position:absolute;inset:7% 7% 25%;overflow:hidden;border:1px solid var(--line)}
.land{position:absolute;inset:0;width:155%;background:linear-gradient(180deg,var(--accent-2),#b8d5c8 72%,#e7cf9c);animation:sweep 4s ease-in-out infinite}
.sun{position:absolute;left:10%;top:16%;width:clamp(24px,12vmin,68px);aspect-ratio:1;border-radius:50%;background:var(--surface)}
.hill{position:absolute;bottom:-18%;width:61%;height:65%;border-radius:50% 50% 0 0;background:var(--accent-3)}
.h1{left:-5%;transform:rotate(-7deg)}
.h2{left:51%;bottom:-27%;height:71%;background:#547c69;transform:rotate(8deg)}
.land b{position:absolute;left:10%;bottom:14%;font:700 clamp(9px,2.3vmin,14px) ui-monospace,monospace;letter-spacing:.15em;color:var(--surface)}
.pivot{position:absolute;left:7%;right:7%;bottom:7%;height:11%;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);color:var(--muted);font:700 clamp(8px,2vmin,12px) ui-monospace,monospace;letter-spacing:.1em}
.pivot i{position:absolute;left:50%;top:-5px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}
@keyframes sweep{0%,8%{transform:translateX(0)}52%{transform:translateX(-28%)}92%,100%{transform:translateX(0)}}

삼각대 머리를 좌우로 돌리면 창밖 풍경이 옆으로 이어져 보입니다. 팬은 카메라가 제자리에서 수평 회전하는 움직임입니다.

시작과 끝의 회전 방향을 정해 팬 헤드나 가상 카메라의 좌우 회전 키프레임을 찍습니다. 화면 속 풍경은 카메라 회전과 반대 방향으로 지나가게 표현하면 감을 잡기 쉽습니다.

피사체와 나란히 실제로 이동하는 트래킹 샷과 다릅니다. 팬 속도를 일정하게 두고, 끝에서 갑자기 멈추지 않도록 여유 있게 시작하고 마무리하세요.

언제 쓰나

넓은 장소를 차례로 보여 주거나 제자리에 선 인물을 따라 시선을 옮길 때 쓰세요. 빠른 팬은 방향을 읽기 어려울 수 있습니다.

페이지로 열기 ↗

항목 추가 요청

아틀라스에 없는 영상 용어·효과를 알려 주세요. 하나씩 살펴보고 추가합니다.