Photoshop에서 값 / 밝기를 유지하면서 네 가지 색조로 변환


9

평면 이미지의 색조 수를 전체 범위에서 4로 줄이려고하지만 값 / 밝기를 유지하고 싶습니다 (가능한 경우 채도). 시원하게 보일 것 같아서 네 가지 색조를 원합니다.

색조 조정 레이어를 사용해 보았지만 그것을 사용할 때 변환 중 범위 만 이동하여 한 범위가 다른 색상으로 다른 범위로 변환되었습니다. 값 / 밝기를 유지하면서 채도를 유지하면서 지정된 범위를 동일한 색조로 변환하려고합니다 (가능한 경우 채도).

Photoshop CS5를 사용하고 있습니다

사용하고 싶은 네 가지 HSB / HSV 색조 값은 다음과 같습니다.

  1. 333
  2. 58
  3. 193
  4. 242

이것이 색조를 변환하는 방법입니다.

목표 HSV 값

참고 : 처음 게시 한 이후이 질문을 수정했습니다. 처음에는 응답자가 이미지를 4 개의 RGB 값으로 줄이고 소스 이미지의 색조 / 값을 동시에 유지 하도록 잘못 요청했습니다 . 그러나 RGB 값에 색조 / 밝기 및 색조가 포함되어 있기 때문에 이는 불가능한 작업입니다. RGB 색조와 색조는 불가분의 관계로 연결됩니다.

고맙게도 @Wolff는 저의 나쁜 표현에도 불구하고 내가 의미하는 바를 이해할 수 있었고 @Danielillo, @Ryan 및 @Emilie와 함께, 내가 실제로 요청한 것은 4 개의 RGB가 아닌 4 개의 색조를 목표로한다는 것을 이해하도록 도와주었습니다. 가치. 그런 다음 RGB 값 (HSB / HSV)에있는 4 가지 색조를 식별했습니다. 이러한 HSB / HSV 값은 이제 응답자가 이미지 변환 (RGB가 아님)을 대상으로하도록 요청하는 값입니다.

또한 @Wolff가 언급 한 것처럼 내 게시물의 첫 번째 버전에서 전체 HSB 스펙트럼을 변환하는 방법을 지정하지 않았습니다 (자홍색과 같은 범위는 없었습니다). 업데이트 된 질문에는 이전에 생략 된 범위도 포함됩니다.

혼란의 근본을 이해하려는 사람들 (대답을 제공 한 일부 사용자가 올바르게 표현한 것)은 내가 게시 한 원래 4 RGB 값이었습니다.

여기에 이미지 설명을 입력하십시오

설명 업데이트 : 제 의도는 인쇄용이 아닌 화면만을위한 것입니다. 나는 그 네 가지 색조를 기반으로 사이트를 만들었고 이미지가 모두 일치하도록 색이 뒤 틀렸다면 매끄러 울 것이라고 생각했습니다. 동시에, 네 가지 축소 된 색상 범위 각각에서 가능한 한 원래 값 / 밝기로 인코딩 된 역학을 최대한 유지하고 싶었습니다. 이게 도움이 되길 바란다. 원문 포스터 인 나에게 인쇄 답변에 대한 포인트는 제공되지 않지만 인쇄 솔루션에 대한 설명은 커뮤니티에서 높이 평가할 것입니다. 질문에 현상금을 넣은 @Emilie는 원하는 사람에게 보상 할 수 있습니다.

현상금을 배치 한 @Emilie에게 감사드립니다! 나는 아무도 전에는 대답 할 수없는 것처럼 보였습니다.


그냥 추측하지만 흑백 조정 레이어와 그라디언트 맵의 조합입니까?
Vincent

@Vincent가 작동하지 않습니다. 사실 나는 어떤 대답도 효과가 없을 것이라고 생각합니다. 결함이있는 개념입니다.
Ryan

좋아요. 그러면 스팟 채널이 필요하지 않습니다. 레이어를 마스킹하고 색상을 과도하게 적용 할 수 있습니다. 블렌드 모드를 "Hue"또는 "color"로 보내면 색조가 적용됩니다.
Scott

채색이 쉽습니다 (그라디언트 맵을 사용합니다). 색조 범위를 자동으로 선택하고 마스크를 만드는 것이 더 어렵습니다. 아직 해결책을 찾지 못했습니다.
Marc Edwards

1
@Emilie, 그것은 당신의 현상금이 자극하는 모든 약혼을보기 위해 하루를 보냈습니다! 또한 결과를 볼 수 있습니다 (이전에는 상상할 수 없었습니다)! "잘못된"응답조차 흥미 롭습니다. 다시 감사합니다 !!
CoderScissororss

답변:


6

다른 사람들이 지적 했듯이이 질문의 논리는 약간 결함이 있지만 그럼에도 불구하고 매우 흥미 롭습니다.

내 대답은 주로 RGB / HSB 수학을 기반으로하며 인식되는 색상, 색상 프로파일 등과 관련하여 많은 의심스러운 측면이 있음을 인정하지만 어쨌든 샷을 줄 것입니다.


나는 질문에 대답 할 수 있도록 질문을 약간 재정의하기 위해 자유를 취하고 있습니다.

우선, 당신이 우리에게 보여준 스펙트럼은 빨강에서 파랑으로 가고 있습니다. 마젠타 없는 - 스펙트럼의 그 부분의 색상과 무엇을?

그래서 양쪽 끝에 자홍색을 포함하도록 스펙트럼을 확장하고 있습니다.

우리가 가진 또 다른 문제는 당신이 그것을 부르는 네 가지 색조 목록입니다 . 그들은 단지 색조 가 아니며 개별 채도밝기 값 이있는 색상 입니다 . 스펙트럼과 비교해 보면 이치에 맞지 않기 때문에 채도와 밝기를 모두 100으로 변경하여 "색조로 줄여야"합니다.


우리는 사용합니다 HSB / HSL 필터 알파 마스크로 이미지의 색조를 얻기 위해 포토샵 (Adobe의 사이트에서 dowloaded해야 함). 그런 다음 그라디언트 맵 을 사용 하여 색조 값을 원하는 값에 매핑 한 다음 HSB / HSL 필터를 사용하여 이미지를 다시 RGB로 다시 변환합니다.

색조의 범위 (0-360 때문에 수학 비트 펑키 그 래핑), 알파의 범위가 255이고 구배의 범위는 0-100 정지된다.

먼저 무슨 일이 일어나고 있는지에 대한 아이디어를 얻을 수있는 표를 만들겠습니다. 모든 숫자가 필요한 것은 아닙니다.

(스펙트럼을 확장했기 때문에 값이 반올림되고 색조가 정확하게 정의한 방식이 아닙니다. 물론 다르게 배치 될 수 있습니다.)

화려한 이미지를 촬영하고 스펙트럼을 참조로 추가해 봅시다. (×의 Mike Goad의 이미지).

HSB / HSL 필터를 사용하면 다음과 같은 색조 채널이 제공됩니다.

그라디언트 맵을 사용할 수 있으려면 색조 채널을 새 회색조 문서 (색상 프로파일은 회색 감마 2.2 여야 함 )에 복사합니다 . 다음과 같이 그라디언트 맵을 설정했습니다.

그라디언트 정지를 설정하려면 약간의 여유가 필요합니다 (작업하기가 상당히 성가시다). 이전에 만든 테이블에서 값을 가져옵니다. 총 8 개의 스탑이 있으며, 그 중 일부는 겹치도록 전환해야합니다.

결과 색조 채널은 다음과 같습니다.

마지막으로이 색조 채널을 초기 HSB 이미지로 다시 복사하여 이전 색조 채널을 교체하고 HSB / HSL 필터를 사용하여 이미지를 RGB로 다시 변환합니다.

요청 한대로이 작업을 수행한다고 생각하지만 원하는대로 멋지게 보일지 확실하지 않습니다. 전환은 매우 갑작 스럽지만 물론 그래디언트 맵을 변경하여 부드럽게 할 수 있습니다.


편집 : 자바 스크립트 접근

다음 은 동일한 개념의 Javascript 버전을 가진 JSFiddle입니다. 결과 페이지에 이미지를 놓으면 4 가지 색상으로 변환됩니다. "hueRanges"를 변경하여 결과를 사용자 정의하십시오. 코드의 주요 부분에 주석이 달렸습니다.

결과는 Photoshop 방법과 약간 다르지만 매우 비슷합니다.

Photoshop 필터의 배후에있는 수학을 모르기 때문에 왜 이런 차이가 있는지 알 수 없습니다.



의견 게시를 중지하십시오. 대화방이 작성되었습니다. 대화방이 작성된 후 모든 주석이 손실되었습니다. 대화방을 사용하십시오.
Ryan

2

이것은 하나의 색이 끝나고 다른 색이 시작되는 곳의 전적으로 abrrary이기 때문에 재현하기 어려운 개념입니다. 색조를 보존하는 것에 대해 이야기하면 더 혼란 스럽습니다.

그것은 당신의 결과에 대해 시도 할 수 있다고 말했습니다.

  1. LAB로 변환
  2. 레이어를 복제하고 4로 포스터 화
  3. 4 가지 색상으로 각각 4 가지 단색 조정 레이어를 만듭니다. 각각을 색상 혼합 모드로 변경하십시오.
  4. Blend-If 옵션을 사용하여 4 가지 색상을 이후의 금기 사항으로 줄입니다.

결과는 다음과 같습니다.

여기에 이미지 설명을 입력하십시오


나는 당신이 (어떻게) 내 대답처럼 "색조를 보존하는 것"이라고 생각하지 않지만 꽤 멋지게 보입니다!
Wolff

LAB의 @Wolff 색조는 L 채널로 완전히 분리됩니다. 내 답변은 해당 채널을 전혀 편집하지 않으므로 색조 / 음영을 유지해야합니다 (조명)
Ryan

아, 알겠습니다 좋은.
Wolff

내가 요청했습니다 당신의 대답 다음은이 질문을 정말 LAB은 HSB보다 더 적절 화이트 / 블랙 분리 된 것을 백업 할 수 아무것도 찾을 수 있기 때문이다. 그래서 나는 현상금을 울프의 답변에 기여했지만 기록을 위해 내 마음은 실제로 두 사람 사이에 만들어지지 않았습니다!
호기심

2

질문은 최근 모호한 상태에서 더 나은 형태로 편집되었습니다. 이제 명시 적으로 사전 정의 가능한 색조 양자화 및 리매핑이 필요합니다. 허용되는 답변은 Photoshop에 제공됩니다.

다음은 프리웨어 사용자를위한 것입니다.

Paint.NET에는 색조 및 채도 범위 매핑을 직접 수행하는 플러그인 필터가 있습니다. 이 작업은 필터를 4 번 적용하여 총 360도를 4 개의 개별 색조로 매핑해야합니다. 결과는 허용되는 답변과 동일합니다. 필터는 "조건부 색조 / 채도"입니다. 에반의 효과 패키지의 일부입니다.

필터가 완전히 연마되지 않았습니다. 정확히 사전 정의 된 색조 값을 입력 할 수 없습니다. 범위 설정은 너무 작은 슬라이더로 수행해야하며 정확한 숫자 입력 필드가 없습니다. 다음은 Wolff의 답변에 사용 된 것과 동일한 이미지를 사용한 테스트입니다.

여기에 이미지 설명을 입력하십시오


오, 같은 결과를 얻는 것이 반가워요. OP가 요구하는 것을 수행하면 이것이 보이는 것처럼 보입니다. 이 결과 가 필요 할까요? 난 그렇게까지 확신은 못해. 그러나 해결 된 퍼즐입니다.
Wolff

@Wolff 시각적으로 값을 설정하여 매핑을 수행하는 경우이 메서드는 반드시 창조적 인 도구로 사용할 가치가 있습니다. Paint.NET 용 필터는 해당 작업을 수행합니다.
user287001

감사! Photoshop 기반 솔루션을 원했지만 오픈 소스 옵션을 사용하는 것이 좋습니다. 당신이 이것을 발견 멋진!
CoderScissorors 2009 년

1

1. RGB 이미지를 HSB로 변환

사용 필터> 기타> HSB / HSL 선택 입력 모드 : RGB 및 행 순서 : HSB. 이렇게하면 이미지가 매우 이상하게 보일 수 있지만 이미지 채널을 사용하여 채도 및 밝기와 별도로 색조를 조작 할 수 있습니다.

2. 색조의 수를 줄입니다

레드 채널은 이제 이미지의 모든 픽셀의 색상이 포함됩니다. 선택한 네 가지 색조로 양자화하려고합니다. 가장 어려운 부분입니다. 이를 수행하는 한 가지 방법은 빨간색 채널의 컨텐츠를 새 이미지로 복사하고 이미지 모드를 색인 색상으로 설정하고 색상이 해당 흑백 값에 맵핑 된 사용자 정의 팔레트를 작성하는 것입니다. 그런 다음이 이미지를 다시 빨간색 채널에 붙여 넣습니다.

3. RGB로 다시 변환

색조 수를 줄이면 HSB / HSL 필터를 다시 적용하지만 입력 / 행 순서가 반대로 설정되어 절차가 완료됩니다.


"other"메뉴의 옵션으로 hsb / hsl이 없습니다. CS5의 일부입니까?
CoderScissorors 2009 년

여기에서 찾았습니다 : supportdownloads.adobe.com/detail.jsp?ftpID=4688 , 이것은 "추가 플러그인"입니다 (설치의 Photoshop 설치 플러그인 폴더에 "선택적 MultiPlugin.8BF"라는 파일을 넣어야 함)
CoderScisssorhands

2 단계 중간에 이미지 모드를 색인 색상으로 설정하여 새 이미지에 빨간색 채널을 표시했습니다. 이제 색조가 해당 흑백 값에 매핑되어 사용자 정의 팔레트를 만드는 방법을 알려주시겠습니까? 당신이 저를 걸어 갈 수 있고 그것이 효과가 있다면 나는 당신에게 질문에 대한 답변을 줄 수 있습니다. :)
CoderScissororss

0

문제는 이미지의 목적을 명확하게 설명하지 않습니다.이 답변은 인쇄용 이미지 ( EPS DCS )에 대한 것입니다.

이 경우 이미지를 검은 색없이 4 개의 잉크로만 변환하면 해당 이미지의 그림자가 가장 어두운 파란색 인 것으로 가정합니다.

  • 사용 가능한 4 가지 색상 채널이있는 CMYK 이미지에서 시작하여 메뉴 이미지 > 모드 로 이동하여 멀티 채널을 선택하십시오.
  • 색상 축소판을 클릭하여 각 채널 색상을 편집하고 RGB 번호를 삽입하십시오
  • 파란색의 검은 색 채널을 교체하십시오.

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오

의견과 채팅 후 추가

나 에게이 질문에는 최적의 결과를 찾기가 어려운 개념 문제가 있습니다. OP가 RGB 이미지를 요구하지만 CMYK 믹스 프로세스를 생각하고 있다고 생각합니다. @Wolff가 RGB 이미지를 사용하여 응답하는 동안 CMYK 이미지를 사용하는 이유입니다.

  • 빨간색은 새로운 RGB 색상으로 변경하기 쉽습니다.
  • RGB 이미지에서 노랑은 녹색과 빨강의 혼합이므로 문제는 노랑과 함께 발생하므로 빨강과 노랑을 두 가지 색상으로 분리 할 수 ​​없습니다. 스펙트럼 막대에서 녹색과 노란색은 노란색 RGB 여야합니다. 이는 RGB 이미지를 제거하는 것을 의미합니다. 이미지를 인쇄하려면 평면 컬러 인쇄 이미지 (또는 다른 이미지 모드)로 변환해야합니다.
  • 청록색과 동일한 문제, 녹색과 파란색의 혼합

여기에 이미지 설명을 입력하십시오


2
바운티 헌터 :) 귀하의 답변이 실제로 문제의 모든 기술적 문제를 해결하지는 않습니다. 또한 RGB로 4 가지 색상을 인쇄 잉크로 사용할 수 없으므로 결과 이미지를 인쇄 할 수 없습니다. 기술적으로 더 정확한 (의사) 답변을 얻을 수 있는지 볼 것입니다.
Wolff

나는 실제로 그 질문에 몇 가지 불명확 한 문제가 있다는 것을 알고 있습니다. 이것이 제가 인쇄 버전을 넣는 이유 입니다. 네 가지 RGB 색상을 인쇄 잉크로 사용할 수는 없지만 멀티 채널 문서에서 RGB 색상을 사용할 수 있습니다.

예, 그러나 나중에 파일로 무엇을해야합니까? 여전히 "스크린 용"입니다. 인쇄하려면 RGB로 변환 한 다음 CMYK로 다시 변환해야합니다. 질문에 결함이 있습니다. The Ink Spot에 대한 최신 게시물을 참조하십시오. (현재 다른 해결책을
Wolff

인쇄 할 수 있으려면 RGB로 변환 한 다음 CMYK로 다시 변환해야 합니다. .dcs 파일은 평평한 잉크 실크 스크린으로 인쇄 할 준비가되었습니다. 나는 대답의 시작으로 돌아갑니다. 질문은 이미지의 목적을 명확하게하지 않습니다.

2
내가 말할 수있는 한, @Wolff 과일 스탠드의 사진을 조작하는 방식은 내가 기대했던 의도 한 결과와 비슷합니다 (귀하의 버전과 비교). 나는 포스터와 비슷한 것을 원하지만 가능한 한 색조가 보존되어 있습니다. 과일 스탠드 버전에는 주황색과 빨간색이 포함되어 있습니다. 나는 현상금을 보상하기 전에 조금 기다릴 것이지만, 지금까지 그는 내가 의도 한대로 내 질문을 더 잘 이해 한 것 같습니다.
CoderScissorors 2009 년

-1

많은 색상을 4로 변환하지 않지만 동일한 색조로 4 가지 색상을 달성합니까? 색상 선택기에서 첫 번째 색상을 엽니 다. 왼쪽과 오른쪽이 색조를 변경합니다. 위로 색조를 만들고, 아래로 음영을 만듭니다. 지정된 거리만큼 색에서 똑바로 올라갑니다. 눈과 손으로 거리를 지정하는 방법을 모르겠습니다. 원래 색상이 차트의 절반 이상인 경우 바로 위에 25 % 인 점을 선택하십시오 (또는 원하는 색조). 이 새로운 색상의 16 진수 값에 유의하십시오. 다음 세 가지 색상에 대해서도 동일한 작업을 수행하고 원래 색상과 동일한 양을 시도하십시오.

또는 채도가 높은 4 가지 색상을 모으고 그 위에 흰색 사각형을 그리고 사각형에 투명도 / 차이 및 불투명도 80 %를 적용하십시오. 특히 올바른 색조를 얻으려면 다른 투명도 및 불투명도를 시도하거나 사각형에만 불투명도를 적용하여 동일한 색조를 얻으려면 색상에 흰색을 균일하게 추가해야합니다.


아, 이건 Illustrator 용입니다. 배경이 흰색이면 불투명도가 PS의 색상에 색조를 적용합니다.
웹스터

기본적으로 모든 색조를 4로 축소하고 색조를 유지하고 싶습니다. 말이 돼? 최종 결과가 원본 이미지에서 모든 색조를 사용할 수 있기를 원합니다. 그러나 색조를 대체하고 싶습니다 ... 전체 스펙트럼에서 4로 감소시키고 색조 범위의 위치에 따라 값을 결정합니다.
CoderScissororss

-2

내가 생각할 수있는 몇 가지 방법이 있지만 모든 경우에 매우 정확하고 편리한 방법은 없습니다.

  • 옵션 1은 샘플러 / 컬러 피커 도구를 사용하는 것입니다. 그것을 선택한 다음 상단의 '샘플 크기'를 이미지의 약 1/4에 해당하는 큰 값으로 설정하십시오. 이렇게하면 샘플러가 단일 픽셀과 달리 넓은 영역에서 평균 색조를 얻습니다. 이미지가 너무 큰 경우 먼저 축소하십시오.
  • 옵션 2는 이미지를 몇 픽셀 크기로 축소하는 것입니다. 예를 들어 제공 한 이미지를 사용하고 4 가지 색상을 원하면 이미지의 높이를 4 픽셀로 줄입니다. 이런 식으로 Photoshop은 크기 조절시 평균 색상을 찾습니다. 참고 : 두 번째 옵션을 사용하면 이미지 보간 (Photoshop 설정에서 찾을 수 있음)을 '가까운 이웃'으로 설정하는 데 도움이 될 수 있습니다.

또는 Adobe Illustrator를 사용할 수 있습니다.

사용하는 이미지를 가져 와서 '이미지 추적'을 찾으십시오. 이미지 추적을 요구에 가장 적합한 설정으로 설정하십시오. CS6에는 최소한 3 가지 또는 6 가지 색상에 대한 사전 설정이 있지만 이미지 추적 패널을 열면 원하는 다른 색상을 설정할 수 있습니다.


그는 (각 픽셀에서와 같이) 전체 이미지를 변환하고 싶기 때문에 축소하는 것이 아마도 원하는 것이 아닐 것입니다.
SitiSchu
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.