드론·항공 촬영

Drone / aerial shot

높은 시점에서 장소의 모양과 이동 경로를 넓게 보여 줍니다.

···
html
<div class='frame'><div class='map'><div class='contour c1'></div><div class='contour c2'></div><div class='road'></div><div class='route'></div><div class='drone'><i></i></div><b>AERIAL PATH</b><span>NORTH ↑</span></div><div class='altitude'><i></i><i></i><i></i><b>HEIGHT</b></div></div>
css
.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.map{position:absolute;inset:7% 8% 23%;overflow:hidden;border:1px solid var(--line);background:linear-gradient(140deg,#cad8b7,#a8c5ae 48%,#ded2a7)}
.contour{position:absolute;width:60%;height:80%;border:1px solid rgba(255,255,255,.55);border-radius:48% 52% 57% 43%;transform:rotate(-22deg)}
.c1{left:-8%;top:15%}
.c2{right:-10%;top:-25%;width:66%;height:120%;transform:rotate(31deg)}
.road{position:absolute;left:46%;top:-12%;width:12%;height:130%;background:rgba(255,255,255,.45);transform:rotate(28deg);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.route{position:absolute;left:15%;top:67%;width:64%;height:32%;border:2px dashed var(--accent);border-color:var(--accent) transparent transparent var(--accent);border-radius:100% 0 0 0;transform:rotate(-18deg)}
.drone{position:absolute;left:16%;top:72%;width:17px;height:12px;border:2px solid var(--fg);border-radius:5px;background:var(--surface);animation:fly 4s ease-in-out infinite}
.drone:before,.drone:after{content:'';position:absolute;top:-5px;width:10px;height:2px;background:var(--fg)}
.drone:before{left:-7px}
.drone:after{right:-7px}
.drone i{position:absolute;left:6px;top:11px;width:2px;height:10px;background:var(--accent)}
.map>b{position:absolute;left:5%;top:6%;font:700 clamp(8px,2vmin,12px) ui-monospace,monospace;letter-spacing:.12em;color:var(--fg)}
.map>span{position:absolute;right:5%;bottom:6%;font:700 clamp(7px,1.8vmin,10px) ui-monospace,monospace;color:var(--muted)}
.altitude{position:absolute;left:8%;right:8%;bottom:8%;height:10%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around}
.altitude i{width:1px;height:45%;background:var(--muted)}
.altitude i:nth-child(2){height:85%;background:var(--accent)}
.altitude b{position:absolute;right:0;top:105%;color:var(--muted);font:700 clamp(7px,1.8vmin,10px) ui-monospace,monospace;letter-spacing:.08em}
@keyframes fly{0%,8%{left:16%;top:72%}52%{left:78%;top:12%}92%,100%{left:16%;top:72%}}

높은 곳에서 내려다보면 길과 건물의 배치가 한눈에 들어옵니다. 드론·항공 촬영은 공중의 카메라를 움직이거나 고정해 장소의 규모와 모양을 보여 줍니다.

드론이나 항공 장비의 위치·고도를 계획하고, 화면 그래픽에서는 지도 위의 카메라 경로와 주변 지형을 함께 움직입니다. 정지한 조감도와 경로를 따라 나는 시점을 구분해 보여 주세요.

크레인·지브도 높이 올라가지만 보통 제한된 팔의 호를 그립니다. 드론은 더 넓은 공간을 이동할 수 있으므로, 안전한 비행과 촬영 허가를 먼저 확인하고 불필요한 저공 비행은 피하세요.

언제 쓰나

장소의 규모와 지형, 이동 경로를 소개할 때 쓰세요. 비행 규정과 주변 안전을 확인하고, 높은 시점이 장면에 실제로 필요한지 살피세요.

페이지로 열기 ↗

항목 추가 요청

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