김프에서 이미지의 배경을 투명하게 만들기


303

나는 jpg 이미지를 가지고 있으며 그들 각각이 투명한 배경을 가져야합니다.

그래픽 도구로 김프 가 있습니다 .

나는 웹 페이지에 그것들을 넣어야하고 주요 요소 만보 고 투명한 배경을 가져야합니다.


Macbook을 사용하고 있다면 fn-delete마술 지팡이 를 선택한 후에 눌러야합니다 .;) delete 자체가 작동하지 않습니다.
Ben

답변:


307

utopicam의 답변 을 확장하기 위해 때로는 이미지에 반투명하려는 그림자와 같은 영역이 포함될 수 있습니다. 예를 들어, 당신은 같은 라이트 박스에 사진 촬영을 가정 해 봅시다 스웨덴의 나무 장난감 말의 좋은 자유롭게 허가 그림 의 호의 창조적 인 도구 :

Creative Tools에 의해 CC-By 2.0에 따라 라이센스가 부여 된 라이트 박스의 Dalekarlian 장난감 말 사진

일반적으로 첫 번째 단계는 그림자와 반사를 제외하고 배경이 실제로 흰색이 될 때까지 이미지 레벨 을 조정하는 입니다. (이 기술은 회색 또는 컬러 배경으로도 사용할 수 있지만 좋은 결과를 얻는 것은 조금 까다 롭습니다.)이 경우 이미지가 이미 잘 조정되어 있으므로 아무 것도 할 필요가 없습니다.

다음 단계는 배경을 선택하는 것입니다. 마술 지팡이 도구 로는 아주 쉬운 일 이었지만 객체의 흰색 줄무늬가 올가미 도구로 배경과 섞이는 부분을 수정해야했습니다 . 또한 배경을 멋지게 선택하면 앨리어싱으로 인해 객체 주위에 희끄무레 한 후광이 남지 않도록 선택을 몇 픽셀 (최대 해상도)로 확장했습니다. (이 축소 된 스크린 샷에서 볼 수는 없지만 직접 말하면 선택과 관련하여 꽤 좋은 작업을 수행 할 수있었습니다.)

배경이 선택된 동일한 사진

자, 여기 트릭이 있습니다 : 단순히 배경을 잘라내는 대신 색상색상을 알파 로 사용하여 배경 색상 (흰색)을 투명으로 변경했습니다. utopicam이 제안한대로 색상 지우기 모드로 버킷 채우기를 사용할 수도 있습니다. 전체 이미지에 적용하면 객체도 반투명 해 보이지만 배경 만 선택되므로 그림자는 반투명 해집니다. 불투명체:

알파에 색상을 적용한 후 그림

옅은 파란색 배경의 반투명 그림자와 반사를 더 잘 보여주는 동일한 그림이 있습니다.

옅은 파란색 배경에 동일한 그림

내가 보여주지 않은 한 가지 추가 트릭은 이미지 레이어의 사본 두 개를 만들고 선택 항목을 상단 의 레이어 마스크 로 변환 하고 하단에 색상을 알파에 적용 하는 것이 더 편리하다는 것 입니다. 이를 통해 마스크를 편집하여 결과의 ​​모양을 실시간으로 보면서 객체의 가장자리를 미세 조정할 수 있습니다. (팁 : 서로 다른 색으로 채워진 몇 개의 배경 레이어를 만들어서 다른 배경에서 그림이 어떻게 보이는지 쉽게 확인할 수 있습니다.) 특히 개체의 가장자리 근처에서 약간 반투명하게 강조 표시하면 결과가 더 좋아지고 물체를 반사하는 배경을 모방하기 때문에 더 자연 스럽습니다.


1
the first step would be to adjust the levels of the image until the background really is solid white-이 작업을 정확히 어떻게 우리 인형에 포함시켜야합니까? 아니면 어떻게 해야하는지에 대해 별도의 질문을해야합니까?
hippietrail

1
@hippietrail : 레벨 도구는 일반적으로 아주 잘 작동합니다. 가장 오른쪽에있는 입력 슬라이더를 왼쪽으로 이동하거나 흰색 스포이드를 사용하십시오. 컷오프가 너무 선명 해 보이면 "이 설정을 커브로 편집"으로 전환하여 부드럽게 할 수 있습니다. (기본적으로 일반적으로 원하는 것은 대부분 선형 인 곡선이지만 날카로운 모서리가 아니라 점진적으로 만나기 위해 상단 가장자리 근처에서 약간 구부러집니다.)
Ilmari Karonen

내가 좋아하는 곡선 도구 전체 흰색까지의 "흰색"배경을 이동합니다. 이것은 또한 이미지의 나머지 부분에 걸쳐 멋진 히스토그램 스트레치를 제공합니다.
Mr Purple

75

윤곽선 선택 대신 빠른 버킷 채우기 사용

참고 :이 자습서는 PDF로도 제공됩니다.

_La trahison des images_ 동료 국가 인 René Magritte의 작품;  이 튜토리얼의 목적 상 부분적으로 파손되었습니다.

알파 채널 추가

일부 이미지 유형에는 투명도 채널이 없습니다. 예를 들어 JPG. 이 경우 알파 투명도 채널을 추가하십시오. 이를 선택하면 Layer → Tranparency → Add Alpha Channel됩니다.

색상으로 버킷 채우기 [선택 사항]

다음 단계는 선택 사항이며 먼저 일반 색상으로 투명 해져야하는 영역을 채우는 것으로 구성됩니다. 버킷 채우기 도구를 선택하거나 Shift+를 누르십시오 B. Bucket Fill도구 상자 옵션 내에서 Fill transparent areas필요한 경우에만 선택하십시오 . 최상의 결과를 얻으려면 몇 번의 시도를 선택 BG colour fill하고 Sample merged실행 하십시오 Threshold. 그 사이에 Ctrl+ Z를 눌러 실행 취소합니다.

일부 색상 혼합은 불가피하며 원하는 경우도 있습니다. (이 점에서 Adobe Photoshop도 다르지 않습니다.) 따라서 최종 사진이 사용될 배경과 호환되는 색상을 선택하십시오. Tool Options도구 상자 창의 상단에서 배경색 사각형을 클릭하여 배경색 을 변경하십시오. 여기서는 f3f3e9일반 색상 채우기의 배경색으로 사용 되었습니다. 그러나 스포이드 도구를 사용하여 데스크탑의 어느 곳에서나 색상을 선택할 수 있습니다.

<code> 버킷 채우기 </ code> : 필요한 경우에만 <code> 채우기 영역 채우기 </ code>를 선택하십시오.  최상의 결과를 위해 <code> BG 색상 채우기 </ code> 및 <code> 병합 된 샘플 </ code>을 선택하고 <code> 임계 값 </ code>을 조정하는 동안 몇 가지 시도를 실행하십시오.  그 사이에 <kbd> Ctrl </ kbd> + <kbd> Z </ kbd>를 눌러 실행 취소하십시오.

<code> 버킷 채우기 </ code>가 적용되었습니다.  결과 사진이 사용될 배경과 호환되는 채우기 색상을 선택하십시오.  이것은 일부 색상 혼합이 불가피하고 심지어 원하기 때문입니다.  여기서는 일반 색상 채우기에 <code> f3f3e9 </ code>을 사용했습니다.

색상으로 선택

지금 옳은 일은입니다 Select → By Colour. 수행하려는 유혹 Colour to Transparency이 있지만 원하는 이미지 영역 내에서 반투명 영역도 변경됩니다. 이번에는 주위 선택합니까 Fill transparent areas뿐만 아니라 Sample merged. 이 특정 예에서는 Antialiasingnor 를 적용 하지 않기로 선택했습니다 Feather edges. 그럼에도 불구하고 이러한 설정을 실험하고 가장 적합한 것을 선택하십시오. Threshold최상의 결과를 얻으려면 몇 번의 시도를 다시하십시오 . 그 사이에 Ctrl+ Z를 눌러 실행 취소합니다.

<code> 컬러로 선택 </ code> : 이번에는 <code> 투명 영역 채우기 </ code>와 <code> 샘플 병합 </ code>을 선택하십시오.  <code> Threshold </ code>를 조정하면서 몇 번의 시도를 다시 수행하고 최상의 결과를 위해 <code> Antialiasing </ code> 및 <code> Feather edge </ code>를 실험 해보십시오.  그 사이에서, <kbd> Ctrl </ kbd> + <kbd> Z </ kbd>를 눌러 실행 취소하십시오.

<code> 선택 → 색상 별 </ code> 적용

선택에서 빼기

때로는 색상을 정확하게 선택하기가 어렵습니다. 색상이 일치하기 때문에 원하는 이미지 영역 중 일부가 선택 될 수도 있습니다. 이 경우, 거의 보이지 않는, 파이프의 중간에 9 개의 원하는 픽셀이 또한 삭제를 위해 선택되었다. 이런 경우 Ctrl+ Drag를 사용 Select하여 원하는 도구를 선택하여 빼기 선택 영역을 선택하십시오.

빼기 선택 영역을 선택하려면 선택한 <code> 선택 </ code> 도구와 함께 <kbd> Ctrl </ kbd> + <code> 드래그 </ code>를 사용하십시오.

원하는 투명도 영역이 선택되었습니다.

선택 사항을 확장합니다. [선택 사항]

원하는 이미지의 가장자리에서 배경의 일부 음영은 여전히 ​​선택되지 않은 상태로 유지됩니다. 이 경우을 사용하여 픽셀로 선택 영역을 늘리십시오 Select → Grow… → 1px.

지우다

원하는 투명 영역이 선택되면를 누르십시오 Delete.

원하는 투명 영역이 선택되면 <kbd> 삭제 </ kbd>를 누르십시오.

최종 결과

마지막으로 투명 이미지를 File → Export As...투명도를 지원하는 파일 형식 으로 내 보냅니다 . PNG가 바람직하지만 GIF도 잘 작동합니다.

최종 결과


4
흰색 가장자리를 제거하기 위해 선택 영역을 1px 씩 늘리고 싶을 수도 있습니다 (선택> 성장> 1> 확인)
MonoThreaded

4
나는 그래픽 디자인에 정통하지 않습니다. 배경을 제거 해야하는 드문 경우 마다이 답변으로 돌아 오는 것 같습니다. 감사합니다!
slayernoah

1
또한 Feather선택 항목 에서 옵션 을 사용하면 공백에 비해 가장자리가 흐린 이미지에도 도움이됩니다.
jocull

1
감사합니다 : 순수한 흰색 배경의 jpg가 이미 있으면 투명 레이어 추가, 선택, 삭제와 같이 간단합니다.
djvg

21

jpg의 특정 부분 (예 : 주요 그림)을 자르고 "배경"을 삭제해야 할 것 같습니다. 올가미 도구를 사용하여 그렇게 할 수 있습니다.

김프 웹 사이트에는 많은 튜토리얼과 설명이 있습니다. 이 http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection 및 이것을 확인하십시오 : http://docs.gimp.org/en/gimp-tool-free-select.html

다각형 선택은 앵커 포인트를 클릭 할 때마다 생성합니다. 그런 다음 마우스 포인터를 움직이면 다시 클릭하지 않는 한 이동할 수있는 새로운 기준점이있는 선이 그려집니다.

다른 방법으로 올가미 도구에 액세스 할 수 있습니다.

  • 이미지 메뉴 표시 줄 도구 → 선택 도구 → 자유 선택에서

  • ToolBox에서 도구 아이콘을 클릭하면

  • 키보드 단축키를 사용하여 F.

이미지의 단색 배경을 투명하게 만들려면 알파 채널을 추가하고 마술 지팡이를 사용하여 배경을 선택하십시오. 그런 다음 색상 선택 도구를 사용하여 도구 상자에서 전경색이되는 배경색을 선택하십시오. 선택한 색상으로 버킷 채우기 도구를 사용하십시오. 버킷 채우기 모드를 "컬러 지우기"로 설정하면 선택한 색상의 픽셀이 지워집니다. 다른 픽셀은 부분적으로 지워지고 색상이 변경됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.