Welcome to Our Website

Hoe afbeeldingen in een cirkelvorm bijsnijden met Photoshop

moe van het bijsnijden van uw foto ‘ s als rechthoeken en vierkanten? Leer hoe gemakkelijk het is om afbeeldingen als cirkels bij te snijden met Photoshop, en hoe u de cirkel met een transparante achtergrond kunt opslaan, zodat de afbeelding er geweldig uitziet in een ontwerp of op het web! Een stap-voor-stap handleiding voor Photoshop CC 2021 en eerder.

geschreven door Steve Patterson.

bij het bijsnijden van afbeeldingen in Photoshop denken we meestal aan rechthoek of vierkanten. Dat komt omdat de Crop Tool in Photoshop heeft geen andere opties., Maar wie zegt dat we de Crop Tool moeten gebruiken? Photoshop maakt het net zo gemakkelijk om afbeeldingen bij te snijden met behulp van selectiegereedschappen. En om een afbeelding in een cirkel bij te snijden, is de elliptische Marquee Tool alles wat we nodig hebben.

in deze tutorial laat ik u zien hoe u afbeeldingen kunt bijsnijden als cirkels, en hoe u de cirkel kunt opslaan met een transparante achtergrond zodat u deze in elk ontwerp kunt plaatsen of uploaden naar het web!

Ik gebruik Photoshop 2021, maar u kunt volgen samen met een recente versie.,

Hier is hoe de afbeelding in een cirkel eruit zal zien als we klaar zijn, compleet met transparante hoeken dus het zal werken op elke achtergrond:

het eindresultaat.

laten we beginnen!

een afbeelding bijsnijden tot een cirkelvorm

Stap 1: Open je afbeelding

begin met het openen van je afbeelding in Photoshop. Ik gebruik deze afbeelding uit Adobe Stock:

de originele afbeelding. Foto door: Adobe Stock.,

gerelateerd: hoe krijgt u uw afbeeldingen in Photoshop

Stap 2: Ontgrendel de achtergrondlaag

In het paneel lagen verschijnt de afbeelding op de achtergrondlaag:

het paneel lagen van Photoshop.

voordat de afbeelding in een cirkel wordt bijgesneden, moet de achtergrondlaag worden omgezet in een normale laag. Dat komt omdat de gebieden rond de cirkel transparant moeten zijn en achtergrondlagen geen transparantie ondersteunen.

om de achtergrondlaag naar een normale laag te converteren, klikt u op het vergrendelingspictogram., Als u een oudere versie van Photoshop gebruikt en op het slotpictogram klikt werkt niet, houdt u de Alt (Win) / Option (Mac)-toets op uw toetsenbord ingedrukt en dubbelklikt u op de achtergrondlaag:

door op het slotpictogram te klikken.

Photoshop hernoemt de achtergrondlaag naar “Layer 0″en we zijn klaar om de afbeelding in een cirkel bij te snijden:

de achtergrondlaag is nu een normale laag.

Stap 3: Selecteer het elliptische selectiegereedschap

Selecteer het elliptische selectiegereedschap op de werkbalk., Standaard verbergt het elliptische Marquee-Gereedschap zich achter het rechthoekige Marquee-Gereedschap. U moet dus met de rechtermuisknop (Win) / Control-click (Mac) op het rechthoekige Marquee Gereedschap klikken en vervolgens het elliptische Marquee gereedschap kiezen in het menu:

het selecteren van het elliptische Marquee Gereedschap.

Stap 4: Teken een cirkelvormige selectieoverzicht

klik op je afbeelding en sleep een elliptische selectieoverzicht. Om de omtrek van de selectie in een perfecte cirkel te forceren, houdt u de Shift-toets op uw toetsenbord ingedrukt terwijl u sleept.,

maak je geen zorgen om de locatie van de cirkel in de afbeelding precies goed te krijgen. We zetten het in positie in de volgende stap. Voor nu, zorg ervoor dat de cirkel is groot genoeg om het gebied dat u wilt houden omringen.

Als u klaar bent, laat dan uw muisknop los en laat dan de Shift-toets los. Zorg ervoor dat u eerst uw muisknop loslaat, en dan de Shift-toets, of de selectie-omtrek zal terugklikken in een vrije elliptische vorm:

houd Shift ingedrukt en sleep een cirkelvormige selectie-omtrek.,

Stap 5: Verplaats de selectieomtrek

om de selectieomtrek om uw onderwerp heen te verplaatsen, klikt u in de omtrek en sleept u deze op zijn plaats. Hier verplaats ik het naar het midden van het gezicht van de vrouw in de cirkel. Dit is het gebied dat ik wil behouden. De rest van de afbeelding buiten de cirkel wordt weggesneden.

merk op dat in de screenshot hieronder, de magenta lijn die van boven naar beneden door de afbeelding loopt slechts een van Photoshop ‘ s slimme hulplijnen is, die me vertellen dat de selectie-omtrek nu Verticaal gecentreerd is in het document., Slimme hulplijnen verdwijnen wanneer u de muisknop loslaat:

klik en sleep de cirkelvormige selectieoverzicht op zijn plaats.

Stap 6: De Selectie omkeren

Het enige probleem is dat we het gebied binnen de cirkel hebben geselecteerd, terwijl we eigenlijk alles buiten de cirkel moeten selecteren, omdat dat het gebied is dat we weg willen bijsnijden.

om dat te verhelpen, moet u de Selectie omkeren door naar het menu selecteren in de menubalk te gaan en Inverse te kiezen:

U selecteert > Inverse.,

Stap 7: Verwijder de afbeelding buiten de cirkel

met de selectie omgekeerd, verwijder het gebied rond de cirkel door op de Backspace (Win) / Delete (Mac) toets op uw toetsenbord te drukken. Het verwijderde gebied wordt vervangen door een dambordpatroon dat is hoe Photoshop transparantie vertegenwoordigt.,

als het verwijderde gebied wit wordt in plaats van transparant, of Photoshop opent het dialoogvenster vullen, is het waarschijnlijk omdat u vergeten bent om de achtergrondlaag terug te ontgrendelen in Stap 1:

druk op Backspace (Win) / Delete (Mac) om de afbeelding rond de cirkel te verwijderen.

we hebben onze selectie outline niet meer nodig, dus verwijder het door naar het menu selecteren te gaan en deselecteren te kiezen:

U selecteert > deselecteren.,

Stap 8: bijsnijden van de transparante gebieden

om de afbeelding rond de cirkel bij te snijden en de transparante gebieden weg te knippen, gaat u naar het menu Afbeelding en kiest u Trim:

naar afbeelding gaan > Trim.

kies vervolgens in het dialoogvenster knippen transparante Pixels bovenaan en zorg ervoor dat boven, onder, Links en rechts onderaan zijn geselecteerd:

De Snijopties.,

klik op OK om het dialoogvenster trimmen te sluiten, en Photoshop snijdt onmiddellijk de omringende transparante gebieden weg, waardoor onze afbeelding als een cirkel wordt bijgesneden.

omdat de hoeken transparant zijn, zal elke achtergrond waarop we de afbeelding plaatsen door de hoeken worden weergegeven terwijl de afbeelding in de cirkel zichtbaar blijft:

de afbeelding wordt nu bijgesneden tot een cirkel.

stap 9: sla de afbeelding op als een PNG-bestand

om deze hoeken transparant te houden, moeten we de afbeelding opslaan in een bestandsformaat dat transparantie ondersteunt. Het JPEG-formaat niet, maar PNG wel., En PNG wordt breed ondersteund in webbrowsers, waardoor het een geweldige keuze is.

om de afbeelding op te slaan als een PNG-bestand, gaat u naar het menu Bestand en kiest u opslaan als:

naar Bestand gaan > opslaan als.

in de meest recente versies van Photoshop wordt u gevraagd of u het bestand op uw computer of als clouddocument wilt opslaan. Kies Opslaan op uw computer:

kies de optie” Opslaan op uw computer”.

stel vervolgens in het dialoogvenster Opslaan als de opmaakoptie in op PNG., Geef uw bestand een naam, kies waar u het wilt opslaan en klik vervolgens op Opslaan:

de bijgesneden afbeelding opslaan als een PNG-bestand.

kies in de opties voor PNG-indeling de kleinste bestandsgrootte en klik vervolgens op OK om de afbeelding op te slaan:

het PNG-bestand opslaan op de kleinste grootte.

en daar hebben we het! Zo kun je een afbeelding bijsnijden in een cirkel in Photoshop!

en dat brengt ons bij het einde van onze serie over het bijsnijden van afbeeldingen in Photoshop! Als u een van de vorige lessen in dit hoofdstuk hebt gemist, bekijk ze dan hieronder:

  • 01., Afbeeldingen bijsnijden in Photoshop CC
  • 02. Hoe afbeeldingen
  • 03 te roteren en recht te trekken. Hoe de canvasgrootte te vergroten met het gereedschap Bijsnijden
  • 04. Tips en trucs voor bijsnijden
  • 05. Gebruik het gereedschap perspectief bijsnijden
  • 06. Foto ‘ s bijsnijden en verkleinen zodat ze overeenkomen met frameformaten
  • 07. Hoe gebruik je Content-Aware Crop
  • 08. Hoe foto ‘ s bijsnijden in een cirkel

voor meer onderwerpen, bezoek onze Photoshop Basics sectie!

haal al onze Photoshop-tutorials als PDF ‘ s! Download ze vandaag nog!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *