Photoshop / Illustrator 기초 · 5주차

마스크와 합성

문 안의 숲 · 인물 배경 교체 · 얼굴과 꽃 · 사람과 그림자

4시간 수업 · 실제 튜토리얼의 사진과 과정을 따라 익히고, 내 콜라주에 적용한다.

15주 중 어디인가

5주차는 마스크와 사진 합성에 집중한다

전반부 · Photoshop → 디지털 콜라주 1점
1주
OT
2주
문서·레이어
3주
선택
4주
브러시
5주
마스크·합성
6주
문자·필터
7주
생성형 AI
8주
콜라주 완성
후반부 · Illustrator → 전시 포스터
9주
벡터 시작
10주
펜·패스
11주
색·패턴
12주
타이포
13주
포스터
14주
인쇄
15주
마무리
지난주 익힌 선택과 브러시를 레이어 마스크에 연결한다. 사진을 가리는 범위를 고치고, 다른 공간의 색과 빛을 맞춘다.

오늘 만드는 네 가지 사진 합성

A. 문 안의 숲 · 검정으로 숨기고 흰색으로 복구
A. 문 안의 숲
검정으로 숨기고 흰색으로 복구
B. 인물과 식물벽 · 경계와 새 공간의 색 맞추기
B. 인물과 식물벽
경계와 새 공간의 색 맞추기
C. Temi Coker의 얼굴과 꽃 · 앞뒤 배치와 꽃빛 연결
C. Temi Coker의 얼굴과 꽃
앞뒤 배치와 꽃빛 연결
D. 파리 광장에 사람을 합성한 실제 영상 결과
D. 파리 광장에 사람 놓기
원근·크기·발밑 그림자
A·B·C: Adobe 공식 결과. D: PiXimperfect 실제 영상 30:59의 합성 결과 부분. 같은 원본 재료로 A·B·C는 공식 과정을, D는 그림자 중심의 축약 과정을 따라 한다.
총 240분 · 휴식 20분 포함

4시간 수업 흐름

경과 시간같이 만드는 작업분량
00–15공식 재료 받기·폴더·PSD 열기15분
15–45A. 문 안의 숲 · 실습 1–3C30분
45–85B. 인물 배경 교체 · 실습 4–710분씩
85–95첫 번째 휴식10분
95–145C. 얼굴과 꽃 · 실습 8–1210분씩
145–155두 번째 휴식10분
155–200D. 사람과 그림자 · 실습 13–1515분씩
200–230지난 시간 개인 콜라주 이어서30분
230–240PSD·JPG 저장과 공유10분
실습 한 장에서 시연 2~3분, 학생 조작, 결과 확인을 함께 한다. 설명 뒤에 즉시 따라 한다.
00–06분 · 재료 다운로드

실제 튜토리얼 재료 받기

A. 문과 숲

공식 ZIP 받기
start-combine-image-layer-mask.psd

B. 인물과 식물벽

공식 ZIP 받기
replace-image-background 폴더 안
replace-image-background.psd

C. 얼굴과 꽃

공식 ZIP 받기
make-complex-selection 폴더 안
model_342552941.psd / flowers_342552941.jpg

D. 인물과 파리

수업용 사진 두 장 ZIP 받기
paris-subject.jpg / paris-background.jpg

바탕화면에 5주차_이름 폴더를 만들고 ZIP 네 개를 모으세요.
학생용 파일·실습 순서 안내 받기 · Adobe 샘플은 위 공식 링크에서 직접 받습니다.
Adobe 원본은 공식 출처에서 직접 받으며 해당 튜토리얼 연습에만 쓴다. 공개 개인 작품에는 본인에게 권리가 있는 재료를 사용한다. D: Nataliya Vaitkevich·intitupac / Pexels 사용 조건.
06–15분 · 폴더와 시작 파일

압축을 풀고 A의 시작 PSD 열기

  1. Windows: ZIP 오른쪽 클릭 > 모두 압축 풀기. Mac: ZIP 더블클릭.
    압축이 풀린 폴더에서 파일을 찾는다.
  2. Photoshop 실행 → 파일 > 열기 → start-combine-image-layer-mask.psd.
    Gate와 Forest 두 층이 보이는지 확인한다.
  3. 파일 > 다른 이름으로 저장 → A_이름.psd.
    바탕화면 5주차_이름 폴더에 저장하고 창 > 레이어를 켠다.
파일 > 열기: Win Ctrl+O / Mac Cmd+O · 저장: Ctrl+S / Cmd+S
Ctrl은 왼쪽 아래, Mac Cmd는 스페이스바 양옆. 이름 부분을 본인 이름으로 바꾼다.
상단 문서 탭에 A_본인이름.psd가 보인다. 공식 시작 PSD는 그대로 남겨 둔다.

사진 칸과 마스크 칸

사진 칸에 칠하면 사진의 색을 바꾼다.
마스크 칸에 칠하면 보일 곳과 가릴 곳을 바꾼다.

오른쪽 레이어 패널 맨 아래의 사각형 안 원 버튼이 마스크 추가다. 패널이 없으면 창 > 레이어를 연다.

흰 테두리는 선택한 칸이다. 두 칸 사이 체인이 연결돼 있으면 사진과 마스크가 함께 움직인다.

기존 실제 Photoshop 레이어 패널 확대
버튼 위치를 보여 주는 기존 실제 Photoshop 캡처. A·B·C·D의 제작 단계 화면과는 구분한다.
마스크에서 검정은 숨김, 흰색은 표시, 회색은 일부 표시다. 마스크에 칠한 검정은 사진의 검은 물감이 아니다.
A · Adobe / Jan Kabili

문 안으로 다른 공간 연결

낡은 문의 일부분을 가려서
아랫층의 숲이 보이게 만든다.

시작 PSD의 층은 이미 준비돼 있다.
Gate가 위, Forest가 아래다.

문 안의 길과 숲 계단이 이어지는지 본다.
문틀과 바깥 벽은 남겨 둔다.

다음 세 장에서 흰 마스크, 검정 숨김, 흰색 복구를 각각 따라 한다.
Adobe 공식 완성 예시 · Gate 마스크로 아래 Forest가 보인다.
Adobe 공식 완성 예시 · Gate 마스크로 아래 Forest가 보인다.
작은 실습 01 10분 15–25분

Gate에 흰 마스크 추가

  1. A의 PSD에서 Gate 사진층을 클릭한다. 이미 선택영역이 있으면 선택 > 선택 해제를 누른다.
  2. 레이어 패널 아래 사각형 안 원 버튼을 한 번 누른다.
  3. 사진 옆에 생긴 흰 마스크 칸을 클릭한다.
위치: 창 > 레이어 / 레이어 패널 아래 마스크 추가 버튼
선택 해제: Ctrl+D (Mac Cmd+D). Ctrl은 맨 아래 왼쪽, D는 문자 영역.
실제 Photoshop 패널의 위치 참고 · A에서는 Gate 옆의 마스크를 고른다.
실제 Photoshop 패널의 위치 참고 · A에서는 Gate 옆의 마스크를 고른다.
완료 확인 화면은 아직 그대로다. 흰 마스크가 Gate 전체를 보여 주기 때문이다.
작은 실습 02 10분 25–35분

검정 브러시로 숲 드러내기

  1. Gate의 마스크 칸을 고르고, 앞쪽 전경색 사각형을 검정으로 바꾼다.
  2. 왼쪽 붓 도구를 고른다. 상단에서 원형 브러시 크기를 문 안쪽에 맞춘다. 보통 모드·불투명도 100%·흐름 100%를 확인한다.
  3. 문 가운데부터 아래 길까지 조금씩 칠한다. 문 바깥 벽은 남긴다.
위치: 왼쪽 붓 아이콘 / 도구 막대 아래 앞쪽 색 사각형 / 상단 브러시 설정
B는 붓. 크기는 상단에서 조절하거나 P 옆 [ / ] 키를 쓴다.
Adobe 공식 완성 예시 · 문 안쪽과 아래 길은 숨기고 문틀과 벽은 남긴다.
Adobe 공식 완성 예시 · 문 안쪽과 아래 길은 숨기고 문틀과 벽은 남긴다.
완료 확인 문 안에서 숲과 계단이 나타난다. 사진 위에 검정 물감이 생기면 잘못된 칸에 칠한 것이다.
작은 실습 03-A 4분 35–39분

흰 브러시로 문틀 복원

  1. 문틀 한 곳을 검정으로 조금 더 가린 뒤, 앞쪽 색을 흰색으로 바꾼다.
  2. 같은 마스크에서 문틀만 흰 브러시로 복구한다. 붓을 줄여 경계를 정리한다.
  3. Shift를 누른 채 마스크 칸을 클릭해 끈다. 다시 Shift+클릭하면 켜진다.
색 교환: 도구 막대 아래 교환 화살표 / X (Z와 C 사이)
켜기·끄기: 마스크 오른쪽 클릭 > 사용 안 함·사용 / Shift+클릭. Shift는 문자 영역 양쪽 긴 키.
Adobe 공식 완성 예시 · 문틀은 남기고 숲과 아래 길을 연결한다.
Adobe 공식 완성 예시 · 문틀은 남기고 숲과 아래 길을 연결한다.
완료 확인 흰색으로 원래 문틀이 돌아온다. 마스크를 껐다 켠 뒤 켜진 상태로 둔다. 다음에는 사진과 마스크의 움직임을 확인한다.
작은 실습 03-B 3분 39–42분

사진과 마스크의 연결

  1. Gate의 두 썸네일 사이 체인을 클릭해 연결을 푼다.
  2. Gate 사진 칸을 고르고 이동 도구의 자동 선택을 끈다. 사진을 조금 움직여 본다.
  3. 이동만 실행 취소하고 두 칸 사이를 다시 눌러 체인을 연결한다.
위치: 레이어 패널의 사진과 마스크 사이 체인 / 왼쪽 이동 도구(V)
편집 > 실행 취소: Ctrl+Z / Mac Cmd+Z. 마스크 칸을 골랐다면 마스크만 움직인다.
실제 Photoshop 사진 썸네일, 체인, 마스크 썸네일 위치
실제 Photoshop 패널 위치 참고 · 사진 / 체인 / 마스크
연결을 풀면 사진과 가리는 영역을 따로 움직인다. 보통 배치·크기 조절은 체인을 연결해 함께 움직인다.
작은 실습 03-C 3분 42–45분

마스크와 불투명도는 다르다

  1. Gate를 고르고 레이어 패널 위 불투명도를 50%로 바꾼다.
  2. 문틀과 벽까지 함께 옅어지는지 본다. 100%로 되돌린다.
  3. 마스크는 문 안쪽만 숨겼다는 차이를 확인한다. 체인·마스크가 켜진 상태로 A_이름.psd를 저장한다.
레이어 불투명도: 그 층 전체의 보이는 강도
마스크 흑백: 위치마다 보일 범위. 마스크의 회색은 그 위치를 일부 보여 준다.
실제 레이어 패널의 불투명도와 흑백 마스크 위치
실제 Photoshop 패널 위치 참고 · 상단 불투명도 / 아래 마스크
문틀은 선명하게 남고 문 안쪽에서는 숲이 보인다. 전체 강도와 부분 범위를 구분할 수 있다.
B · 실제 사진 합성

회색 벽에서 식물벽으로

배경은 바뀌었지만 인물의 색이 따로 보이는 단계
배경은 바뀌었지만 인물의 색이 따로 보이는 단계
환경색을 연결한 공식 결과
환경색을 연결한 공식 결과
이 사례에서는 인물 윤곽, 경계, 환경색을 차례로 다룬다. 화면 전체 불투명도를 낮추는 작업과 다르다.
작은 실습 04 10분 45–55분

Model의 피사체 선택

  1. B의 PSD를 열고 B_이름.psd 사본으로 저장한다. Start 그룹을 펼쳐 Model 위, New Background 아래를 확인한다.
  2. Model 사진층을 고르고 선택 > 피사체를 누른다.
  3. 선택 > 선택 및 마스크를 연다. 아직 Delete나 마스크 추가 버튼은 누르지 않는다.
위치: 상단 선택 > 피사체 / 오른쪽 Layers의 Model / 하단 마스크 버튼
인물 선택 → 선택 및 마스크에서 경계 확인 → 다음 장에서 마스크 생성.
Adobe 공식 피사체 선택 과정 · 메뉴는 선택 > 피사체 / 선택 및 마스크.
Adobe 공식 피사체 선택 과정 · 메뉴는 선택 > 피사체 / 선택 및 마스크.
완료 확인 인물의 큰 윤곽이 선택됐다. 선택 및 마스크의 보기에서 경계를 확인한다. 다음 장에서 회색 벽을 숨긴다.
작은 실습 05 10분 55–65분

인물 윤곽 한 곳 다듬기

  1. 선택 및 마스크의 보기 모드를 오버레이 또는 레이어 위로 바꾸어 어깨와 팔을 확대한다.
  2. 확대해 어깨나 팔의 남은 회색 테두리를 본다. 가장자리 이동을 조금 왼쪽으로 조절한다.
  3. 출력을 선택 영역(Selection)으로 정하고 확인한다. Model 층을 고른 채 하단 마스크 버튼을 누른다.
위치: 선택 > 선택 및 마스크 / 오른쪽 속성의 가장자리 이동·출력
확대·축소: 보기 메뉴. Space(맨 아래 긴 키)를 누른 채 드래그하면 화면 이동.
Adobe 공식 경계 조절 과정 · Selection 출력 뒤 Model에 마스크를 만든다. 수치는 사진을 보며 조절한다.
Adobe 공식 경계 조절 과정 · Selection 출력 뒤 Model에 마스크를 만든다. 수치는 사진을 보며 조절한다.
완료 확인 회색 벽은 숨겨지고 식물벽이 보인다. 흰 인물·검정 배경 마스크가 생겼으며 어깨 윤곽은 끊기지 않는다.
작은 실습 06 10분 65–75분

새 배경에서 환경색 만들기

  1. New Background를 고르고 레이어 > 레이어 복제로 한 장 더 만든다.
  2. 복제층 이름을 환경색으로 바꾸고 Model 바로 위로 옮긴다. 원래 New Background는 아래에 둔다.
  3. 복제층에서 필터 > 흐림 효과 > 평균을 누른다.
위치: 레이어 > 레이어 복제 / 필터 > 흐림 효과 > 평균
Ctrl+J는 선택한 층 복제. 이 단계는 복제층만 바꾸고 원본 배경은 보존한다.
평균색·클리핑 공식 과정 · 다음 실습에서 인물로 범위를 제한합니다.
평균색·클리핑 공식 과정 · 다음 실습에서 인물로 범위를 제한합니다.
완료 확인 배경에서 얻은 평균색 층이 Model 위에 있다. 아직 화면을 덮어도 다음 단계에서 범위를 제한한다.
작은 실습 07 10분 75–85분

환경색을 인물에만 연결

  1. 환경색 층을 고르고 레이어 > 클리핑 마스크 만들기를 누른다. 들여쓰기와 아래를 향한 화살표를 확인한다.
  2. 레이어 패널 위 혼합 모드를 소프트 라이트(Soft Light)로 바꾼다.
  3. 불투명도를 30%부터 시험해 피부색이 남게 조절한다. 눈 아이콘으로 비교하고 파일 > 저장을 누른다.
위치: 레이어 > 클리핑 마스크 만들기 / Layers 위 Normal 드롭다운·불투명도
보조 키 Ctrl+Alt+G (Mac Cmd+Option+G). Alt는 Space 옆, Ctrl은 맨 아래 왼쪽.
공식 완성 결과는 추가 전체 색조까지 포함한다. 여기서는 인물에 환경색 연결까지만 만든다.
공식 완성 결과는 추가 전체 색조까지 포함한다. 여기서는 인물에 환경색 연결까지만 만든다.
완료 확인 식물벽은 그대로이고 인물 색만 연결된다. 클리핑은 범위, 불투명도는 전체 강도를 바꾼다.
85–95분

휴식 10분

A_이름.psd와 B_이름.psd를 저장한다.

다음에는 꽃을 얼굴 주변에 배치하고 빛을 연결한다.

C · 창작에 활용하는 마스크

얼굴과 꽃으로 만드는 콜라주

Temi Coker의 실제 작업 과정을 따라
꽃이 얼굴 주변에 자라는 이미지를 만든다.

꽃을 따서 배치하는 데서 끝내지 않고
앞뒤 겹침과 꽃빛을 연결한다.

전원은 꽃 두 무리까지 만든다.
세 번째 꽃과 Curves는 여유가 있을 때만 한다.

Temi Coker / Adobe 공식 완성 예시 · 수업에서는 꽃 두 무리와 옆광을 만든다.
Temi Coker / Adobe 공식 완성 예시 · 수업에서는 꽃 두 무리와 옆광을 만든다.
작은 실습 08 10분 95–105분

콜라주의 인물 분리

  1. C의 model_342552941.psd를 열어 C_얼굴꽃_이름.psd로 사본 저장한다. model 사진층을 고른다.
  2. 선택 > 피사체를 실행하고 선택 및 마스크를 연다.
  3. 필요한 머리 가장자리만 살짝 다듬고 레이어 마스크로 출력한다.
위치: 선택 > 피사체 / 선택 > 선택 및 마스크
왼쪽 가장자리 다듬기 브러시는 머리 외곽에만 쓴다. 얼굴 전체를 문지르지 않는다.
공식 실제 인물 경계 작업. 빨강은 선택 및 마스크의 보기 표시이며 사진에 칠한 빨강이 아니다.
공식 실제 인물 경계 작업. 빨강은 선택 및 마스크의 보기 표시이며 사진에 칠한 빨강이 아니다.
완료 확인 인물 옆에 마스크가 있고, 뒤의 background 층과 별도로 움직일 수 있다.
작은 실습 09 10분 105–115분

꽃 사진을 인물 위에 배치

  1. 파일 > 포함 가져오기로 flowers_342552941.jpg를 고른다.
  2. 크기를 줄이고 꽃을 얼굴 한쪽에 놓은 뒤 Enter로 확정한다.
  3. Layers에서 꽃 사진층이 model보다 위인지 확인한다.
위치: 파일 > 포함 가져오기 / 편집 > 자유 변형 / 왼쪽 이동 도구
Ctrl+T 크기·회전, V 이동. Enter는 오른쪽 큰 키, Esc는 왼쪽 맨 위 취소.
공식 실제 꽃 배치 과정. 원본 꽃은 흰 배경이 있으며, 다음 단계에서 이를 숨긴다.
공식 실제 꽃 배치 과정. 원본 꽃은 흰 배경이 있으며, 다음 단계에서 이를 숨긴다.
완료 확인 꽃이 독립된 층으로 들어왔고 얼굴 한쪽에 있다. 아직 흰 배경이 보이는 것은 정상이다.
작은 실습 10 10분 115–125분

꽃 사이 흰 배경 정리

  1. 꽃층에서 선택 > 피사체를 누르고 마스크를 만든다.
  2. 꽃 마스크에서 선택 및 마스크를 열고, 잎과 꽃 사이의 남은 흰 부분만 다듬는다.
  3. 출력을 레이어 마스크로 골라 확인한다. 남은 흰 곳은 검정 붓으로 숨기고 잘린 꽃잎은 흰색으로 되살린다.
위치: 꽃층의 마스크 칸 / 선택 > 선택 및 마스크 / 왼쪽 붓 도구
Space로 화면 이동, 상단에서 붓 크기 조절. 사진 칸에 칠하지 않는다.
공식 실제 꽃 경계 확대. 잎 사이의 흰 구멍과 꽃잎 테두리를 따로 확인한다.
공식 실제 꽃 경계 확대. 잎 사이의 흰 구멍과 꽃잎 테두리를 따로 확인한다.
완료 확인 잎 사이로 인물이나 바탕이 보이고 꽃잎은 남아 있다. 흰 네모 배경이 없어졌다.
작은 실습 11 10분 125–135분

꽃 두 무리의 앞뒤 배치

  1. 정리한 꽃층을 레이어 복제로 한 장 더 만든다. 마스크도 함께 복제된다.
  2. 체인 연결을 확인하고 편집 > 자유 변형으로 복제 꽃을 회전·축소해 반대편에 놓는다.
  3. 얼굴을 과하게 가린 꽃 부분은 그 꽃의 마스크에서 검정으로 숨긴다.
위치: 레이어 > 레이어 복제 / 편집 > 자유 변형
Ctrl+J 복제, Ctrl+T 변형, V 이동. 얼굴을 가린 꽃의 해당 마스크를 선택한다.
공식은 꽃 세 무리를 배치한 결과. 전원 실습은 두 무리로 줄여 앞뒤 겹침을 확인한다.
공식은 꽃 세 무리를 배치한 결과. 전원 실습은 두 무리로 줄여 앞뒤 겹침을 확인한다.
완료 확인 양쪽 꽃의 크기·방향이 다르고, 얼굴의 눈과 코가 읽힌다. 복제한 꽃은 따로 고칠 수 있다.
작은 실습 12 10분 135–145분

꽃빛을 얼굴 가장자리에 연결

  1. model 바로 위에 빈 레이어를 만들고 얼굴빛이라 이름 붙인다.
  2. 스포이드의 샘플을 모든 레이어로 바꾸어 꽃색을 찍는다. 얼굴빛 층을 다시 고르고 부드러운 붓으로 얼굴 옆에 칠한다.
  3. model 바로 위의 얼굴빛을 클리핑하고 색상 닷지(Color Dodge)로 바꾼다. 불투명도 20%부터 시험해 강도를 조절한다.
위치: 레이어 > 새로 만들기 > 레이어 / 왼쪽 스포이드(I)·붓(B)
레이어 > 클리핑 마스크 만들기 / Layers 위 혼합 모드·불투명도. 얼굴빛층의 사진 칸에 칠한다.
공식 실제 얼굴 옆광과 클리핑 레이어. 꽃 근처 피부의 색 변화를 본다.
공식 실제 얼굴 옆광과 클리핑 레이어. 꽃 근처 피부의 색 변화를 본다.
완료 확인 꽃과 가까운 얼굴 가장자리에 빛이 생기고 피부 결이 남는다. 배경에 색이 묻지 않는지 확인하고 C_얼굴꽃_이름.psd를 저장한다.

마스크 다음에 빛 연결

빛을 칠한 뒤, 보통(Normal) 모드
빛을 칠한 뒤, 보통(Normal) 모드
색상 닷지 적용 후, 피부와 빛이 연결됨
색상 닷지 적용 후, 피부와 빛이 연결됨
왼쪽은 붓색이 덮인 보통 모드, 오른쪽은 색상 닷지로 연결한 결과다. 사진·꽃 마스크·얼굴빛을 따로 남긴다.
145–155분

휴식 10분

C_얼굴꽃_이름.psd를 저장한다.

다음에는 사람을 다른 바닥 위에 자연스럽게 놓는다.

D · PiXimperfect / Master Shadows & Lighting

같은 튜토리얼의 인물과 광장

실제 모델 원본 · Nataliya Vaitkevich
실제 모델 원본 · Nataliya Vaitkevich
실제 개선문 배경 · intitupac
실제 개선문 배경 · intitupac
PiXimperfect 영상의 공개 예제 사진과 같은 두 원본. 인물 원본 / 배경 원본 / 두 장 받기
원본 의상의 색은 밝은 베이지다. 원영상의 전체 색보정 결과와 구분한다. 유료 완성 PSD는 필요 없다.

사람이 이 장소에 있는 것처럼

사람을 오려 놓은 뒤
바닥과 연결하는 작업을 본다.

크기와 위치를 먼저 맞추고
멀리 퍼지는 그림자와
발 바로 아래 그림자를 나눠 만든다.

원영상의 다중 곡선·반투명 의상은 생략한다.
다음 세 장은 초급용 축약이다.

PiXimperfect 실제 파리 광장 모델 합성 결과
원영상 30:59의 실제 전체 합성 장면. 완성 예시와 학생의 축약 실습을 구분한다.
작은 실습 13 15분 155–170분

모델을 광장에 배치

  1. paris-background.jpg를 열어 D_사람파리_이름.psd로 저장한다. 포함 가져오기로 paris-subject.jpg를 넣고 확인한다.
  2. 인물층에서 피사체 선택 후 마스크를 만들고, 발과 드레스의 큰 윤곽을 확인한다.
  3. 인물층 이름을 인물로 바꾸고 체인이 연결된 사진 칸을 고른다. 자유 변형으로 크기를 맞추고 이동 도구로 발을 바닥에 놓는다.
위치: 파일 > 포함 가져오기 / 선택 > 피사체 / 레이어 마스크
편집 > 자유 변형(Ctrl+T), 이동 도구(V). 원근상 바닥에 닿는 발 위치부터 본다.
원영상 실제 배치 결과 참고. 우리는 자동 선택으로 시작하며 레이스의 완벽한 분리는 요구하지 않는다.
원영상 실제 배치 결과 참고. 우리는 자동 선택으로 시작하며 레이스의 완벽한 분리는 요구하지 않는다.
완료 확인 발이 바닥에 있고 크기가 공간에 맞는다. 먼 사람보다 크게 보여도 자연스럽다. 같은 거리의 사람·바닥 무늬와 비교한다.

배경의 그림자를 기준으로

새로 넣은 사람을 보기 전에
배경 속 자전거 타는 사람을 본다.

  1. 그 사람의 발·바퀴가 닿는 바닥을 찾는다.
  2. 그림자가 어느 쪽으로, 얼마나 길게 뻗는지 본다.
  3. 새 인물도 같은 방향으로 그림자를 만든다.
배경의 실제 빛을 기준으로 한다. 작품마다 그림자 각도와 길이가 달라서 숫자를 외우지 않는다.
같은 배경의 사람·바닥·그림자를 관찰한다. 필요하면 Photoshop에서 바닥을 확대한다.
같은 배경의 사람·바닥·그림자를 관찰한다. 필요하면 Photoshop에서 바닥을 확대한다.
작은 실습 14 15분 170–185분

바닥에 퍼지는 그림자 만들기

  1. 인물 아래, 배경 위에 빈 층을 만들고 바닥그림자라 이름 붙인다.
  2. 스포이드 상단 샘플을 모든 레이어로 고르고 기존 그림자색을 찍는다. 부드러운 붓으로 발에서 같은 방향으로 짧게 칠한다.
  3. 그림자층에 마스크를 붙여 끝부분을 검정 붓으로 부드럽게 숨긴다. 불투명도 30%부터 조절해 돌바닥 결을 남긴다.
위치: 레이어 > 새로 만들기 > 레이어 / 붓(B)·스포이드(I) / 마스크 버튼
사진 칸에는 그림자색, 마스크 칸에는 검정으로 숨김. 두 칸을 구분해 칠한다.
원영상에서 모델 원본의 실제 그림자를 관찰하는 장면. 합성 전후 캡처가 아니며, 그 모양을 참고한다.
원영상에서 모델 원본의 실제 그림자를 관찰하는 장면. 합성 전후 캡처가 아니며, 그 모양을 참고한다.
완료 확인 배경 그림자와 방향이 맞고 끝이 부드럽다. 인물층·그림자층·배경층이 분리돼 있다.
작은 실습 15 15분 185–200분

발 바로 아래 접지 그림자

  1. 바닥그림자 위, 인물 아래에 새 층 발밑그림자를 만든다.
  2. 붓을 줄이고, 발이 바닥에 닿는 두 지점에 어두운 색을 짧게 칠한다.
  3. 두 그림자층의 눈 아이콘을 각각 껐다 켠다. 인물 피부와 바닥이 너무 다르면 다음 개인 시간에 보정한다.
위치: 레이어 > 새로 만들기 > 레이어 / 붓 크기·경도는 상단 / Layers 불투명도
접촉부는 좁고 더 어둡다. 발 전체를 검게 덮거나 긴 그림자와 한 층으로 합치지 않는다.
원영상 19:22의 실제 발밑 확대와 Contact Point Shadow 레이어. 긴 그림자와 별도 층이다.
원영상 19:22의 실제 발밑 확대와 Contact Point Shadow 레이어. 긴 그림자와 별도 층이다.
완료 확인 긴 그림자만 있을 때보다 발이 바닥에 붙어 보인다. 인물 > 발밑그림자 > 바닥그림자 > 배경 순서를 확인하고 D_사람파리_이름.psd를 저장한다.

긴 그림자와 접지 그림자

원본에서 관찰하는 그림자 모양
원본에서 관찰하는 그림자 모양
새 합성에서 발 접촉부를 더 어둡게 만드는 과정
새 합성에서 발 접촉부를 더 어둡게 만드는 과정
긴 그림자는 빛 방향을 말하고, 접지 그림자는 바닥에 닿는 위치를 말한다. 왼쪽은 원본의 그림자 관찰, 오른쪽은 새 합성의 접촉부 작업이다.
200–230분 · 개인 작업 30분

지난 작업에서 한 곳씩 개선

처음 15분

  1. 지난 시간 본인의 PSD를 열어 학번_이름_5주.psd 사본을 만들고 같은 폴더에 저장한다.
  2. 마스크로 고칠 재료 하나를 정한다. 배경 잔여물이나 네모 경계를 먼저 본다.
  3. 검정·흰색으로 한 곳을 정리하고 눈 아이콘으로 비교한다.

다음 15분

  1. 오늘 사례 중 새 배경, 앞뒤 겹침, 빛, 그림자 하나를 더 적용한다.
  2. 새 기능을 모두 넣으려 하지 말고 한 곳을 완성한다.
  3. 원본·마스크·보정층을 남기고 고친 이유를 설명한다.
수정한 경계 한 곳과 합성 개선 한 곳을 비교한다. 마지막 5분에는 짝의 의견을 듣고 과한 색이나 그림자 강도를 한 번 더 조절한다.

칠하기가 이상할 때 확인할 것

증상먼저 확인복구
검정 물감이 사진에 묻는다사진 칸을 골랐는가실행 취소 후 마스크 칸 선택
붓을 써도 변화가 없다층·마스크·색·불투명도맞는 층, 검정/흰색, 보통 모드 확인
피사체가 통째로 사라졌다검정 마스크인가흰색으로 복구. 마스크 칸을 고른 뒤 필요하면 반전
새 색이 배경까지 묻는다클리핑 화살표가 있는가대상 바로 위에서 클리핑 만들기
꽃이 같이 움직인다자동 선택이 켜졌는가자동 선택 끄고 Layers에서 해당 층 선택
흰 테두리·떠 있는 발큰 경계·접촉부가장자리 한 곳, 발밑 한 곳씩 수정
이미지 > 조정 > 반전 / Ctrl+I는 선택한 마스크의 흑백 반전이다. 선택영역 반전은 선택 > 반전 / Shift+Ctrl+I로 서로 다른 작업이다.
230–240분 · 저장과 공유

PSD 원본과 JPG 확인본

수정 가능한 PSD

  1. 개인 작업 PSD 탭에서 파일 > 저장을 누른다. 새 이름이 필요하면 다른 이름으로 저장 > Photoshop(.psd).
  2. 학번_이름_5주.psd로 저장한다. 사진·마스크·보정층을 병합하지 않는다.

확인용 JPG

  1. 파일 > 사본 저장에서 JPEG를 고르고 같은 폴더에 저장한다. JPEG 옵션에서도 확인을 누른다.
  2. 학번_이름_5주.jpg를 다시 열어 결과를 본다. PSD 탭에서는 마스크와 보정층이 남았는지 확인한다.
공유 내 콜라주의 개선한 부분을 보이며 어떤 마스크나 합성 방법을 썼는지 짧게 말한다.
Adobe A·B·C 샘플 결과는 튜토리얼 연습용이다. 공개 포트폴리오에는 자신의 사진 또는 사용 권리가 확인된 사진으로 응용한다.

원본을 남긴 사진 합성

가릴 곳은 마스크에서 고쳤는가?

붙인 재료의 경계와 앞뒤 관계를 설명할 수 있는가?

공간의 색과 빛, 바닥 접촉부를 한 번 더 살펴봤는가?

다음 주 6주차에는 문자 도구와 필터를 다룬다.
사례 확장 · 필수 수업 시간에 더하지 않음

다른 작품에 적용하는 같은 원리

개인 콜라주에서 더 해보고 싶은 기능을 골라
제작자의 실제 결과와 원본 과정을 살펴본다.

전원 실습이 끝난 학생은 필요한 사례 하나를 골라
자기 재료의 경계·빛·색에 적용해 본다.

사례 확장 · 필수 수업 시간에 더하지 않음

손과 언덕의 부드러운 경계

네모난 사진 가장자리를
점차 숨겨 두 사진을 연결한다.

  1. 공식 PSD에서 Hand 위, Landscape 아래를 확인하고 Hand에 마스크를 추가한다.
  2. 마스크에서 흰색·검정 선형 그라디언트를 그린다.
  3. 중요한 물방울은 흰 브러시로 되살린다.
왼쪽 그라디언트 도구(G). 짧은 전환과 긴 전환을 실행 취소 후 다시 그려 비교한다.
Adobe의 실제 그라디언트 마스크 결과
Adobe의 실제 그라디언트 마스크 결과
공식 과정 / 공식 시작 PSD · 연습 전용
사례 확장 · 필수 수업 시간에 더하지 않음

지느러미를 머리카락처럼

Temi Coker는 서로 닮은 형태를 찾아
물고기 지느러미를 머리카락으로 썼다.

  1. 지느러미를 인물 위에 가져와 회전·변형한다.
  2. 마스크의 검정으로 얼굴 위를 가린다.
  3. 다른 지느러미를 더해 흐르는 방향을 만든다.
편집 > 자유 변형 / 변형 > 뒤틀기 / 마스크에 검정 브러시
본인 사진의 꽃잎·천·파도에도 같은 방식으로 응용할 수 있다.
Temi Coker / Adobe 실제 합성 결과와 레이어
Temi Coker / Adobe 실제 합성 결과와 레이어
공식 원문과 실습 파일 · 원본 샘플은 해당 튜토리얼 연습 전용
사례 확장 · 필수 수업 시간에 더하지 않음

사진 경계와 흰색 복구

디자인베이스 #24

오로라와 커플 사진의 경계를 숨기고
인물을 흰색으로 복구하는 한국어 시연.

2:14–3:06 숨김과 복구
3:10 켜기·끄기
3:35 사진·마스크 연결

해당 실제 시연 보기

PHLEARN 마스크 기초

지우개로 지우는 작업과
마스크에서 숨기고 복구하는 작업 비교.

원본이 남아 있기 때문에
여러 작업 뒤에도 다시 복구할 수 있다.

제작자 영상 보기
두 영상은 구형 UI다. 개념과 결과를 복습하고, 현재 메뉴 위치는 오늘 본문을 함께 본다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

사진 경계·머리카락·국소 색

자료실제 결과·작업제작자 원문
M01오로라·커플 경계, 흰색 복구디자인베이스
M02지우개와 마스크의 차이PHLEARN
M03사진 가장자리 부드럽게Graceville Media
M04남성 머리카락 배경 분리PHLEARN
M06옷·신발 색만 교체PHLEARN
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

찢어진 종이·프레임·풍경

자료실제 결과·작업제작자 원문
M08찢어진 종이 콜라주Spoon Graphics
M09프레임 밖으로 나온 스노보더PTC
M10얼굴 실루엣과 산·구름LetsPhotoshop
M11인물·산·구름 여행 합성PHLEARN
M12인물은 선명·배경만 흐림PiXimperfect
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

새 장소·제품·그림자

자료실제 결과·작업제작자 원문
C01인물을 에펠탑 앞에PhotoshopCAFE
C02파리 모델의 그림자·빛PiXimperfect
C03자동차를 다른 도로로PiXimperfect
C04컵 안에 도시·구름tutvid
C05주스 컵과 오렌지 단면tutvid
C06강아지와 곡면 패턴 배경PiXimperfect
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

명도·유리·이중노출

자료실제 결과·작업제작자 원문
C07사막 인물의 빛·색 맞추기PHLEARN
C08인물·배경의 톤과 색tutvid
C09유리병의 투명도·반사·라벨PTC
C10빨강·시안 컬러 이중노출PTC
C11실루엣과 풍경 이중노출PHLEARN
C13대형 합성의 원근·빛·색PTC
C14레트로 미래주의 콜라주Adobe / Gabriella
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

마스크와 사진 배경

자료실제 결과·작업제작자 원문
A01문 안의 숲 · 오늘 AAdobe
A02손·물방울과 언덕Adobe
A03다리 밑 길과 숲의 전환Adobe
A04인물과 식물벽 · 오늘 BAdobe
A05헤드폰·머리카락 배경 분리Adobe
A06복잡한 머리카락 경계Adobe
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
이전 조사 라이브러리 · 필요한 사례 골라 보기

창작 콜라주와 환경

자료실제 결과·작업제작자 원문
A07얼굴과 꽃 · 오늘 CAdobe / Temi Coker
A08물고기 지느러미 헤어Adobe / Temi Coker
A09재킷·선글라스 패턴 교체Adobe
A10하늘 교체와 생성된 마스크Adobe
A11풍경에 새 무리 추가Adobe
A12바다·새·사원·범선 종합 합성Adobe
이전 조사 자료의 원본 연결을 보존했다. 샘플·계정·유료 PSD·재료 사용 조건은 제작자 원문을 확인한다. 오늘 전원이 따라 할 필수 실습은 A·B·C·D다.
사례 확장 · 필수 수업 시간에 더하지 않음

메뉴와 키 함께 찾아보기

작업메뉴·아이콘 위치보조 키
마스크 만들기오른쪽 Layers 아래 사각형 안 원아이콘 사용
마스크 숨김·복구왼쪽 붓 / 아래 전경색 확인·교환 화살표B / D·X
피사체 자동 선택선택 > 피사체메뉴 사용
경계 정리선택 > 선택 및 마스크메뉴 사용
복제·크기·이동레이어 복제 / 자유 변형 / 이동 도구Ctrl+J / Ctrl+T / V
한 층에 색·빛 제한레이어 > 클리핑 마스크 만들기Ctrl+Alt+G
화면 확대·이동보기 > 확대 / 손 도구Ctrl++ / Space+드래그
마스크 원본 확인마스크 오른쪽 클릭 > 사용 안 함Shift+마스크 클릭
저장파일 > 저장Ctrl+S
D로 기본색을 놓은 뒤 앞쪽 색이 검정인지 흰색인지 확인하고 X로 교환한다. Mac은 Ctrl 대신 Cmd, Alt 대신 Option을 쓴다. 단축키가 안 먹으면 한글 입력 상태를 확인하거나 메뉴로 실행한다.
편집