Photoshop으로 다른 이미지 안에 이미지 배치

저자 스티브 패터슨.

이 Photoshop Effects 자습서에서는 Photoshop의 '붙여넣기' 명령을 사용하여 다른 이미지 안에 이미지를 배치하는 방법을 배웁니다.



올해 슈퍼볼이 다가옴에 따라(내가 이 글을 쓰고 있는 시점에) 모든 주요 전자제품 매장은 웹사이트와 주간 전단지에 큰 경기를 보여주는 최신 고화질 TV 사진으로 가득 차 있습니다. 화면에 표시되는 주요 스포츠 이벤트가 아닌 경우 일반적으로 최신 블록버스터 DVD 영화 또는 대규모 예산 비디오 게임입니다.



물론 이 이미지들 중 진짜 TV에 나오는 것을 고화질로 찍는 것은 거의 불가능에 가깝기 때문입니다. 모두 포토샵에서 이루어집니다. 그들이 TV에 나타나길 원하는 이미지는 단순히 TV 자체의 이미지에 붙여넣기만 하면 됩니다. 이 Photoshop 자습서에서는 자신의 이미지에 동일한 기술을 사용할 수 있도록 이 작업이 어떻게 수행되는지 살펴보겠습니다!

이 버전의 튜토리얼은 포토샵 CS4 그리고 더 일찍. Photoshop CS5, CS6 및 CC 사용자 또는 이 기술을 사용하는 방법에 대한 다른 예는 다음을 확인하십시오. 완전히 업데이트된 버전 .

여기에 전자 제품 매장 전단지에서 볼 수 있는 종류의 TV 이미지가 있습니다.



  포토샵 효과 전자 제품 매장의 웹사이트나 주간 전단지에서 볼 수 있는 것과 유사한 TV 이미지입니다.

그리고 여기 내가 TV에 표시하고 싶은 이미지가 있습니다.

  포토샵 효과 축구 경기 사진입니다.

완료되면 다음과 같이 표시됩니다.

  포토샵 효과 이제 게임이 TV 화면에 표시되는 것처럼 보입니다.

한 이미지를 다른 이미지 안에 배치하는 방법

1단계: 두 번째 이미지를 붙여넣을 영역 선택

먼저 두 번째 이미지를 배치할 이미지를 열고 두 번째 이미지가 나타날 영역 주위에 선택 영역을 그립니다. 물론 사용하는 선택 도구는 선택해야 하는 영역의 모양에 따라 다릅니다. 나는 두 번째 이미지를 TV 화면 안에 표시하기를 원하는데, 이는 단순한 4면 모양이므로 Photoshop의 다각형 올가미 도구 , 기본적으로 도구 팔레트의 표준 올가미 도구 뒤에 숨겨져 있습니다. 올가미 도구 아이콘을 클릭한 다음 플라이아웃 메뉴가 나타날 때까지 1~2초 동안 마우스 버튼을 누른 다음 목록에서 다각형 올가미 도구를 선택합니다.

  어도비 포토샵 튜토리얼 이미지. Photoshop의 도구 팔레트에서 다각형 올가미 도구를 선택합니다.

다각형 올가미 도구를 사용하면 선택 방향을 변경해야 하는 다른 지점을 클릭하기만 하면 선택 영역을 그릴 수 있습니다. 새 지점을 클릭할 때마다 Photoshop은 새 지점과 클릭한 마지막 지점 사이에 직선을 추가합니다. 펜 도구 직선 경로 세그먼트를 그릴 때 작동합니다. 전체 영역을 설명하고 처음으로 돌아갈 때까지 선택해야 하는 영역을 계속 클릭하면 됩니다. 첫 번째 점을 다시 클릭하면 Photoshop에서 선택 영역을 만듭니다.

다각형 올가미 도구로 TV 화면을 선택하는 것은 쉽습니다. 네 모서리를 각각 클릭하기만 하면 됩니다. 왼쪽 상단 모서리에서 시작하여 왼쪽 하단 모서리로, 그 다음 오른쪽 하단 모서리로, 오른쪽 상단 모서리로 이동합니다. 지금까지 생성된 세 줄을 볼 수 있습니다.

  포토샵 효과 다각형 올가미 도구로 TV 화면의 각 모서리를 클릭하여 주변에 선택 영역을 그립니다.

선택을 완료하기 위해 TV 화면의 왼쪽 상단 모서리에서 시작했던 동일한 지점을 다시 한 번 클릭합니다. 그러면 Photoshop에서 자동으로 선택 항목을 생성합니다.

  포토샵 효과 초기 지점을 다시 클릭하여 선택을 완료합니다.

2단계: 두 번째 이미지를 클립보드에 복사

Photoshop에서 두 번째 이미지를 열고 Ctrl+A (이기다) / 커맨드+A (Mac) 전체 이미지 주위에 선택 영역 배치:

  포토샵 효과 'Ctrl+A'(Win) / 'Command+A'(Mac)를 눌러 전체 이미지 주위에 선택 영역을 배치합니다.

그런 다음 Ctrl+C (이기다) / 커맨드+C (Mac)을 클릭하여 이미지를 클립보드에 복사합니다.

3단계: 두 번째 이미지를 선택 영역에 붙여넣기

Photoshop에서 원본 이미지로 다시 전환합니다. 잠시 전에 만든 선택 항목이 계속 표시되어야 합니다. 두 번째 이미지를 이 선택 영역에 직접 붙여넣을 것입니다. 그러려면 다음으로 이동하십시오. 편집하다 화면 상단의 메뉴를 선택하고 붙여넣기 :

  포토샵 효과 '편집' 메뉴에서 '붙여넣기'를 선택합니다.

'붙여넣기'를 선택하면 원본 이미지에 세 가지 일이 발생합니다. Photoshop은 레이어 팔레트의 배경 레이어 위에 새 레이어를 추가하고 두 번째 이미지를 새 레이어에 배치하고 선택한 항목을 사용하여 생성합니다. 레이어 마스크 , 선택 영역 외부에 있는 두 번째 이미지의 모든 영역을 숨기고 선택 영역 내부 영역만 표시합니다. 즉, 내 축구 이미지에서 볼 수 있는 유일한 부분은 TV 화면 주위에서 선택한 영역에 맞는 영역입니다.

먼저 원본 이미지의 레이어 팔레트에서 무슨 일이 일어났는지 살펴보겠습니다. 이제 두 개의 레이어가 있음을 알 수 있습니다. 맨 아래에는 내 TV 이미지가 포함된 원본 배경 레이어가 있고 그 위에는 축구 사진이 포함된 새 레이어 '레이어 1'이 있습니다. 생성된 레이어 마스크를 보여주는 레이어 마스크 축소판(빨간색 원)도 볼 수 있습니다. 썸네일 중앙의 흰색 직사각형 영역은 선택된 영역(tv 화면)이고 주변의 모든 검은색 영역은 선택되지 않은 영역입니다.

  어도비 포토샵 튜토리얼 이미지. Photoshop은 원본 이미지에 새 레이어를 추가하고 두 번째 이미지를 새 레이어에 배치하고 1단계에서 선택한 항목을 기반으로 레이어 마스크를 만듭니다.

그리고 이미지 자체를 보면 이제 TV 화면에 나타나는 축구 이미지를 볼 수 있습니다.

  어도비 포토샵 튜토리얼 이미지. 이제 원본 이미지에서 선택한 항목 안에 두 번째 이미지가 나타납니다.

4단계: 자유 변형으로 두 번째 이미지 크기 조정

현재 유일한 문제는 TV가 각도에 있고 내가 붙여 넣은 사진이 그렇지 않아 두 이미지 사이의 원근이 일치하지 않는다는 것입니다. 이 문제를 해결하려면 다음을 누르겠습니다. Ctrl+T (이기다) / 커맨드+T (Mac) Photoshop을 불러옵니다. 자유 변형 두 번째 이미지 주위에 상자와 핸들이 있습니다. 가장 먼저 할 일은 축구 사진을 가능한 한 많이 TV 화면에 맞추는 것입니다. Shift+Alt (이기다) / Shift+옵션 (Mac)을 클릭하고 4개의 모서리 핸들 중 하나를 중앙으로 드래그하여 이미지를 더 작게 만듭니다. 'Shift'를 누르고 있으면 드래그할 때 이미지의 비율이 제한되어 실수로 이미지의 모양이 왜곡되지 않고 'Alt/Option'을 누르고 있으면 Photoshop에서 중앙에서 이미지 크기를 조정하도록 지시하므로 작업이 더 쉬워집니다.

  어도비 포토샵 튜토리얼 이미지. Photoshop의 '자유 변형' 명령을 사용하여 필요에 따라 이미지 크기를 조정합니다.

이제 두 번째 이미지의 크기에 만족했으므로 원근 문제를 해결하겠습니다. 자유 변형이 여전히 활성화된 상태에서 Shift+Ctrl+Alt (이기다) / Shift+Command+Option (Mac), 일시적으로 자유 변형을 관점 변환 모드. 당신은 또한 위로 갈 수 있습니다 편집하다 메뉴, 선택 변환 를 선택한 다음 관점 , 그러나 자유 변형 핸들이 이미 활성화되어 있으면 키보드 단축키가 더 쉽습니다.

원근 변형 모드에서 왼쪽 상단 모서리에 있는 핸들을 다시 클릭하고 약간 아래로 드래그합니다. 왼쪽 상단 모서리 핸들을 아래로 드래그하면 왼쪽 하단 모서리의 핸들이 동시에 위로 이동합니다. 이렇게 하면 이미지의 오른쪽 높이에 영향을 주지 않고 축구 이미지의 왼쪽 높이를 줄여서 이미지가 TV와 같은 각도에 있는 것처럼 보이게 할 수 있습니다.

  어도비 포토샵 튜토리얼 이미지. '원근' 변환 모드를 사용하여 두 이미지 사이의 원근 문제를 수정하십시오.

이제 두 번째 이미지의 크기와 각도에 만족했으므로 입력하다 (이기다) / 반품 (Mac) 변경 사항을 수락하고 자유 변형 명령을 종료합니다.

5단계: 내부 그림자 레이어 스타일 추가

효과를 마무리하기 위해 축구 이미지의 가장자리에 약간의 그림자를 추가하여 실제로 TV 화면에 표시되는 것처럼 보이고 누군가가 방금 붙여넣은 것처럼 보이지 않도록 하겠습니다(정확히 그것이 우리가 했다). '레이어 1'을 선택한 상태에서 레이어 스타일 레이어 팔레트 하단에 있는 아이콘을 선택하고 내부 그림자 레이어 스타일 목록에서:

  어도비 포토샵 튜토리얼 이미지. 레이어 팔레트 하단의 '레이어 스타일' 아이콘을 클릭하고 목록에서 '내부 그림자'를 선택합니다.

이것은 Photoshop의 레이어 스타일 중간 열의 내부 그림자 옵션으로 설정된 대화 상자. 낮추다 불투명 내부 그림자의 주위에 60% 너무 강렬하지 않으면 둘 다 낮추십시오. 크기 그리고 거리 아래로 1픽셀 . 조정해야 할 수도 있습니다. 각도 이미지에 따라 그림자. 내 것을 120°로 설정했습니다.

  어도비 포토샵 튜토리얼 이미지. 위에서 원으로 표시된 내부 그림자 레이어 스타일에 대한 옵션을 변경합니다.

확인을 클릭하여 레이어 스타일 대화 상자를 종료하고 그림자를 적용하면 완료됩니다! 여기에 축구 이미지의 가장자리 주위에 그림자 효과를 추가하여 TV 화면에서 더 자연스럽게 보이도록 한 후의 최종 결과입니다.

  어도비 포토샵 튜토리얼 이미지. 최종 결과입니다.