Photoshop에서 이중톤 이미지를 만드는 방법

다음 사이트 디자인 작업을 할 때 고려해야 할 일반적인 유형의 배경이 있습니다. 바로 사진입니다. 이 추세가 반드시 고유한 것은 아니지만 장면을 설정하고 사용자를 사이트 환경에 몰입시키는 데 확실히 효과적입니다. 사진을 사용하는 방법을 찾고 있지만 좀 더 활기차게 만드는 방법을 찾고 있다면 항상 듀오톤 이미지를 시도해 볼 수 있습니다. 보기에도 흥미롭고 만들기도 쉽습니다!

Photoshop에서 이중톤 이미지를 만드는 방법을 배우기 전에 이 디자인 트렌드에 대해 좀 더 자세히 살펴보겠습니다.

이중톤 이미지란?

본질적으로 듀오톤은 단순히 두 가지 색상으로 구성된 이미지입니다. Spotify의 2015 Year in Review와 같은 캠페인에서 이전에 본 적이 있을 것입니다.

이것은 특히 에이전시와 소규모 브랜드 사이에서 점점 더 인기를 얻고 있습니다. 이중톤 효과는 작업과 웹 사이트 전체에서 브랜드와 색상을 통합하고 강화할 수 있는 좋은 방법입니다. 당신에게 작은 영감을 주기 위해, LPK는 이것을 사용하는 방법에 대한 훌륭한 예를 보여줍니다.

이 기술을 시도하는 데 관심이 있다면 조작하기로 선택한 사진에서 전략적이기를 원할 것입니다. 기술적으로 이중톤 효과를 모든 사진에 적용할 수 있지만 대비가 많은 이미지에서 더 잘 보입니다. 또한 원하는 기본 색상을 쉽게 설정할 수 있도록 배경이 단색인 이미지(가급적이면 흰색)를 사용하는 것이 좋습니다.

스튜디오를 이용할 수 있고 맞춤 사진 촬영에 관심이 있다면 장면을 설정하는 동안 다음 팁을 염두에 두세요. 기존 콘텐츠로 작업하는 경우 항상 사진을 먼저 조작하여 대비를 높이거나 배경색을 변경할 수 있습니다.

자습서의 나머지 부분에서는 Photoshop에서 이중톤 이미지를 수동으로 만드는 데 사용할 수 있는 두 가지 방법을 다룰 것입니다. 첫 번째는 내장된 Photoshop 옵션(잘 작동하지만 내가 선호하는 것은 아님)이고 두 번째는 그래디언트 맵을 사용합니다(물론 무료 작업을 사용하지 않는 한 내가 선호하는 방법입니다!).

준비가 되면 이미지를 Photoshop에 로드하고 사진의 복제 레이어를 만듭니다. 복제본을 편집하면(원래 맨 아래 레이어 대신) 항상 대체할 사진의 편집되지 않은 버전을 갖게 됩니다.

Photoshop에서 이중톤 이미지를 만들 준비가 되셨습니까? 시작하자.

기본 Photoshop 이중톤 옵션을 사용하는 방법

1. 이미지를 8비트 그레이스케일로 변환

Photoshop에 내장된 이중톤 옵션을 사용하려면 먼저 이미지를 8비트 회색조로 변환해야 합니다. 사진 사본을 선택하고 Image > Mode > Grayscale로 이동합니다. 또한 동일한 모드 메뉴에서 8비트/채널 옵션이 선택되었는지 확인하십시오.

이 옵션을 선택하면 몇 가지 알림이 팝업됩니다. 첫 번째는 색상 모드를 변경하기 전에 이미지를 병합할지 아니면 레이어를 병합할지 묻습니다. 레이어가 많은 경우 색상 변경이 사물이 표시되는 방식에 영향을 미칠 수 있지만(이 경우 병합이 작업 보존에 도움이 될 수 있음) 이 경우 이미지 병합에 대해 걱정하지 마십시오. 원본 복사본을 원하는 경우 레이어를 병합하지 마십시오.

다음 알림에서는 색상 정보를 삭제할 것인지 묻습니다. 기본 듀오톤 옵션을 사용하려면 이 작업을 수행해야 하므로 계속해서 “삭제”를 클릭하십시오.

2. 이미지를 이중톤으로 변환

이미지 모드가 8비트 회색조이면 Photoshop에서 기본 이중톤 옵션을 사용할 수 있습니다. 레이어를 선택한 다음 이미지 > 모드 > 이중톤으로 이동합니다.

3. 색상 선택

이미지가 이중톤 모드에 있으면 색상 선택을 시작할 수 있습니다. 좋은 점은 새 색상을 선택하는 즉시 이미지가 업데이트되어 사물이 어떻게 보이는지 확인할 수 있다는 것입니다(미리보기 확인란이 선택된 경우). 그 외에도 프로세스가 약간 복잡해지기 시작합니다. 기술적으로는 각 색상에 대한 곡선을 조정할 수 있지만 이미지가 실시간으로 업데이트되지 않아 무슨 일이 일어나고 있는지 확인하기가 약간 어렵고 결과적으로 앞뒤로 많이 발생합니다. 원하는 효과를 찾을 때까지 색상과 설정을 변경하십시오.

이 설정에 대한 느낌을 얻기 위해 잠시 동안 이러한 설정을 사용해 보는 것이 좋습니다. 준비가 되면 Photoshop에서 이중톤을 만드는 두 번째 방법으로 넘어가겠습니다.

그라디언트 맵을 사용하여 이중톤을 만드는 방법

1. 그래디언트 맵 적용

이 방법의 경우 이미지를 변경하거나 특정 색상 모드를 선택하는 것에 대해 걱정할 필요가 없습니다. 물론 무엇이든 편집하고 싶다면 계속 진행하십시오. 그러나 사진은 그대로 잘 작동합니다. 준비가 되면 이미지 사본을 선택하고 Image > Adjustments > Gradient Map으로 이동합니다.

기본 설정에 따라 이 설정은 그레이스케일 매핑을 위한 그라데이션으로 이미지를 오버레이합니다. 기본값이 흑백이 아닌 경우 드롭다운을 클릭하고 해당 옵션을 선택합니다. 첫 번째 방법을 따라했다면 이미 듀오톤을 만드는 과정이 반쯤 진행되었음을 알 수 있습니다.

전문가 팁: Reverse 옆에 있는 확인란이 보이십니까? 그것을 클릭하면 사진의 색상이 반전됩니다. 이 자습서에서는 선택하지 않은 상태로 두지만 배경이 피사체보다 더 어둡게 하려면 이 옵션을 사용하면 상황을 전환하는 데 도움이 될 수 있습니다.

2. 색상 선택

그래디언트 막대를 클릭하면 새 창에서 그래디언트 편집기가 열립니다. 여기에서 색상을 선택하고 이미지 위에 표시되는 방식을 조정할 수 있습니다.

보시다시피 최종 이미지는 서로 상당히 다르게 보이지만 둘 다 멋진 이중톤을 생성합니다. 색상의 강도와 어두운 톤과 밝은 톤의 위치를 ​​제어하기가 조금 더 쉽기 때문에 Gradient Map을 사용하는 것을 선호하지만 두 방법 모두 사용하기 쉽습니다.

듀오토너 사용법

액션 설치

작업을 다운로드했으면 파일을 두 번 클릭하여 설치합니다. Photoshop에서 사용하려는 이미지를 연 다음 작업 창을 엽니다.

작업 창으로 이동하려면 창 > 작업을 선택하거나 Shift + F9 키를 누릅니다.

작업 창을 연 후 이중톤 효과를 적용할 이미지 레이어를 선택합니다.

액션 선택 및 플레이

"Flywheel – Glitch-a-tron" 폴더의 드롭다운을 클릭합니다. 이제 "Glitch-a-tron - Select and hit play"를 선택하고 창 하단에 있는 삼각형 재생 버튼을 누릅니다.

재생을 누르면 각각 다른 이중톤 색 구성표를 가진 여러 레이어를 볼 수 있습니다! 전환하려면 원하는 레이어를 표시하기만 하면 됩니다.

참고: 듀오톤 레이어가 두 개 이상 보이면 색상이 함께 혼합되어 사진의 일부 디테일이 손실되기 시작할 수 있습니다. 선명하게 유지하려면 한 번에 하나의 레이어만 표시되도록 합니다(또는 완전히 다른 효과를 위해 듀오톤을 레이어링하여 자유롭게 실험해 보세요!).

보너스: 스냅으로 이미지 재설정

역추적하려는 경우를 대비하여 액션이 적용되기 전의 이미지로 돌아갈 수 있는 스크린샷을 자동으로 생성합니다.

Window > History 를 선택하여 History 창으로 이동합니다. 위로 스크롤하여 "스냅샷"을 클릭합니다. 이렇게 하면 모든 것이 재설정되므로 계속할 수 있습니다!

듀오톤에 대해 어떻게 생각하세요? 강력한 디자인 트렌드라고 생각하시나요, 아니면 풀 컬러 이미지를 선호하시나요?

WordPress로 멋진 사이트를 구축하고 디자인하기 위한 더 많은 리소스를 찾고 싶으신가요? 모든 기술 수준의 WordPress 사용자를 위해 제작된 방대한 교육용 콘텐츠 라이브러리를 보려면 WP Engine의 리소스 센터를 방문하십시오!