이미지를 마스크로 변환


9

그림자가있는 녹색 배경 그림이 있습니다. 마스크로 사용하고 싶습니다. 어떤 색상 (예 : 빨간색 또는 분홍색)으로 배경에 배치하고 동일한 스타일의 그림자를 얻을 수 있습니다.

그레이 스케일로 변환하고 불투명도를 20 %로 변경하려고 시도했지만 이미지가 훨씬 어둡습니다.

관리자가 템플릿 색상을 설정할 수있는 웹 페이지에서 이것을 사용하고 있습니다. 그런 다음 CSS에서 이와 같은 것을 사용하고 있습니다.

background: #557d0d url("img/background.png") center center;

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

우분투에서 김프 2.8.6 사용하기.


hue-rotate색상을 변경 하는 CSS3 필터가 옵션이 아니라고 가정 합니까? stackoverflow.com/questions/17721960/… 또는 stackoverflow.com/questions/12546499/…를
Takkat

답변:


5

로 이미지의 채도를 낮출 수 있습니다 Colors > Desaturate.... 그런 다음 Colors > Color to Alpha...회색을 제거하여 어둡게 만듭니다 ( #808080).

불투명도를 40 %로 설정하면됩니다.

방금 만든 웹 사이트에서 작은 테스트를 수행했습니다. 여기에 이미지 설명을 입력하십시오


3

녹색의 색조는 수직 그라데이션에 따라 다르기 때문에 단색 배경에 마스크 회색조 레이어 만 사용하여 이미지를 정확하게 복제 할 수 없습니다.

스포이드 도구를 사용하여 이미지 중간에서 중간 녹색 색조 중 하나를 선택하고 채도 및 값을 최대화하고 레이어 → 투명도 → 색상에서 알파로 ... 도구 사용하여 해당 색상을 투명하게 돌리면 아주 가깝습니다 . 그러나 이렇게하면 레이어가 위쪽과 아래쪽에 색조가 남게되므로 원하지 않을 수 있습니다.

더 나은 해결책은 이미지 를 색조, 채도 및 값 (HSV) 으로 분해하고 색조 채널을 버리고 채도 및 값 채널을 채도를 복제하기 위해 순수한 포화 색상 위에 놓을 수있는 그레이 스케일 마스크로 재구성하는 것입니다. 새로운 색조를 가진 원본 이미지의 가치.

이를 수행하는 한 가지 방법은 다음과 같습니다.

  1. HSV 모드를 사용하여 이미지를 레이어로 분해 하려면 색상 → 구성 요소 → 분해 ... 도구를 사용하십시오.

  2. 색조 레이어를 삭제하십시오. 우리는 그것을 사용하지 않을 것입니다.

  3. 채도 레이어를 선택하고 레이어 → 마스크 → 레이어 마스크 추가 ... 대화 상자를 열고 "그레이 스케일 레이어 사본"모드를 선택한 다음 "마스크 반전"체크 상자를 선택하십시오.

  4. 값 계층에 대해서도 3 단계를 반복하십시오.

  5. 버킷 채우기 도구 ( "전체 선택 채우기"모드)를 사용하여 값 레이어 ( 마스크가 아님 !)를 모두 검은 색으로 채우고 채도 레이어를 모두 흰색으로 채 웁니다 .

  6. 스택에서 채도 레이어 위로 값 레이어를 이동합니다.

  7. 선택적으로 레이어를 이미지 → 가시적 레이어 병합 ... 또는 레이어 → 병합 아래로 병합 합니다.

결과 반투명 회색조 이미지는 다음과 같아야합니다.

반투명 PNG 이미지
전체 크기로 다운로드 /보기 위해 클릭하십시오.

비결은 3 ~ 5 단계 후입니다.

  • "채도"레이어는 원래 색상이 0 % 포화 된 경우 순수한 흰색이고 100 % 채도 인 경우 투명합니다.
  • "값"레이어는 원래 색상의 값이 0 % 인 경우 순수한 검정색이며 100 % 값의 경우에는 투명합니다.

순수한 채도 색상 배경 ​​위에 두 레이어 (또는 병합 된 조합)를 배치하면 HSV 색상을 RGB로 변환하는 프로세스가 복제됩니다. 올바른 색조의 순수한 채도 색상으로 시작하고 원하는 흰색을 혼합하여 원하는 색상을 얻습니다. 채도를 유지 한 다음 원하는 값을 얻을 수 있도록 충분한 검정색을 혼합하십시오.

다양한 색상의 배경에서 결과 이미지가 다음과 같이 나타납니다.

녹색 배경 (# 83ff00) 파란색 배경 (# 00aeff) 주황색 배경 (# ffa200) 빨간색 배경 (# ff002a)
색상 : 녹색 ( #83ff00), 파란색 ( #00aeff), 주황색 ( #ffa200), 빨간색 ( #ff002a).


2

The Gimp에서는 color to alpha를 사용하여 Photoshop 응답과 본질적으로 동일한 작업을 수행 할 수 있습니다 . 하나 이상의 색상이있는 경우 여전히 채도를 낮추고 흰색을 알파로 설정하는 것이 좋습니다. 파란색 / 노란색 변형이있는 것 같습니다. 핵심 단계는 다음과 같습니다.

  1. 회색조 이미지를 갖도록 이미지의 채도를 낮추십시오.
  2. 흰색으로 설정 (컬러 피커에서 흰색으로 #FFFFFF를 입력 할 수 있음)을 알파로 설정
  3. 투명도를 유지하기 위해 png로 저장

불포화와 반대로 그레이 스케일로 변환하면 알파 채널이없는 이미지가 생길 수 있으며 레이어 대화 상자를 사용하여 이미지를 다시 추가 할 수 있습니다 . 연 원본 파일에 알파 채널이없는 경우이 작업을 수행해야 할 수도 있습니다.
hurtstotouchfire

1
  • 채널 패널을 엽니 다.

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

  • 원하는 채널 대비를 결정하는 채널을 결정하십시오.

방법 1 :

  • 선택 Image > Calculations하고 혼합 모드로 소스 1, 동일 채널 또는 소스 2와 같은 "회색"및 "일반"으로 고른 채널을 사용합니다. 대상으로 "새 문서"를 선택하십시오.

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

  • 새 문서의 모드를 RGB 또는 회색조로 변경하고 png 또는 jpeg로 저장하십시오.

방법 2 :

  • 선택한 채널의 썸네일을 Ctl / Cmd- 클릭하십시오.

  • Edit > Copy 또는 Ctl / Cmd-C

  • File > New치수를 수락 Edit > Paste하거나 Ctl / Cmd-V

  • 배경 레이어를 삭제하십시오.

  • Image > Mode > RGB

  • 투명도가있는 24 비트 png로 저장하십시오.

필요할 때마다 결과 이미지 중 하나를 오버레이 또는 알파 채널로 사용할 수 있습니다.


이것은 OP로 김프 솔루션을 요청한 Photoshop 인 것 같습니다.
kelunik

-2

레이어를 두 번 클릭하면 레이어 스타일 상자가 나타납니다. 왼쪽에 그라디언트 오버레이를 찾아서 선택하고 필요에 따라 그라디언트 색상을 변경하고 확인을 클릭 한 다음 그라디언트 오버레이 상자에서 스타일을 선형으로 변경하고 각도 및 스케일을 당신의 필요.


두 번째로 회사 링크를 추가했습니다. 그것은 스팸 냄새가 아니라 스팸입니다!
Mensch
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.