긴 팔 끝의 카메라를 크게 올리고 내리며 시야를 함께 바꿉니다.
<div class='frame'><div class='view'><div class='hills'></div><div class='boom'><i class='head'></i></div><i class='pivot'></i><b>CRANE ARC</b></div><div class='arc'></div></div>.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.view{position:absolute;inset:7% 7% 22%;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--accent-2),#b8d2c1 66%,#e4d09f)}
.hills{position:absolute;left:-8%;right:-8%;bottom:-34%;height:70%;border-radius:50% 50% 0 0;background:var(--accent-3);box-shadow:0 -25px 0 rgba(255,255,255,.16)}
.boom{position:absolute;left:8%;bottom:9%;width:69%;height:7px;border-radius:9px;background:var(--fg);transform-origin:4% 50%;animation:lift 4s ease-in-out infinite}
.head{position:absolute;right:-13px;top:-7px;width:20px;height:18px;border:2px solid var(--accent);background:var(--surface);transform:rotate(15deg)}
.head:after{content:'';position:absolute;right:-10px;top:4px;width:9px;height:7px;border:2px solid var(--accent);border-left:0}
.pivot{position:absolute;left:6%;bottom:6%;width:22px;height:22px;border:3px solid var(--fg);border-radius:50%;background:var(--surface)}
.view>b{position:absolute;right:6%;top:7%;font:700 clamp(8px,2vmin,12px) ui-monospace,monospace;letter-spacing:.14em;color:var(--fg)}
.arc{position:absolute;left:8%;bottom:10%;width:41%;height:46%;border:1px dashed var(--accent);border-color:var(--accent) transparent transparent var(--accent);border-radius:90% 0 0 0;transform:rotate(17deg)}
@keyframes lift{0%,8%{transform:rotate(-22deg)}52%{transform:rotate(24deg)}92%,100%{transform:rotate(-22deg)}}긴 막대 끝에 달린 카메라가 커다란 호를 그리며 올라가면 가까운 앞마당과 멀리 펼쳐진 지붕이 차례로 보입니다. 크레인·지브는 높이와 방향을 함께 바꾸는 넓은 움직임입니다.
크레인이나 지브 팔의 회전축을 움직여 실제로 촬영하거나, 팔의 각도와 카메라 끝점에 키프레임을 줍니다. 화면 안에서는 카메라가 호를 따라 이동하는 경로를 분명히 보여 주세요.
페디스털처럼 곧게 위아래로만 옮기는 움직임보다 경로와 시야 변화가 큽니다. 넓은 이동 공간을 확보하고, 끝 장면이 가리키는 대상을 미리 정하세요.
장소의 규모를 드러내거나 인물에서 넓은 주변으로 시선을 이어 갈 때 쓰세요. 안전한 이동 범위와 도착 구도를 먼저 계획하세요.