Bestand in png-formaat met een transparante achtergrond. Hoe u eenvoudig op verschillende manieren een transparante achtergrond van een afbeelding kunt maken in Photoshop

Soms is het nodig om een ​​afbeelding te wijzigen door de achtergrond ervan transparant te maken. Soms kom je een afbeelding tegen, maar de achtergrond ervan past niet bij je site en je wilt deze transparant maken. Als je Photoshop hebt en weet hoe je ermee moet werken, kun je het daar natuurlijk ook doen. Maar er is een gemakkelijkere manier, om zo te zeggen, ‘voor dummies’.

Op een dag kwam ik tijdens het surfen op internet een artikel tegen over de Pixlr Photo Editor. Dit is overigens geen gewone grafische editor, maar een online editor. Hier is de link ernaar - http://pixlr.com/editor/.

Het is dit programma dat ons zal helpen een foto te maken met een transparante achtergrond in PNG-formaat.

We hebben bijvoorbeeld deze afbeelding:

Ik wil de zwarte achtergrond ervan verwijderen en transparant maken.

Ga hiervoor naar het programma, selecteer het item "Afbeelding openen vanaf computer" en laad de gewenste afbeelding. Wijzig onmiddellijk de programmataal in Russisch (menu Taal-> Russische taal).

Rechts in het venster “Lagen” ziet u een miniatuur van de afbeelding en een blok. Dubbelklik op het blok (er zou een “vogel” in het vak moeten verschijnen). Zo verwijder je de blokkering van de achtergrond.

Selecteer daarna het gereedschap "Toverstaf" (aan de linkerkant van de werkbalk), breng het naar de achtergrond van de afbeelding en klik met de muis. De achtergrond wordt gemarkeerd met een stippellijn. Gebruik de Delete-toets om de achtergrond te vernietigen.

Dit is wat ik heb:

Wanneer u aan website-ontwerp werkt, heeft u vaak te maken met het feit dat de gevonden afbeelding, die idealiter bij uw site zou passen, een andere achtergrond heeft die raadzaam is om te verwijderen.

En dus open je onze foto in Photoshop.

1. Het eerste dat u hoeft te doen, is een werkgebied voor de afbeelding maken met een transparante achtergrond. Voor deze:
- dubbelklik in het lagenvenster op onze laag (met het slotje)
— Klik op OK in het venster dat verschijnt

Het slot zou moeten verdwijnen

Als de achtergrond effen is:
Selecteer het gereedschap " Toverstaf"is een zeer flexibel hulpmiddel om het gewenste gebied te accentueren. Onze taak is om de hele achtergrond te markeren, behalve de afbeelding. Pas hiervoor de instellingen van de toverstaf aan (parameter erkenning) totdat we het gewenste resultaat krijgen. We gebruiken ook de Shift-toets om een ​​gebied te selecteren naast het reeds geselecteerde gebied. Druk op Del en het geselecteerde gebied wordt verwijderd.

Als de achtergrond veelkleurig is:
Wij gebruiken het hulpmiddel " Snelle selectie". Hier is het onze taak om niet de achtergrond te benadrukken, maar het object zelf, dat zou moeten blijven. Klik totdat het gewenste gebied is gemarkeerd. Als er te veel is gemarkeerd, houdt u Alt ingedrukt en minus het gebied. U kunt het resultaat bekijken door op de Q-toets te drukken.
Wanneer de selectie gereed is, kopieert u deze met Ctrl+C. Maak een nieuw document met een transparante achtergrond (Ctrl+N) en plak het object Ctrl+V daarin.

3 . Als er iets onnodigs overblijft op de foto, gebruik dan de “ Gom“, Wis gewoon de extra achtergrond.

4 . Sla de afbeelding op voor internet (Alt+Shift+Ctrl+S) en selecteer het GIF- of PNG-formaat (in andere gevallen wordt onze transparante achtergrond wit).

Handige video over dit onderwerp:

Hallo lieve bezoekers. In deze les laat ik zien hoe je Photoshop kunt gebruiken Verwijder achtergrond en maak de foto transparant. Je hebt geen speciale kennis van dit Fotomonster nodig, want alles is hier heel eenvoudig. Het belangrijkste is dat je Photoshop geïnstalleerd hebt en dat je alle stappen na mij herhaalt.

Dus, hoe maak je een transparante achtergrond in Photoshop?

Start Photoshop en open de experimentele foto. Klik op het menu Bestand – Openen en geef de locatie van de afbeelding op.

Geweldig, de foto is geopend en laten we beginnen met het bijsnijden van de achtergrond. Allereerst moeten we de laag ontgrendelen. Let op de rechter benedenhoek van het programma. Daar ziet u de hoofdlaag van onze foto en klein hangslot.

Dit slot moet verdwijnen, dat wil zeggen dat de laag wordt ontgrendeld. Om dit te doen, rechtstreeks naar het slot maak één klik met de linkermuisknop. En er is geen slot meer!

Nu moeten we de achtergrond verwijderen. Om dit te doen, gebruikt u een soort selectiehulpmiddel, bijvoorbeeld Toverstaf.

Klik met het gereedschap op de achtergrond van de foto en selecteer zo het object dat we niet nodig hebben.

Er verscheen een stippellijn (lopende mieren). Het enige wat u hoeft te doen is op de DELETE-toets op uw toetsenbord te drukken en de achtergrond wordt verwijderd. Bekijk hoe het is geworden:

Super! Deselecteer het nu door op de sneltoets CTR+D te drukken.

Nou ja, in het algemeen, hoe maak een transparante achtergrond in Photoshop We zijn er achter gekomen en nu hoeft u alleen nog maar deze foto correct op te slaan.

Om dit te doen, klikt u op het menu Bestand – Opslaan voor web. Of gewoon gebruiken ALT+SHIFT+CTR+S.

U ziet een venster waarin we het PNG-24-formaat moeten selecteren en pas daarna op de knop Opslaan klikken.

Kijk nu wat er is gebeurd en wat er is geworden:

Ten slotte is het de moeite waard om te zeggen dat wanneer u in sommige gevallen besluit een transparante achtergrond in Photoshop op een foto te maken, u mogelijk andere selectiehulpmiddelen moet gebruiken, bijvoorbeeld: Pen of magnetische lasso. Ik heb het hulpmiddel gebruikt Toverstaf, omdat de persoon op mijn foto gemakkelijk van de achtergrond te onderscheiden was. Als je de achtergrond van complexe afbeeldingen verwijdert, zul je iets harder moeten werken.

Dat was alles voor vandaag, veel succes!

Op onze computer nemen foto's, afbeeldingen, bureaubladachtergronden en andere afbeeldingen altijd een zeer grote plaats in. Dit is iets dat op elke pc te vinden is, ongeacht wie de eigenaar is: een vrouw of een man, een volwassene of een kind. Vaak moet u een afbeelding op internet plaatsen of wilt u gewoon iets interessants met uw foto doen. Vervang bijvoorbeeld de gebruikelijke, echte achtergrond door iets kleurrijks, interessanter en origineler.

Om dit te doen, hebben we een soort programma nodig voor gemakkelijke beeldbewerking, waarin je een paar eenvoudige stappen kunt uitvoeren en de achtergrondafbeelding in de foto kunt vervangen.

We zullen u het voorbeeld van twee programma's vertellen.

De eerste is een eenvoudiger optie: verfnet. Dit programma doet ons denken aan een normaal programma voor tekenen, dat is opgenomen in de standaard Windows-lijst. Maar het is enigszins gemoderniseerd en heeft meer functies en functies. Het programma is erg handig als u de achtergrond van een afbeelding wilt verwijderen en alleen een specifiek object wilt behouden. Het is ook mogelijk om verschillende effecten te gebruiken om de afbeelding te wijzigen, u kunt tekst op foto's plaatsen en nog veel meer.

Hier een transparante achtergrond maken is helemaal niet moeilijk. Open de gewenste foto of afbeelding met het Paint Net-programma. Wanneer u op de regel in het contextmenu "openen met" klikt, selecteert u ons programma uit de lijst, waarna de afbeelding wordt geopend in het bewerkingsveld.

Aan de linkerkant van het scherm zie je pictogrammen - knoppen die we zullen moeten gebruiken. Van alle dingen die we hebben, hebben we een ‘gum’ en een ‘toverstaf’ nodig.

Hoe maak je een transparante achtergrond? Laten we eerst leren: eerst vergroten we de afbeelding zodat we onnodige delen van de afbeelding nauwkeuriger en nauwkeuriger kunnen wissen met een gum en deze taak kunnen uitvoeren, waarbij we zo dicht mogelijk bij het object komen dat u in één zichtbare kopie moet achterlaten. Vervolgens pakken we het hulpmiddel "toverstaf" ter hand. Met zijn hulp selecteert u onnodige delen van de afbeelding en verwijdert u deze met de knop "Verwijderen". Ik zou willen opmerken dat deze tool alle delen van de afbeelding met dezelfde kleur selecteert. Let op: het onnodige gebied kan overeenkomen met het kleurenschema van het gewenste deel van de afbeelding. Verwijder niet per ongeluk iets onnodigs. Voor het geval dat programmeurs een functie hebben bedacht om recente acties ongedaan te maken: dit is een blauwe pijl op de werkbalk. En dus verwijderen we met behulp van een "gum" en een "toverstaf" geleidelijk al het onnodige uit het beeld. Het enige dat overblijft rond het gewenste object is een geblokte achtergrond. Zo maakt u een transparante achtergrond voor een afbeelding in Paint Net. Om uw afbeelding met een transparante achtergrond op uw computer op te slaan, klikt u op de menuregel "Bestand" - "Opslaan als" en selecteert u het opslagpad en het gewenste formaat - GIF of PNG, en slaat u deze op.

In zo'n belangrijk proces van het werken met fotografie zal Photoshop een goede hulp voor ons zijn. Hoe kan ik in dit complexere programma een transparante achtergrond voor een afbeelding maken?

Hier kunt u dezelfde gereedschappen en hetzelfde werkingsprincipe gebruiken als bij verfnet, maar als u goede kwaliteit, zeer gladde en mooie randen van het geselecteerde element nodig heeft die u op een transparante achtergrond wilt achterlaten, dan zult u een beetje moeten werken en gebruik andere knoppenwerkbalken. U moet het lasso-gereedschap gebruiken, namelijk het veelhoekige lasso-gereedschap en het magnetische lasso-gereedschap (als u geen Russische versie van het programma heeft). Met behulp van deze tool schetsen we ons object, plaatsen we fixatiepunten met een streek, herhalen we precies de vorm van het object, en wanneer je de lijn verbindt die door de lasso is getekend (sluit deze), zal deze knipperen. Dit betekent dat het geselecteerde object gereed is voor verdere wijzigingen. Klik met de rechtermuisknop op het geselecteerde gewenste fragment en selecteer in het contextmenu de regel “Laag via Copi” - maak een kopie van de laag. Selecteer daarna op het tabblad "lagen" de originele afbeelding en selecteer deze met het gereedschap "Rechthoekig selectiekader" (deze bevindt zich helemaal in de linkerbovenhoek van het configuratiescherm). Druk op de “del”-knop op uw toetsenbord. De achtergrond werd transparant. U kunt de afbeelding in dit formulier op dezelfde manier opslaan als in het bovenstaande programma.

Nu weet je ook hoe je een transparante achtergrond maakt voor een foto of afbeelding in Photoshop. Theoretische kennis is niet genoeg, dus ga maar aan de slag met de computer. Photoshop- en paint.net-programma's staan ​​tot uw beschikking.

Wanneer u een afdruklay-out ontwikkelt of een website opmaakt, moet u mogelijk sommige delen van de afbeelding transparant maken. Om er bijvoorbeeld voor te zorgen dat de achtergrond van de foto overeenkomt met de achtergrond van de lay-out of dat de hoeken van de afbeelding de tekst niet overlappen.

Door de transparante achtergrond van de afbeelding kun je iets moois creëren. Deze techniek vermindert lege ruimte en verbetert het uiterlijk van de lay-out.

Vectoreditors zoals CorelDRAW en Illustrator kunnen een deel van een afbeelding verbergen met behulp van een omtrekmasker. Dit is een snelle en gemakkelijke methode om een ​​transparante achtergrond te creëren als de vorm van het object eenvoudig is.

Maar de beste oplossing zou zijn om de afbeelding in Photoshop voor te bereiden en op te slaan in een formaat dat achtergrondtransparantie ondersteunt.

In deze video-tutorial beschrijf ik in detail 3 methoden, en welke formaten transparantie ondersteunen.

Om een ​​transparante achtergrond te maken, moet je het object uitknippen en de achtergrond verwijderen. Kies, afhankelijk van de vorm van het item, degene die in deze situatie handig zal zijn.

De kwaliteit van het uiteindelijke beeld hangt vooral af van de kwaliteit van de selectie. Probeer de vorm van het object zo nauwkeurig mogelijk na te bootsen met behulp van geschikt lassogereedschap.

Als de randen van het object niet scherp zijn, moet de selectie ook enigszins vervaagde randen hebben. Om dit te doen, klikt u met de rechtermuisknop op de selectie en stelt u de Doezelwaarde in. De vervagingswaarde is van toepassing op de gehele selectie.

Er zijn echter zeldzame situaties waarin slechts een deel van het onderwerp een wazige rand of gebrek aan focus heeft. In dit geval is het noodzakelijk om verschillende extractiemethoden te combineren.

Ik heb bijvoorbeeld specifiek gekozen voor een complexer beeld met respectievelijk een verschillende mate van focus en een verschillende helderheid van de grenzen.

Het hoofdobject met sterk gedefinieerde randen kan worden geselecteerd met het gebruikelijke Lasso-gereedschap, en vage randen kunnen worden geselecteerd met een zachte borstel in de " "-modus (Snelmasker - Q-toets), zoals weergegeven in de onderstaande afbeelding.

Het voordeel van deze methode is dat je de hardheid van de rand kunt veranderen door de hardheid van het penseel te veranderen terwijl je schildert. Maar er is een nadeel: de penseelselectie is niet zo nauwkeurig als bij een lasso. Maar dit is niet de enige manier om een ​​selectie te krijgen met verschillende duidelijke grenzen.

Vage gebieden aan een selectie toevoegen

En nu meer over een andere selectiemethode. Selecteer het hoofdgedeelte van de afbeelding met duidelijke randen en klik vervolgens op - Selectie selecteren/opslaan...

Deselecteer de selectie en maak een nieuwe rond het vage gebied. Klik met de rechtermuisknop - Doezelaar... Stel de gewenste waarde in. Normaal gesproken zijn een paar pixels voldoende.

Klik nu op - Selectie selecteren/laden... Selecteer het item - Toevoegen aan selectie. Uw vorige selectie wordt samengevoegd met de nieuwe en de verschillende mate van vervaging blijft behouden.

Deze techniek lijkt misschien moeilijker dan de vorige. Doe in het algemeen wat u het beste uitkomt.

Nadat u de achtergrond hebt verwijderd, moet u de afbeelding opslaan in een indeling die transparantie ondersteunt.

PSD is de allereerste daarvan. Het is gemakkelijk te lezen in alle Adobe-editors en meer. Het bevat alle informatie over lagen, effecten, enz. daarom heeft het in de regel veel gewicht.

Tiff is een formaat dat qua eigenschappen vergelijkbaar is met het vorige. Kan ook transparante gebieden bevatten. Vanwege de hoge kwaliteit wordt het vaak gebruikt bij het afdrukken.

PNG is relatief licht en zorgt ervoor dat u de beeldkwaliteit kunt behouden. Meestal gebruikt in webdesign. Banners, websiteknoppen en grafische elementen van webpagina's bevatten vaak dit formaat.

Aandacht! Voordat u opslaat, moet u alfakanalen verwijderen als u deze tijdens het selectieproces heeft gemaakt.

De achtergrond knippen met een masker

Voor deze methode is het gebruik van Photoshop niet vereist. Direct in het opmaakprogramma CorelDRAW of Illustrator kunt u een object omlijnen en vervolgens alles daarbuiten verbergen.

Als het object een eenvoudige vorm heeft (cirkel, rechthoek, driehoek, enz.), kan het gebruik van een masker tijd en moeite besparen bij de beeldverwerking. Voor een complexere objectvorm kun je beter Photoshop gebruiken en een afbeeldingsformaat dat transparantie ondersteunt.

Een ander nadeel van deze methode is dat het onmogelijk is om de randen van een object gedeeltelijk te vervagen met een masker, in tegenstelling tot verwerking in Photoshop.

Knipmasker in Adobe Illustrator

Plaats de afbeelding in Illustrator en schets het onderwerp. Selecteer vervolgens de afbeelding en het pad samen en klik met de rechtermuisknop - Knipmasker maken. Het deel van de afbeelding buiten de omtrek wordt verborgen.

Nadat u een deel van de afbeelding met het masker hebt afgesneden, kunt u doorgaan met het bewerken van het pad. Door te dubbelklikken op het uitknipmasker kunt u de locatie van objecten binnen het pad wijzigen, verwijderen, nieuwe toevoegen, de vorm van het pad wijzigen of het uitknipmasker weer uit elkaar halen en alle elementen eruit halen.

PowerClip in CorelDRAW

CorelDRAW heeft dezelfde techniek, maar werkt iets anders. U moet ook het object omlijnen, vervolgens de afbeelding selecteren en klikken op - Effecten/PowerClip/Plaats in frame.... In plaats van een aanwijzer verschijnt er een pijl die de omtrek moet weergeven.

De omtrek in CorelDRAW kan ook worden bewerkt nadat het masker is gemaakt.

U kunt een object ook transparant maken in CorelDRAW zonder een omtrek te maken; u kunt eenvoudigweg de randknopen van de afbeelding verplaatsen met het Vormgereedschap, waardoor de vorm ervan verandert. Dubbelklikken op het pad zal nieuwe knooppunten creëren.

3. Transparantie-overvloeimodus

Wat te doen als de achtergrond van de foto, net als de achtergrond van de lay-out, al wit is, maar de hoeken van de afbeelding belangrijke details van de lay-out overlappen. In dit geval kunt u een overvloeimodus toepassen. Het toepassen van deze modus op de afbeelding is voldoende om te voorkomen dat de witte hoek in de afbeelding kruipt.

Met deze methode kunt u met één klik op de knop een transparante achtergrond krijgen, zonder iets te selecteren of uit te knippen.

In Illustrator moet u het transparantiepaneel openen - Venster/Transparantie. En selecteer vervolgens de modus - Vermenigvuldigen.

In CorelDRAW gebruikt u het gereedschap Transparantie.

Configureer in het paneel met gereedschapsopties zoals weergegeven in de onderstaande schermafbeelding:

Deze modus moet zorgvuldig worden gebruikt; er zijn ook nadelen aan verbonden. Het werkt alleen goed op een witte achtergrond en het object zelf wordt ook transparant als het op tekst of andere afbeeldingen wordt toegepast.

Videotutorial: transparante achtergrond

Bekijk een gedetailleerde video-tutorial over hoe u op drie verschillende manieren een transparante achtergrond maakt in Adobe Photoshop, Illustrator, CorelDraw:

(2.847 keer bezocht, 1 bezoek vandaag)