사진 밝기 조절은 밝기로 전체 톤을 맞춘 뒤, 대비로 밝고 어두운 부분의 차이를 조절하는 순서로 시작할 수 있습니다. Photoshot에는 이 값을 원본 사진과 분리해서 저장하는 조정 레이어를 만들었습니다. 이번 작업기에서는 인물 이미지에 밝기 +18, 대비 +36을 적용하고 보정 전후를 비교합니다.
이 글의 독립된 조정 레이어와 상세 속성 패널은 로컬 개발 버전입니다. 현재 공개 사이트의 기본 색상 조절과는 다르며, 아직 배포하지 않았습니다.
왜 밝기·대비부터 만들었을까
첫 작업기에서는 사진과 글자를 배치하고 레이어 마스크를 사용하는 흐름을 만들었습니다. 그다음에는 배치가 끝난 사진의 분위기를 조절하고 싶었습니다. 사진이 어두워 보이거나 전체적으로 밋밋할 때 먼저 찾게 되는 기능이 밝기와 대비입니다.
두 기능은 맡은 역할이 다릅니다.
| 항목 | 조절하는 것 | 확인할 부분 |
|---|---|---|
| 밝기 | 이미지 전체의 밝고 어두운 정도 | 얼굴뿐 아니라 밝은 옷과 배경도 함께 보기 |
| 대비 | 밝고 어두운 톤 사이의 차이 | 머리카락·그림자의 디테일이 뭉개지지 않는지 보기 |
밝기·대비만으로 모든 사진의 노출 문제를 해결할 수는 없습니다. 밝은 부분이 이미 충분한데 얼굴만 어두운 사진이라면 전체 밝기를 올릴수록 옷이나 배경이 먼저 지나치게 밝아질 수 있습니다. 그런 경우에는 적용 영역을 좁히거나 다른 보정 도구를 검토해야 합니다.
이번에는 두 값을 직접 움직이고, 정확한 수치를 입력하고, 원래 모습과 비교할 수 있는 기본 흐름을 먼저 완성했습니다.
포토샵 밝기 조절에서 참고한 것은 ‘별도 레이어’였습니다
포토샵 밝기 조절 방법을 찾아보면 이미지에 직접 조정을 적용하는 방법과 밝기/대비 조정 레이어를 추가하는 방법이 나옵니다. Adobe 공식 안내도 두 경로를 구분하며, 속성 패널에서 슬라이더와 수치로 조절하는 방식을 설명합니다. Adobe 밝기·대비 공식 안내
Photoshot에서는 보정 수치를 별도 레이어에 저장하는 구조를 만들었습니다. 작업 중 마음이 바뀌면 수치를 다시 고치고, 눈 아이콘을 끄면 해당 보정의 효과를 뺄 수 있도록 하기 위해서입니다.
이번 예시는 다음 두 레이어로 구성했습니다.
- 위: 밝기 / 대비 조정 레이어 — 밝기 +18, 대비 +36
- 아래: 원본 인물 사진 — 보정의 기준이 되는 이미지
조정 레이어는 기본적으로 자신보다 아래에 합성된 이미지에 작용합니다. 위쪽에 놓인 제목까지 무조건 함께 보정하지는 않습니다. 바로 아래 레이어만 대상으로 삼는 클리핑도 연결해, 여러 요소를 쌓은 작업에서 적용 범위를 선택할 수 있게 했습니다.
이는 포토샵의 작업 개념을 참고한 독립 구현입니다. 같은 숫자를 입력했을 때 포토샵과 같은 결과가 나온다는 뜻은 아닙니다.
실제 예시: 밝기 +18, 대비 +36
시연에는 무대 배경의 가상 성인 인물 이미지를 사용했습니다. 원본은 AI로 만든 예시이며, 특정 실제 아이돌의 사진을 직접 보정한 결과가 아닙니다.
보정 전. 아래 결과와 같은 원본을 사용했습니다.
개발 버전에서 진행한 순서는 다음과 같습니다.
- 이미지 열기로 원본을 불러옵니다.
- 원본 레이어를 선택하고 상단 조정 추가에서 밝기 / 대비를 고릅니다.
- 속성 패널의 조정 탭에서 밝기를 +18로 바꿉니다.
- 대비를 +36으로 바꿉니다.
- 누르고 전후 비교로 선택한 보정이 없는 모습을 확인합니다.
- 조정 레이어의 표시를 켰다 끄며 결과를 다시 비교합니다.
개발 당시 Layer Studio 이름으로 촬영한 실제 화면입니다. 현재 서비스 이름은 Photoshot입니다. 수치와 슬라이더를 함께 사용할 수 있습니다.
밝기와 대비 값은 이 이미지의 시연을 위해 선택했습니다. 인물 사진의 공통 추천값이나 포토샵용 프리셋으로 제안하는 숫자는 아닙니다. 다른 사진에서는 낮은 변화량부터 시작하고 얼굴, 흰옷, 어두운 배경을 번갈아 보는 편이 좋습니다.
보정 후. 새로 생성한 비교 사진이 아니라, 같은 원본에 실제 조정 레이어를 적용해 내보낸 결과입니다.
전후 비교에서 중요한 것은 단순히 더 밝아졌는지가 아닙니다. 밝은 부분의 질감이 남아 있는지, 어두운 부분이 한 덩어리로 뭉치지 않았는지, 내가 의도한 분위기에 가까워졌는지를 확인해야 합니다. 대비를 높인 결과가 너무 강하면 수치를 낮추거나 조정 레이어의 불투명도를 줄여 강도를 조절할 수 있습니다.
만들고 나서 드러난 문제: 세부 조절이 어디 있는지 안 보였습니다
기능을 추가한 뒤에도 “조정 레이어가 어디 있지?”, “밝기·대비에서 어떻게 세부 조절을 하지?”라는 질문이 나왔습니다.
레이어 안에 기능을 넣어두는 것만으로는 부족했습니다. 좁은 화면에서 패널이 숨겨지고, 조정값과 마스크가 한 흐름에 섞여 있으면 사용자가 어디를 눌러야 할지 알기 어려웠습니다.
그래서 인터페이스를 다시 정리했습니다.
- 상단에 조정 추가와 글자 이름이 있는 레이어 버튼을 배치했습니다.
- 조정 썸네일을 누르면 속성 패널이 열리도록 했습니다.
- 조정 탭은 수치, 마스크 탭은 적용 영역을 다루도록 나눴습니다.
- 각 슬라이더 옆에 숫자 입력란을 두었습니다.
- 기본값과 밝게·어둡게 등의 사전 설정을 넣었습니다.
- 밝기 분포를 보여주는 히스토그램과 자동 제안을 추가했습니다.
- 버튼을 누르는 동안 원래 상태를 보는 전후 비교를 넣었습니다.
세밀하게 맞추려면 숫자를 직접 입력하면 됩니다. 키보드 방향키는 한 단계씩, Shift와 방향키를 함께 누르면 열 단계씩 바뀌도록 했습니다. 같은 수치를 다시 넣어 결과를 재현할 수 있게 하는 것도 중요한 부분이었습니다.
자동 제안은 시작값을 잡는 보조 기능입니다. 사진의 의도나 피부 표현까지 판단하는 완성형 자동 보정은 아니므로, 적용 후에는 직접 비교해야 합니다.
마스크는 ‘어디를 보정할지’를 정합니다
조정 레이어의 마스크는 원본 사진을 지우는 용도로 쓰지 않습니다. 어느 영역에 보정을 적용할지 정합니다.
예를 들어 전체 보정을 적용한 뒤 배경의 변화만 줄이고 싶다면 조정 레이어의 마스크에서 해당 영역을 가릴 수 있습니다. 가린 위치에서는 원본 사진이 사라지는 것이 아니라 그 조정의 영향이 줄어듭니다.
이미지 레이어의 마스크는 이미지가 보이는 영역을, 조정 레이어의 마스크는 효과가 적용되는 영역을 다룬다는 차이입니다. 이 구분이 눈에 보이도록 조정 썸네일과 마스크 썸네일의 편집 경로를 분리했습니다.
이번 릴스에서는 밝기·대비 수치 변경과 전후 비교를 중심으로 보여줬습니다. 세부 영역 보정은 별도의 예시로 다루는 편이 기능을 이해하기 쉽다고 판단했습니다.
화면에서 본 결과를 저장해도 같아야 합니다
보정 화면은 보기 좋은데 내보낸 파일이 다르면 편집기로 쓰기 어렵습니다. 그래서 미리보기와 PNG/JPG 내보내기에 공통 합성 경로를 사용했습니다.
개발 과정에서는 조정 레이어의 켜기·끄기, 마스크, 레이어 순서, 실행 취소, 프로젝트 저장·다시 열기를 확인했습니다. 별도로 진행한 800×600 테스트 이미지에서는 브라우저 미리보기와 PNG의 픽셀 값이 일치했습니다. 이 결과를 모든 크기와 모든 환경에 대한 보장으로 넓히지는 않습니다.
큰 문서는 미리보기를 줄여 표시하므로 경계 부분의 픽셀이 원본 크기로 내보낸 결과와 다르게 보일 수 있습니다. 여러 조정을 쌓았을 때의 반응 속도도 앞으로 개선할 부분입니다.
이번 인물 예시의 작업 파일에는 원본과 밝기·대비 조정 레이어가 따로 남아 있습니다. 나중에 다시 수치를 바꾸려면 .layerstudio 프로젝트 파일을, 완성 이미지를 쓰려면 PNG를 저장합니다.
현재 공개 상태와 다음 작업
2026년 9월 19일 기준으로 이 글의 조정 레이어는 개발 버전에서 테스트한 기능입니다. 공개된 Photoshot에서는 먼저 기본 도구와 레이어·마스크 편집을 사용할 수 있습니다.
다음에는 검정점·흰색점과 중간 밝기를 나눠 다루는 레벨을 한 편의 작업기로 정리하려 합니다. 기능을 한꺼번에 나열하기보다 사진 한 장에서 무엇이 달라지는지 순서대로 보여드리겠습니다.
자주 묻는 질문
밝기를 올리면 왜 사진이 뿌옇게 느껴지나요?
이미지 전체가 밝아지면서 어두운 부분도 함께 올라가면 그렇게 보일 수 있습니다. 밝기 변화량을 줄이고 대비를 조금씩 조절하며 비교하세요. 밝은 영역과 어두운 영역을 따로 다뤄야 하는 사진도 있습니다.
조정 레이어를 지우면 원본도 지워지나요?
Photoshot의 조정 레이어는 보정 수치를 저장합니다. 그 레이어를 숨기거나 삭제해도 별도로 남아 있는 원본 이미지 레이어는 유지됩니다.
사진마다 +18, +36을 입력하면 되나요?
아닙니다. 이 글의 값은 한 장의 시연 이미지에 사용한 예시입니다. 사진마다 출발 상태가 다르고, 프로그램별 계산 방식도 달라 그대로 옮겨 쓰는 공통값은 아닙니다.
지금 홈페이지에서 똑같이 따라 할 수 있나요?
독립된 조정 레이어와 이번 상세 패널은 아직 배포 전입니다. 공개 버전의 기본 밝기·대비 조절과 구분해서 봐 주세요.