시네마틱 사진 생성기

시네마틱 사진 생성기: 사진 한 장을 영화 장면처럼 색보정하고, 화면비 띠와 자막을 넣어 원본 해상도로 저장합니다

사진이 영화의 한 장면처럼 보이게 만드는 요소는 크게 세 가지입니다. 첫째는 색보정입니다. 영화는 촬영한 화면을 그대로 쓰지 않고 그림자와 밝은 곳의 색, 대비, 채도를 장면의 분위기에 맞춰 다시 정하는데, 이렇게 정한 색의 묶음을 흔히 룩(look)이라고 부릅니다. 둘째는 화면비입니다. 극장 영화는 텔레비전이나 휴대폰 사진보다 가로로 긴 1.85:1이나 2.39:1 화면을 많이 쓰고, 이 화면을 다른 비율의 화면에 담으면 위아래에 검은 띠(레터박스)가 생깁니다. 셋째는 자막과 필름 입자 같은 마무리입니다.

위 도구는 이 세 가지를 사진 한 장에 함께 입힙니다. 사진을 고르면 모니터에 2.39:1 띠와 자막을 넣은 결과가 바로 보이고, 아래 장르 릴에는 같은 사진으로 그린 룩 20가지가 나옵니다. 룩을 누르면 오른쪽 벡터스코프의 점이 원본 색에서 새 색으로 옮겨 가면서 색이 어느 쪽으로 움직였는지 보여 줍니다. 첫 화면은 CC0로 공개된 공원 사진에 틸 & 오렌지를 입힌 모습이며, 사진은 서버로 보내지 않고 이 브라우저 안에서만 처리합니다.

사진을 영화 장면처럼 만드는 이유

시네마틱 보정은 사진을 더 정확하게 만드는 작업이 아니라, 보는 사람이 사진 앞뒤에 이야기가 있다고 느끼게 만드는 작업입니다. 다음과 같은 경우에 특히 쓸모가 있습니다.

• 한 장의 사진에 장면의 느낌을 줄 때: 가로로 긴 화면과 위아래 띠, 아래쪽 자막 한 줄이 있으면 평범한 산책 사진도 영화 속 한 장면처럼 읽힙니다. 자막 문구가 사진에 없던 대사나 생각을 더해 주기 때문입니다.
• 여행이나 일상 사진 묶음을 한 편처럼 맞출 때: 다른 날, 다른 빛에서 찍은 사진도 같은 룩과 같은 화면비를 쓰면 한 영화에서 나온 장면들처럼 이어져 보입니다. 이 도구는 새 사진을 열어도 고른 룩·조정값·화면비를 그대로 둡니다.
• 영상을 찍기 전에 색 방향을 정할 때: 짧은 영상이나 뮤직비디오를 준비하면서 촬영 장소 사진에 룩을 입혀 보면, 함께 일하는 사람과 원하는 색을 말이 아니라 그림으로 맞출 수 있습니다. 벡터스코프는 색이 실제로 어느 쪽으로 기울었는지 숫자와 함께 보여 줍니다.
• 썸네일·포스터·초대장 시안을 만들 때: 띠와 자막이 들어간 장면 사진은 그 자체로 제목 카드처럼 쓰일 수 있습니다. 띠 안에 자막을 넣으면 그림을 가리지 않고 문구를 얹을 수 있습니다.

쓰는 법

1. 사진 고르기를 누르거나 사진을 작업면에 끌어 놓습니다. 복사한 사진은 붙여 넣기(Ctrl+V, ⌘+V)로도 열립니다.
2. 모니터 아래에서 화면비(원본·16:9·1.85:1·2.39:1)를 고르고, 띠 넣기(사진 크기 그대로 두고 검은 띠로 가림)와 잘라내기(그 비율로 잘라 저장) 가운데 하나를 고릅니다.
3. 사진의 남는 부분이 있으면 모니터 오른쪽 아래에 끌어서 위치 손잡이가 나타납니다. 모니터를 끌거나(휴대폰에서는 손잡이를 끌어서), 손잡이를 누른 뒤 화살표 키로 화면에 담을 부분을 옮깁니다.
4. 장르 릴의 20칸 가운데 마음에 드는 룩을 누릅니다. 칸마다 지금 연 사진에 그 룩을 입힌 모습이 보이고, 벡터스코프의 점과 화살표가 새 색으로 옮겨 갑니다.
5. 원본 색 보기를 누르면 띠와 자막은 그대로 두고 색만 원본으로 돌려 비교할 수 있습니다. 다시 누르면 룩이 돌아옵니다.
6. 강도로 룩 전체를 약하게 하고, 노출·온도·대비·채도·입자·비네팅을 사진에 맞게 더하거나 뺍니다. 초기화는 강도와 조정값만 처음으로 돌립니다.
7. 자막 칸에 두 줄까지 문구를 쓰고 색(흰색·노랑)과 자리(그림 안·아래 띠)를 고릅니다. 비워 두면 자막을 넣지 않습니다.
8. 저장 형식(JPG·PNG·WebP)을 고르고 저장을 누릅니다. 휴대폰에서는 공유로 바로 다른 앱에 보낼 수 있습니다.

룩 20가지와 보정값

아래 표는 강도 100%일 때 룩마다 적용하는 값입니다. 노출·온도·색조·대비·채도는 −100~+100, 페이드·비네팅·입자는 0~100이고, 그림자 색과 밝은 곳 색은 색상환의 각도(0° 빨강, 120° 초록, 240° 파랑)와 물들이는 양입니다. 강도를 낮추면 모든 값이 같은 비율로 줄어서, 강도 50%의 틸 & 오렌지는 그림자 색의 양이 85에서 42.5로, 대비가 +22에서 +11로 줄어듭니다.

장르는 영화에서 자주 보는 색 방향으로 나눈 것입니다. 블록버스터는 대비와 색을 키우고, 누아르·스릴러는 화면을 어둡고 차갑게 누르며, 감독풍은 그 감독의 영화를 떠올리게 하는 색 방향을, SF는 한 가지 색으로 크게 기운 화면을, 드라마·로맨스는 따뜻하고 부드러운 화면을 담았습니다. 감독 이름이 붙은 룩은 이 도구가 정한 해석이며 실제 영화의 색보정 값을 옮긴 것이 아닙니다.

화면비와 레터박스: 2.39:1과 1.85:1은 어디서 왔나

극장 영화의 화면비는 디지털 시네마 표준에서 그림 크기로 정해져 있습니다. 디지털 시네마 이니셔티브(DCI)의 사양서는 2K 상영본의 그림 크기 예로 1.85 화면은 1998 × 1080 px, 2.39 화면은 2048 × 858 px을 들고, 4K에서는 3996 × 2160 px과 4096 × 1716 px을 듭니다. 흔히 1.85 화면을 플랫(flat), 2.39 화면을 스코프(scope)라고 부릅니다. 16:9는 HD 텔레비전 화면(1920 × 1080 px)의 비율로, 유튜브 영상이나 노트북 화면과 같습니다.

이 도구의 띠 넣기는 사진 크기를 그대로 두고 그 안에서 고른 화면비의 그림 칸을 정한 뒤 남는 위아래(또는 양옆)를 검게 칠합니다. 그림 칸은 늘 가운데에 놓여서 위아래 띠 두께가 같고(남는 높이가 홀수이면 1 px 차이), 손잡이로 옮기는 것은 사진의 어느 부분을 그림 칸에 담을지입니다. 잘라내기는 그림 칸만 남기고 나머지를 잘라 저장하므로 띠가 없습니다. 아래 표는 가로 사진(4:3)과 휴대폰 세로 사진(9:16)에서 화면비마다 그림 칸과 띠 두께가 어떻게 되는지 보여 줍니다.

세로 사진에 2.39:1 띠를 넣으면 그림 칸이 1080 × 452 px로 좁아지고 위아래 띠가 734 px씩 생깁니다. 세로 화면에 담은 가로 영화 장면처럼 보이는 효과이며, 띠가 넓어서 아래 띠에 자막을 넣기 좋습니다. 영화도 화면비를 연출에 씁니다. American Cinematographer는 「그랜드 부다페스트 호텔」이 1985년·1968년·1932년을 오가며 시대마다 화면비를 바꿨다고 소개합니다.

벡터스코프 읽는 법

벡터스코프는 영상 색보정에서 쓰는 측정 화면으로, 사진 속 화소 하나하나의 색을 둥근 판 위의 점으로 찍습니다. 이 도구는 ITU-R BT.709의 식으로 밝기 Y′ = 0.2126R′ + 0.7152G′ + 0.0722B′를 구한 뒤, 파랑 쪽 색차 Cb = (B′ − Y′) ÷ 1.8556을 가로로, 빨강 쪽 색차 Cr = (R′ − Y′) ÷ 1.5748을 세로로 놓습니다. 그래서 회색·흰색·검정처럼 색이 없는 화소는 가운데에 모이고, 색이 진할수록 바깥으로 나갑니다. 밝기는 점의 위치에 나타나지 않습니다.

• 테두리의 R·Yl·G·Cy·B·Mg는 빨강·노랑·초록·청록·파랑·자홍의 방향입니다. 점 무리가 어느 방향으로 퍼졌는지 보면 사진이 어떤 색으로 기울었는지 알 수 있습니다.
• 눈금: 사진 속 색은 대부분 덜 진하기 때문에, 이 도구는 영상 장비의 2배 확대처럼 바깥 원을 색 진하기 50, 안쪽 원을 25로 잡아 그립니다. 색 진하기는 Cb·Cr 평면에서 가운데까지의 거리를 200배 한 값으로, 회색은 0, 75% 세기의 빨강은 약 77입니다. 바깥 원보다 진한 색은 테두리에 붙여 찍습니다.
• 점선은 피부색 선입니다. Tektronix는 사람의 피부색이 빨강과 노랑 표적 사이의 이 선에 아주 가깝게, 벗어나도 10도나 20도 안쪽에 찍힌다고 설명합니다. 인물 사진에서 피부 점이 이 선을 크게 벗어나면 피부가 초록이나 자홍으로 물든 것입니다.
• 회색 점은 원본 색, 색 점은 룩을 입힌 색이고, 흰 화살표는 모든 점의 평균이 어디서 어디로 옮겨 갔는지를 나타냅니다. 아래 숫자는 원본과 룩의 평균 색 진하기입니다.

틸 & 오렌지가 인물 사진에 자주 쓰이는 까닭도 벡터스코프에서 보입니다. 피부색은 피부색 선 근처(주황 쪽)에 모이고, 그 반대편은 청록 쪽입니다. 그림자와 배경을 청록으로, 밝은 곳과 피부를 주황으로 밀면 점 무리가 서로 반대쪽 두 갈래로 벌어지고, 인물과 배경의 색 차이가 커져서 인물이 배경에서 떠올라 보입니다. 예를 들어 피부색 화소 (224, 172, 140)는 원래 피부색 선에서 6° 떨어진 129° 자리에 있는데, 틸 & 오렌지(강도 100%)를 입히면 (244, 177, 122)가 되어 134° 자리로 옮겨 가며 바깥으로 나갑니다. 푸른 회색 (120, 150, 170)은 (116, 156, 172)가 되어 청록 쪽으로 옮겨 갑니다.

계산 순서

미리 보기와 저장은 같은 순서로 계산합니다. 저장할 때는 원본 해상도로 다시 계산하므로, 미리 보기보다 입자가 더 고운 것 말고는 색과 배치가 같습니다.

1. 그림 칸 잘라 오기: 고른 화면비로 사진에서 담을 부분을 정합니다. 사진이 그 비율보다 넓으면 좌우를, 좁으면 위아래를 덜어 내고, 손잡이 위치(0~100%)에 따라 덜어 낼 쪽을 나눕니다.
2. 색: 채널마다 sRGB 값을 선형 빛으로 바꿔 노출(±100 = ±1 EV)과 온도·색조를 곱하고, 다시 sRGB로 돌려 대비 곡선·페이드를 적용합니다. 이어서 BT.709 밝기를 기준으로 채도를 바꾸고, 그림자(어두울수록 강하게)와 밝은 곳(밝을수록 강하게)에 각자의 색을 섞습니다. 이 계산은 같은 사이트의 무드 사진 생성기와 같은 코드입니다.
3. 비네팅: 그림 칸 가운데에서 잰 거리로 가장자리를 어둡게 합니다. 띠 안쪽 그림 칸이 기준이라 띠를 넣어도 비네팅이 띠에 가려지지 않습니다.
4. 입자: 같은 씨앗으로 만든 잡음 무늬를 겹칩니다. 무늬 한 칸의 크기는 그림 칸 짧은 변의 0.12%라서 사진 크기가 달라도 입자의 굵기가 같은 비율로 보입니다.
5. 띠와 자막: 그림 칸 밖을 검게 칠하고 자막을 씁니다. 글자 크기는 그림 칸 폭의 2.6%(그림 칸 높이의 9% 이하)이고, 가장 긴 줄이 그림 칸 폭의 92%를 넘으면 그만큼 줄입니다. 그림 안 자막은 검은 외곽선을 둘러 밝은 배경에서도 읽히게 합니다.

회색 단계로 보면 룩이 하는 일이 잘 드러납니다. 틸 & 오렌지(강도 100%)는 어두운 회색 64를 (33, 63, 68)의 청록으로, 중간 회색 128을 (124, 130, 124)로, 밝은 회색 192를 (211, 198, 181)의 주황빛으로 바꿉니다. 강도를 50%로 낮추면 같은 세 값이 (49, 64, 66), (126, 129, 126), (201, 195, 187)이 되어 색이 절반쯤 옅어집니다. 데이 포 나이트는 흰색 255를 (171, 188, 207)로 낮춰 가장 밝은 곳도 푸른 달빛 정도로 누릅니다. 1440 × 960 px 사진에 2.39:1 띠를 넣으면 그림 칸은 1440 × 603 px, 자막 글자 크기는 약 37 px입니다.

영화에서 온 색들

룩 가운데 몇 가지는 실제 필름 현상이나 촬영 기법에서 이름을 따왔습니다. 이 도구는 그 결과를 사진 보정값으로 흉내 낸 것이며, 아래는 원래 기법에 대한 설명입니다.

• 블리치 바이패스: 컬러 필름을 현상할 때 은을 지우는 표백 단계를 건너뛰는 처리입니다. Kodak은 남은 은이 대비를 높이고, 색 위에 회색이나 검정을 더해 채도를 낮춘다고 설명합니다. 그래서 이 룩은 채도를 크게 빼고 대비와 입자를 올렸습니다.
• 은 잔류 처리와 「세븐」: 데이비드 핀처 감독의 「세븐」(1995)을 촬영한 다리우스 콘지를 다룬 American Cinematographer 기사는 현상소 디럭스(Deluxe)가 새로 만든 은 잔류 공정 CCE(Color Contrast Enhancement)를 이 영화에서 장편 영화로는 처음 썼다고 적고 있습니다. 데이비드 핀처풍 룩이 어둡고 채도가 낮은 것은 이런 화면을 떠올리게 하려는 것입니다.
• 디지털 그린: American Cinematographer의 「매트릭스」 회고 기사에서 촬영감독 빌 포프는 '가장 매력 없는 색'이 무엇인지 묻고 제작진이 초록으로 뜻을 모았다고 회고하며, 매트릭스 안의 장면은 때로는 초록 필터를 끼우고 찍었으며 색 보정 단계에서도 초록을 조금 더했다고 말합니다.
• 오렌지 연무: 같은 잡지는 「블레이드 러너 2049」의 라스베이거스 장면에서 Lee 790 Moroccan Pink와 105 Orange 필터를 함께 써서 화면 전체를 붉게 만들었다고 소개합니다.
• 데이 포 나이트: 낮에 찍으면서 필터·노출 부족·인화로 밤처럼 보이게 하는 기법입니다. 프랑수아 트뤼포는 영화 촬영 현장을 다룬 영화의 제목을 「La Nuit américaine」(1973, 영어 제목 Day for Night)으로 붙였습니다. 이 룩은 노출을 1 EV 내리고 푸르게 바꾸며 흰색까지 눌러 낮 사진을 밤처럼 보이게 합니다.

자주 틀리는 경우

• 인물 사진에 강도를 100%로 두는 경우: 틸 & 오렌지나 오렌지 연무를 세게 입히면 피부가 지나치게 주황으로 물듭니다. 벡터스코프에서 피부 점이 피부색 선 바깥으로 멀리 나가면 강도를 60~80%로 낮추세요.
• 2.39:1로 얼굴이나 머리가 잘리는 경우: 가로로 긴 화면은 위아래를 많이 덜어 냅니다. 손잡이로 그림 칸을 옮겨 눈높이가 그림 칸 위쪽 3분의 1 근처에 오게 맞추세요.
• 자막을 길게 쓰는 경우: 줄이 그림 칸 폭의 92%를 넘으면 글자가 작아집니다. 영화 자막처럼 한 줄을 짧게 끊어 두 줄 안에 쓰면 글자 크기가 유지됩니다.
• 잘라내기에서 아래 띠 자막을 찾는 경우: 잘라내기는 띠가 없으므로 자막이 그림 안에만 들어갑니다. 띠 안에 자막을 넣으려면 띠 넣기를 고르세요.
• 저장한 JPG를 다시 열어 거듭 보정하는 경우: JPG는 저장할 때마다 조금씩 손실이 쌓이고, 입자와 비네팅도 겹쳐서 진해집니다. 다시 고칠 때는 처음 원본을 여세요.

한계와 주의

• 룩은 이 도구의 계산식으로 정한 보정값입니다. 영화의 실제 색보정 값이나 영화용 LUT, 필름 현상을 재현한 것이 아니며, 감독 이름이 붙은 룩은 그 감독이나 영화사와 관계가 없습니다.
• 사진은 sRGB로 바꿔 채널마다 0~255의 8비트로 계산합니다. 하늘처럼 고르게 이어진 부분에 강한 룩을 입히면 띠 모양 계단(밴딩)이 보일 수 있고, 넓은 색역(Display P3)으로 찍은 사진의 아주 진한 색은 조금 옅어질 수 있습니다.
• 넓이가 16,777,216 px(약 1,678만 화소)를 넘는 결과는 비율을 유지한 채 그 넓이에 맞춰 줄여 저장합니다. MDN은 iOS 기기가 캔버스 크기를 4096 × 4096 px로 제한한다고 안내하며, 이 도구는 그 넓이를 모든 기기의 저장 상한으로 씁니다.
• 저장 파일에는 원본의 촬영 정보(EXIF)를 옮기지 않습니다. 60MB가 넘는 파일은 열지 않으며, HEIC 사진은 HEIC를 여는 브라우저에서만 열립니다.
• 벡터스코프는 미리 보기에서 고르게 뽑은 약 4,000개 화소로 그립니다. 아주 작은 부분의 색은 점으로 나타나지 않을 수 있습니다.

출처

기준일 2026-10-20. 색차 식, 디지털 시네마 그림 크기, 피부색 선, 필름 처리와 영화 사례는 아래 원문으로 이날 확인했습니다. 룩 보정값과 자막·입자 크기 규칙은 이 도구가 정한 것입니다. 예시 사진은 Wikimedia Commons의 「Riding a bike in the park (Unsplash)」(Fritz Bielmeier, CC0 1.0)를 1440 × 960 px로 줄인 것입니다.

• 01ITU-R BT.709-6 (06/2015) Parameter values for the HDTV standards3.2 휘도 식 E′Y = 0.2126 E′R + 0.7152 E′G + 0.0722 E′B, 3.3 색차 식 E′CB = (E′B − E′Y)/1.8556, E′CR = (E′R − E′Y)/1.5748
• 02DCI Digital Cinema System Specification v1.2표 3의 그림 크기 예 1998 × 1080(1.85)·2048 × 858(2.39)·3996 × 2160·4096 × 1716
• 03Tektronix, Waveform and vectorscope monitoring (2PW-28619-0)피부색 자국은 빨강과 노랑 표적 사이의 선(flesh tone line)에서 10도나 20도 안쪽
• 04Kodak, Processing Techniques블리치 바이패스: 남은 은이 대비를 높이고 채도를 낮춤
• 05American Cinematographer, Darius Khondji: Cinematic Rhythms「세븐」에 디럭스의 은 잔류 공정 CCE(Color Contrast Enhancement)를 씀
• 06American Cinematographer, Flashback: The Matrix촬영감독 빌 포프: 매트릭스 안 장면에 초록 필터와 색 보정으로 초록을 더함
• 07American Cinematographer, Uncanny Valley: Blade Runner 2049Lee 790 Moroccan Pink와 105 Orange로 화면 전체를 붉게
• 08American Cinematographer, Robert Yeoman, ASC Awards honoree「그랜드 부다페스트 호텔」이 1985·1968·1932년을 오가며 화면비를 바꿈
• 09Columbia University, Film Language Glossary: Day for Night낮 촬영에서 필터·노출 부족·인화로 밤 효과를 만드는 기법
• 10Britannica, Day for Night (film by Truffaut)트뤼포의 「La Nuit américaine」(1973; Day for Night)
• 11W3C CSS Color Module Level 4, 19 Sample code for Color ConversionssRGB와 선형 빛 사이의 변환 식, 노출과 온도 계산에 씀
• 12MDN Web Docs, <canvas> Maximum canvas sizeiOS 기기의 캔버스 크기 한계 4096 × 4096 px, 저장 크기 상한의 근거

자주 묻는 질문

함께 쓰는 도구