포토샵에서 로고를 다른 이미지에 겹치는 것은 비교적 간단한 작업입니다. 하지만 원본 이미지가 정면이 아닌 각도에서 촬영되었거나 왜곡되어 있다면, 정사각형 로고나 다른 이미지가 어색하게 보일 수 있습니다. 이럴 때 상단 이미지를 올바른 원근감으로 정렬하는 방법을 알아보겠습니다.
변형 도구를 활용한 완벽한 매칭
여기서는 가젯 화면 이미지를 예시로 사용하겠습니다. 이는 마케터나 웹 작가에게 흔히 필요한 작업입니다. 제공된 원본 이미지는 일반적인 16:9 화면 비율의 닌텐도 스위치이지만, 여기에 다른 스크린샷을 추가해야 합니다. 예를 들어, 마리오 대신 젤다 이미지를 넣을 수 있습니다. 아래에서 사용될 이미지들을 확인할 수 있으며, 직접 다운로드하여 연습해 볼 수도 있습니다.
레이어 패널에서 스크린샷 이미지를 선택한 후, Windows에서는 Ctrl+T, macOS에서는 Command+T 단축키를 사용하여 변형 도구를 활성화합니다.
포토샵을 오래 사용한 분이라면 자유 변형 도구에 익숙할 것입니다. 이미지를 이동, 축소, 확대, 회전하는 방법을 알고 있을 것입니다. 하지만 이 도구를 사용하여 원근을 변경하고 아래 이미지와 일치하도록 기울일 수 있다는 것을 알고 계셨나요? 매우 간단한 예로, 젤다의 직사각형 스크린샷을 스위치의 직사각형 화면과 정확히 맞추어 보겠습니다.
Windows에서는 Ctrl 키를, Mac에서는 Command 키를 누른 상태에서 변형 도구의 일부인 스크린샷 모서리의 흰색 사각형 중 하나를 클릭합니다. Ctrl 키와 마우스 왼쪽 버튼을 누른 채로 상단 스크린샷 이미지의 모서리를 아래 스위치 화면의 해당하는 모서리로 드래그합니다. 완벽한 일치를 위해서는 픽셀 단위로 확대하여 확인하는 것이 좋습니다.
일반적인 크기 조정 작업 대신, Ctrl 또는 Command 키를 사용하여 이미지의 한쪽 모서리를 잡고 이동하면 다른 네 모서리는 고정된 상태로 유지됩니다.
이제 나머지 세 모서리에 대해서도 같은 과정을 반복하여 스크린샷 이미지를 스위치 화면 위에 정확히 맞춥니다. 변형을 완료하기 전까지는 적용하지 마세요. 만약 적용해 버리면, 네 모서리를 다시 조정하기가 어려워집니다. 그리고 모서리 부분이 투명하게 처리될 것입니다. 맨 위 레이어가 아래 화면을 완벽하게 덮도록 한두 픽셀 정도 아래로 확장하는 것도 좋은 방법입니다. 마지막으로 Enter 키를 눌러 변형 도구를 종료합니다.
이 예시에서는 휴대폰 화면과 스크린샷 이미지의 가로 세로 비율이 동일하기 때문에 추가적인 편집 없이도 완벽하게 들어맞습니다. 이제 조금 더 복잡한 작업을 살펴보겠습니다.
다양한 크기의 이미지에 변형 도구 적용하기
이번에는 맥북 이미지를 사용하여, 광고에 애플 로고 대신 다른 회사 로고를 삽입하고 싶다고 가정해 봅시다. 예를 들어, Review Geek 로고의 원형 로고를 사용해 보겠습니다. 아래에 두 개의 소스 이미지를 준비했습니다.
이전과 같이 애플 로고를 가리려고 하지만, 이번에는 원본 이미지(노트북 덮개)의 평면이 추가하려는 레이어(원형 로고)와 일치하지 않습니다. 그럼에도 불구하고 원근감을 정확하게 유지해야 합니다. 이 경우 노트북 덮개의 직사각형 모양을 기준으로 로고의 원근을 맞추고, 크기를 조정해 보겠습니다.
먼저, 상단 레이어를 선택하고 Ctrl+T 또는 Command+T를 눌러 변형 도구를 활성화합니다. 그 다음, Ctrl+클릭 또는 Command+클릭을 사용하여 로고 레이어 모서리의 안내 사각형을 선택하고, 노트북 덮개의 모서리에 맞춥니다. 모서리가 둥글더라도 덮개 가장자리와 변형 안내선을 사용하여 정렬할 수 있습니다.
노트북 덮개가 정사각형이 아니기 때문에 원이 약간 넓어 보일 수 있습니다. 이제 정사각형 크기 변형을 통해 다시 조정할 수 있습니다. 대략적으로 눈으로 확인할 수도 있고, 더 정확한 작업을 원한다면 아래 레이어를 회전하고 포토샵의 눈금자 안내선을 활용할 수 있습니다. 준비가 되면 Enter 키를 눌러 변환을 적용합니다.
이제 노트북 화면 위에 사각형 이미지가 나타나며, 아래의 애플 로고와 일치하는 올바른 원근감을 갖추게 되었습니다. 크기를 줄여 위치가 바뀌지 않도록 합니다. 변형 도구가 활성화된 상태에서 Windows에서는 Alt+Shift, Mac에서는 Option+Shift 키를 누른 채 모서리 중 하나를 클릭하고 안쪽으로 드래그하여 로고 이미지 크기를 줄이면 애플 로고보다 너무 커 보이지 않게 됩니다.
최종 결과는 다음과 같습니다.
만약 하단 이미지가 매우 규칙적이고 한쪽 방향으로 예측 가능한 원근 왜곡을 가지고 있다면, Windows에서는 Ctrl+Alt+Shift, Mac에서는 Command+Option+Shift를 누른 채로 기울이기 모드에서 변형 도구를 사용할 수 있습니다. 하지만 이미지가 완벽하게 정렬되는 경우는 드물기 때문에 이 방법은 제한적입니다.
불규칙한 표면에 자유 변형 도구 사용
이제 원근을 맞추고 크기를 필요에 따라 조정하는 방법을 알았습니다. 하지만 평평하지 않은 표면에 이미지를 적용해야 한다면 어떻게 해야 할까요? 다른 예시로 공에 Review Geek 로고를 추가해 보겠습니다. 연습을 위해 아래 이미지를 다운로드하여 포토샵에서 함께 작업해 보세요.
이전 섹션에서 배운 도구를 사용하면 공 위에 로고 이미지를 쉽게 넣을 수 있고, 공의 방향에 맞게 원근을 조정할 수도 있습니다. 하지만 로고 파일은 평면이고 공의 표면은 곡면이기 때문에 여전히 어색해 보일 수 있습니다.
이 문제를 해결하려면 Ctrl+T 또는 Command+T를 눌러 변형 도구를 활성화하고, 포토샵 창 상단을 확인해 보세요. 휘어진 사각형 모양의 “워프” 모드 버튼을 찾을 수 있습니다. 이 버튼을 클릭하세요.
이제 워프 모드의 변형 도구를 사용하면 모서리뿐만 아니라 이미지 내부 또는 외부의 어느 지점에서든 이미지를 이동할 수 있습니다. 즉, 이미지의 다른 부분을 클릭하여 불규칙한 위치로 끌 수 있습니다. 9개의 가이드라인이 이미지와 함께 움직이며 변경 사항을 실시간으로 확인할 수 있습니다.
워프 도구를 효과적으로 사용하려면 약간의 연습이 필요합니다. 작업을 여러 번 실행 취소하고 다시 실행해야 할 수도 있습니다. 하지만 몇 분 정도면 공의 곡선에 꽤 잘 맞출 수 있을 것입니다. 완료되면 Enter 키를 눌러 변환을 적용합니다.
만약 표면이 예측 가능하지만 일반적인 변형 도구로는 조정하기 어려운 경우, 상단 메뉴 오른쪽에 있는 미리 설정된 워프 도구를 사용할 수도 있습니다.
위에 설명한 기법들과 함께 색상 보정, 곡선, 필터, 흐림 효과 등 포토샵의 다른 도구를 사용하면 상단 레이어가 하단 레이어와 완벽하게 일치하도록 만들 수 있습니다. 이러한 도구들을 활용하면 곧 로고와 스크린샷을 원하는 대로 쉽게 맞출 수 있게 될 것입니다.
이미지 출처: 셔터스톡/와치윗, Shutterstock/아프리카 스튜디오, 셔터스톡/Ygor, 이오르고스 GR/Shutterstock.com, 닌텐도