로우키 조명

Low-key lighting

밝은 부분보다 그림자가 훨씬 넓은, 대비가 강한 조명. 보조광을 거의 쓰지 않고 주광원 하나로 극적인 명암을 만듭니다.

다른 이름: 하이 콘트라스트 조명High-contrast lightingChiaroscuro
···
html
<div class="stage">
  <div class="beam"></div>
  <div class="sphere"></div>
  <div class="shadow"></div>
  <div class="gauge"><i></i></div>
</div>
css
.stage{position:absolute;inset:0;background:#050506;overflow:hidden}
.beam{position:absolute;left:-10%;top:-20%;width:60%;height:80%;
  background:radial-gradient(ellipse at 0% 20%,rgba(255,225,170,.22),transparent 65%)}
.sphere{position:absolute;left:50%;top:48%;width:44vmin;aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 30% 32%,#f4ead0 0,#8a6a3f 42%,#0a0806 78%);
  animation:sway 6s ease-in-out infinite}
@keyframes sway{0%,100%{background-position:0 0}50%{background-position:6% 4%}}
.shadow{position:absolute;left:50%;bottom:9%;width:32vmin;height:7%;border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}
.gauge{position:absolute;right:6%;top:8%;width:26%;height:6px;border-radius:4px;
  background:linear-gradient(90deg,#050506,#cfcfd8)}
.gauge i{position:absolute;top:-3px;width:2px;height:12px;background:#ff5c6a;left:82%}

보통 조명은 주광(key)·보조광(fill)·역광(back) 세 개를 균형 있게 써서 그림자를 부드럽게 지웁니다. 로우키는 반대로 보조광을 거의 빼서, 주광이 닿지 않는 면을 완전히 어둡게 남깁니다.

그 결과 명암비(key-to-fill ratio)가 매우 커지고, 화면의 절반 이상이 그림자로 채워집니다. 필름 누아르·스릴러·호러 장르가 이 스타일을 선호하는 이유는 그림자 자체가 '보이지 않는 위협'이나 '숨겨진 감정'을 표현하기 때문입니다.

웹에서 흉내 낼 때는 배경을 거의 검게 두고, 피사체에 한쪽에서만 강한 하이라이트를 주는 radial-gradient 하나면 충분합니다. 대비를 과하게 낮추면(그림자가 회색이 되면) 로우키의 긴장감이 사라지므로 그림자 쪽은 거의 순수한 검정에 가깝게 유지하세요.

언제 쓰나

긴장감·미스터리·고급스러움을 표현할 때. 제품 사진에서도 한쪽 면만 강조해 입체감을 살리는 데 씁니다.