De achtergrond van een afbeelding transparant maken in Gimp

Ik heb een aantal jpg afbeeldingen en ik wil dat elk van hen een transparante achtergrond heeft.

Ik heb GIMP als grafisch gereedschap.

Ik moet ze in een webpagina zetten en ik moet alleen het hoofdelement zien en een transparante achtergrond hebben.

Om uit te breiden op utopicam's antwoord, soms kan uw afbeelding gebieden bevatten, zoals schaduwen, die u'zou willen half-transparant zijn. Bijvoorbeeld, laat's zeggen dat je een foto hebt die in een lichtbak is geschoten, zoals deze mooie en vrij gelicenseerde foto van een Zweeds houten speelgoedpaard met dank aan Creative Tools:

In het algemeen zou de eerste stap zijn om de levels van de afbeelding aan te passen tot de achtergrond echt effen wit is, behalve voor de schaduwen en reflecties die we willen behouden. (Je kunt deze techniek ook gebruiken met een grijze of gekleurde achtergrond, maar het is een beetje moeilijker om op die manier goede resultaten te krijgen). In dit geval is de afbeelding al mooi aangepast, dus we'hoeven daar niets aan te doen.

De volgende stap is het selecteren van de achtergrond. Dit was vrij gemakkelijk te doen met het toverstaf gereedschap, hoewel ik sommige stukjes waar de witte strepen op het object zich vermengen met de achtergrond moest corrigeren met het lasso gereedschap. Ook heb ik, toen ik de achtergrond eenmaal mooi geselecteerd had, de selectie met een paar pixels uitgebreid (bij volledige resolutie) om te voorkomen dat er een witachtige halo rond het object zou achterblijven als gevolg van aliasing. (Je kunt het niet zien in deze verkleinde schermafbeelding, maar ik heb echt goed werk geleverd met de selectie, al zeg ik het zelf).

Dezelfde afbeelding met de achtergrond geselecteerd]2

Nu, hier's de truc: in plaats van gewoon de achtergrond uit te snijden, gebruikte ik ColorsColor to Alpha om de achtergrondkleur (wit) te veranderen in transparant. (Je zou ook de emmer kunnen vullen met de modus Color Erase, zoals utopicam voorstelt). Indien toegepast op de hele afbeelding, zou dit het object er ook half-transparant uit laten zien, maar omdat alleen de achtergrond is geselecteerd, worden de schaduwen doorschijnend terwijl het object zelf ondoorzichtig blijft:

Afbeelding na toepassen van Kleur op Alfa

En hier's dezelfde afbeelding op een lichtblauwe achtergrond, om de half-transparante schaduwen en reflecties beter te laten zien:

Dezelfde afbeelding op een lichtblauwe achtergrond]4

Een extra truc die ik'niet heb laten zien is dat het vaak handiger is om twee kopieën van de afbeeldingslaag te maken, de selectie om te zetten in een laagmasker op de bovenste, en Kleur naar Alfa toe te passen op de onderste. Zo kun je de randen van het object fijner afstellen door het masker te bewerken, terwijl je live ziet hoe het resultaat eruit zal zien. (Tip: maak een paar achtergrondlagen gevuld met verschillende kleuren, zodat je gemakkelijk kunt controleren hoe de foto er op verschillende achtergronden uitziet). In het bijzonder kan het lichtdoorlatend maken van de randen van het object soms het resultaat er mooier en natuurlijker doen uitzien, omdat het de weerkaatsing van de achtergrond op het object nabootst.

Commentaren (3)

Snelle bucket fill gebruiken in plaats van contourselectie

Opmerking: Deze tutorial is ook beschikbaar in PDF.

La trahison des images van landgenoot René Magritte; deels gevandaliseerd ten behoeve van deze tutorial.]1

Een alpha kanaal toevoegen

Sommige afbeeldingstypen hebben geen transparantiekanaal; JPG bijvoorbeeld. Als dit het geval is, voeg dan een alpha transparantiekanaal toe. Dit doe je door Laag → Transparantie → Alfakanaal toevoegen te selecteren.

Bucket vullen met kleur [optioneel]

De volgende stap is optioneel en bestaat uit het eerst vullen van het gebied dat transparant moet worden met een effen kleur. Selecteer het bucket fill gereedschap of druk op Shift+B. Selecteer binnen de Bucket Fill toolbox opties, Fill transparent areas alleen indien nodig. Selecteer BG color fill en Sample merged en doe een paar pogingen terwijl je Threshold aanpast voor het beste resultaat. Druk tussendoor op Ctrl+Z om ongedaan te maken.

Enige kleurmenging zal onvermijdelijk en zelfs gewenst zijn. (In dit opzicht is Adobe Photoshop niet anders.) Kies daarom een kleur die compatibel is met de achtergrond waarop de resulterende foto uiteindelijk zal worden gebruikt. Klik op de achtergrondkleur rechthoek in de bovenste helft van het Tool Options toolbox venster om de achtergrondkleur te veranderen. Hier heb ik f3f3e9 gebruikt als achtergrondkleur voor effen kleurvulling. Je kunt echter ook het pipet-gereedschap gebruiken om een kleur te kiezen van waar dan ook op het bureaublad.

Bucket vullen: Selecteer Transparante gebieden vullen alleen indien nodig. Selecteer BG color fill en Sample merged en doe een paar pogingen terwijl je Threshold aanpast voor het beste resultaat. Druk tussendoor op Ctrl+Z om ongedaan te maken.]2

Bucket Fill toegepast. Kies een vulkleur die compatibel is met de achtergrond waarop de resulterende afbeelding uiteindelijk zal worden gebruikt. Dit is omdat enige kleurmenging onvermijdelijk en zelfs gewenst is. Hier heb ik f3f3e9 gebruikt voor effen kleurvulling.]3

Selecteren op kleur

Het juiste om nu te doen is Select → Op Kleur. Het zou verleidelijk kunnen zijn om Kleur naar Transparantie uit te voeren, maar dit zou ook semi-transparante gebieden binnen het gewenste afbeeldingsgebied veranderen. Selecteer deze keer Vul transparante gebieden en Samengevoegd monster. Voor dit voorbeeld heb ik ervoor gekozen om Antialiasing en Feather edges niet toe te passen. Desalniettemin, experimenteer met deze instellingen en kies wat het beste lijkt. Nogmaals, probeer een paar keer terwijl je Threshold aanpast voor het beste resultaat. Druk tussendoor op Ctrl+Z om ongedaan te maken.

Selecteer op kleur: Selecteer deze keer zowel Vul transparante gebieden als Samengevoegd monster. Nogmaals, doe een paar pogingen terwijl je Threshold aanpast en experimenteer met Antialiasing en Feather edges voor het beste resultaat. Tussendoor, druk op Ctrl+Z om ongedaan te maken.]4

Aftrekken van de selectie

Soms is het moeilijk om de kleurselectie precies goed te krijgen. Een deel van het gewenste beeldgebied kan ook geselecteerd worden omdat de kleur overeenkomt. In dit geval, en nauwelijks zichtbaar, werden negen gewenste pixels in het midden van de pijp ook geselecteerd om te worden verwijderd. Als dit gebeurt, gebruik dan Ctrl+Drag met een Select gereedschap naar keuze om een subtractief selectiegebied te selecteren.

Groeit de selectie [optioneel]

Aan de rand van de gewenste afbeelding blijven sommige tinten van de achtergrond my nog ongeselecteerd. Als dit het geval is, vergroot de selectie dan met een pixel met Select → Vergroot... → 1px.

Verwijderen

Zodra het gewenste transparantie gebied is geselecteerd, druk je op Delete.

Zodra het gewenste transparantiegebied is geselecteerd, drukt u eenvoudig op Delete.]8

Eindresultaat

Tenslotte exporteer je de transparante afbeelding met Bestand → Exporteer als... naar een bestandsformaat dat transparantie ondersteunt. Dat zou bij voorkeur PNG zijn, maar GIF zou ook werken.

Het eindresultaat]9

Commentaren (4)

Het lijkt erop dat u bepaalde delen van de jpg's moet bijsnijden (de hoofdfiguur, bijvoorbeeld) en de "background" moet verwijderen. U kunt dit doen met het lasso gereedschap.

De gimp website heeft veel tutorials en uitleg. Bekijk deze http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection en deze: http://docs.gimp.org/en/gimp-tool-free-select.html

De polygonale selectie maakt een ankerpunt iedere keer dat je klikt. Dan trekt het verplaatsen van de muisaanwijzer een lijn met een nieuw ankerpunt dat je kunt verplaatsen zolang je niet'opnieuw klikt.

Je kunt het Lasso gereedschap op verschillende manieren benaderen:

  • Vanuit de beeldmenubalk Gereedschappen → Selectiegereedschappen → Vrij selecteren,

  • door te klikken op het pictogram van het gereedschap in de GereedschapBox,

  • door de sneltoets F te gebruiken.

Om de effen achtergrond van een afbeelding transparant te maken, voegt u een Alpha kanaal toe, en gebruikt u de Toverstaf om de achtergrond te selecteren. Gebruik vervolgens het Kleurkiezer-gereedschap om de achtergrondkleur te selecteren, die de voorgrondkleur wordt in GereedschapBox. Gebruik het gereedschap Emmer vullen met de geselecteerde kleur. Stel de modus Bucket Fill in op "Color Erase", waarmee pixels met de geselecteerde kleur worden gewist; andere pixels worden gedeeltelijk gewist en hun kleur wordt gewijzigd.

Commentaren (0)