Welcome to Our Website

Wie Zuschneiden von Bildern in einer Kreisform mit Photoshop

Müde von Beschneiden Sie Ihre Fotos als Rechtecke und Quadrate? Erfahren Sie, wie einfach es ist, mit Photoshop Bilder als Kreise zuzuschneiden und den Kreis mit einem transparenten Hintergrund zu speichern, damit das Bild in einem Design oder im Web großartig aussieht! Eine Schritt-für-Schritt-tutorial für Photoshop CC 2021 und früher.

Geschrieben von Steve Patterson.

Beim Zuschneiden von Bildern in Photoshop denken wir normalerweise an Rechteck oder Quadrate. Das liegt daran, dass das Zuschneidewerkzeug in Photoshop keine anderen Optionen hat., Aber wer sagt, dass wir das Ernte-Tool verwenden müssen? Photoshop macht es genauso einfach, Bilder mit Auswahlwerkzeugen zuzuschneiden. Um ein Bild in einem Kreis zuzuschneiden, benötigen wir nur das elliptische Auswahlwerkzeug.

In diesem Tutorial zeige ich Ihnen, wie Sie Bilder als Kreise zuschneiden und den Kreis mit einem transparenten Hintergrund speichern, damit Sie ihn in einem beliebigen Design platzieren oder ins Web hochladen können!

Ich verwende Photoshop 2021, aber Sie können jeder aktuellen Version folgen.,

So sieht das in einem Kreis beschnittene Bild aus, wenn wir fertig sind, komplett mit transparenten Ecken, damit es auf jedem Hintergrund funktioniert:

Das Endergebnis.

Los geht ‚ s!

So schneiden Sie ein Bild in eine Kreisform

Schritt 1: Öffnen Sie Ihr Bild

Öffnen Sie zunächst Ihr Bild in Photoshop. Ich werde dieses Bild aus Adobe Stock verwenden:

Das Originalbild. Bildnachweis: Adobe Stock.,

Verwandte: So erhalten Sie Ihre Bilder in Photoshop

Schritt 2: Entsperren Sie die Hintergrundebene

Im Ebenenbedienfeld wird das Bild auf der Hintergrundebene angezeigt:

Das Ebenenbedienfeld von Photoshop.

Vor dem Zuschneiden des Bildes in einen Kreis muss die Hintergrundebene in eine normale Ebene konvertiert werden. Das liegt daran, dass die Bereiche um den Kreis transparent sein müssen und Hintergrundebenen keine Transparenz unterstützen.

Um die Hintergrundebene in eine normale Ebene zu konvertieren, klicken Sie einfach auf das Schlosssymbol., Wenn Sie eine ältere Version von Photoshop verwenden und das Schlosssymbol nicht funktioniert, halten Sie die Alt-Taste (Win) / Option (Mac) auf Ihrer Tastatur gedrückt und doppelklicken Sie auf die Hintergrundebene:

Klicken Sie auf das Schlosssymbol.

Photoshop benennt die Hintergrundebene in „Ebene 0“ um und wir sind bereit, das Bild in einen Kreis zuzuschneiden:

Die Hintergrundebene ist jetzt eine normale Ebene.

Schritt 3: Wählen Sie das elliptische Markierwerkzeug

Wählen Sie das elliptische Markierwerkzeug aus der Symbolleiste., Standardmäßig versteckt sich das elliptische Auswahlwerkzeug hinter dem rechteckigen Auswahlwerkzeug. Sie müssen also mit der rechten Maustaste (Win) / Control-click (Mac) auf das rechteckige Auswahlfeld-Werkzeug klicken und dann das elliptische Auswahlfeld-Werkzeug aus dem Menü auswählen:

Das elliptische Auswahlfeld-Werkzeug auswählen.

Schritt 4: Zeichnen Sie einen kreisförmigen Auswahlumriss

Klicken Sie auf Ihr Bild und ziehen Sie einen elliptischen Auswahlumriss heraus. Um den Auswahlumriss in einen perfekten Kreis zu zwingen, halten Sie beim Ziehen die Umschalttaste auf Ihrer Tastatur gedrückt.,

Machen Sie sich keine Sorgen, dass die Position des Kreises im Bild genau richtig ist. Wir werden es im nächsten Schritt in Position bringen. Stellen Sie im Moment nur sicher, dass der Kreis groß genug ist, um den Bereich zu umgeben, den Sie behalten möchten.

Wenn Sie fertig sind, lassen Sie die Maustaste los und dann die Umschalttaste los. Stellen Sie sicher, dass Sie zuerst die Maustaste loslassen und dann die Umschalttaste drücken, oder der Auswahlumriss wird wieder in eine elliptische Freiformformform einrasten:

Halten Sie die Umschalttaste gedrückt und ziehen Sie einen kreisförmigen Auswahlumriss heraus.,

Schritt 5: Positionieren Sie den Auswahlumriss neu

Um den Auswahlumriss um Ihr Motiv herum neu zu positionieren, klicken Sie in den Umriss und ziehen Sie ihn an seinen Platz. Hier bewege ich es, um das Gesicht der Frau im Kreis zu zentrieren. Dies ist der Bereich, den ich behalten möchte. Der Rest des Bildes außerhalb des Kreises wird abgeschnitten.

Beachten Sie, dass im folgenden Screenshot die magentafarbene Linie, die von oben nach unten durch das Bild verläuft, nur eine der intelligenten Anleitungen von Photoshop ist und mir mitteilt, dass der Auswahlumriss jetzt vertikal im Dokument zentriert ist., Smart Guides verschwinden, wenn Sie die Maustaste loslassen:

Klicken und ziehen Sie den kreisförmigen Auswahlumriss an seinen Platz.

Schritt 6: Invertieren Sie die Auswahl

Das einzige Problem ist, dass wir den Bereich innerhalb des Kreises ausgewählt haben, wenn wir wirklich alles außerhalb des Kreises auswählen müssen, da dies der Bereich ist, den wir wegschneiden möchten.

Um dies zu beheben, kehren Sie die Auswahl um, indem Sie zum Auswahlmenü in der Menüleiste gehen und Inverse auswählen:

Wählen Sie > Inverse.,

Schritt 7: Löschen Sie das Bild außerhalb des Kreises

Löschen Sie dann bei umgekehrter Auswahl den Bereich um den Kreis, indem Sie die Rücktaste (Win) / Entf (Mac) auf Ihrer Tastatur drücken. Der gelöschte Bereich wird durch ein Schachbrettmuster ersetzt, mit dem Photoshop Transparenz darstellt.,

Wenn der gelöschte Bereich weiß statt transparent wird oder Photoshop das Dialogfeld Füllen öffnet, liegt dies höchstwahrscheinlich daran, dass Sie vergessen haben, die Hintergrundebene in Schritt 1 zu entsperren:

Drücken Sie die Rücktaste (Win) / Löschen (Mac), um das Bild um den Kreis zu löschen.

Wir brauchen unsere Auswahlskizze nicht mehr, also entfernen Sie sie, indem Sie zum Auswahlmenü gehen und die Auswahl aufheben:

Wählen Sie > Deaktivieren.,

Schritt 8: Schneiden Sie die transparenten Bereiche weg

Um das Bild um den Kreis zu beschneiden und die transparenten Bereiche wegzuschneiden, gehen Sie zum Bildmenü und wählen Sie Trim:

Gehen Sie zu Image > Trim.

Wählen Sie dann im Trimmdialogfeld oben transparente Pixel aus und stellen Sie sicher, dass oben, unten, links und rechts unten alle ausgewählt sind:

Die Trimmoptionen.,

Klicken Sie auf OK, um das Dialogfeld Trimmen zu schließen, und Photoshop schneidet sofort die umliegenden transparenten Bereiche ab und lässt uns unser Bild als Kreis beschneiden.

Da die Ecken transparent sind, wird jeder Hintergrund, auf den wir das Bild platzieren, durch die Ecken angezeigt, während das Bild im Kreis sichtbar bleibt:

Das Bild wird jetzt auf einen Kreis zugeschnitten.

Schritt 9: Speichern Sie das Bild als PNG-Datei

Um diese Ecken transparent zu halten, müssen wir das Bild in einem Dateiformat speichern, das Transparenz unterstützt. Das JPEG-Format nicht, aber PNG tut., Und PNG wird in Webbrowsern weithin unterstützt, was es zu einer guten Wahl macht.

Um das Bild als PNG-Datei zu speichern, gehen Sie zum Menü Datei und wählen Sie Speichern unter:

Gehen Sie zur Datei > Speichern unter.

In den neuesten Versionen von Photoshop werden Sie gefragt, ob Sie die Datei auf Ihrem Computer oder als Cloud-Dokument speichern möchten. Wählen Sie Auf Ihrem Computer speichern:

Wählen Sie die Option“ Auf Ihrem Computer speichern“.

Setzen Sie dann im Dialogfeld Speichern unter die Option Format auf PNG., Benennen Sie Ihre Datei, wählen Sie aus, wo Sie sie speichern möchten, und klicken Sie dann auf Speichern:

Speichern des zugeschnittenen Bildes als PNG-Datei.

Wählen Sie abschließend in den PNG-Formatoptionen die kleinste Dateigröße aus und klicken Sie dann auf OK, um das Bild zu speichern:

Speichern der PNG-Datei in der kleinsten Größe.

Und da haben wir es! So schneiden Sie ein Bild in einem Kreis in Photoshop zu!

Und das bringt uns zum Ende unserer Serie zum Zuschneiden von Bildern in Photoshop! Wenn Sie eine der vorherigen Lektionen in diesem Kapitel verpasst haben, überprüfen Sie sie unten:

  • 01., Wie schneiden Sie Bilder in Photoshop CC
  • 02. So drehen und begradigen Sie Bilder
  • 03. So erhöhen Sie die Leinwandgröße mit dem Zuschneidewerkzeug
  • 04. Crop-Tool, Tipps und tricks
  • 05. Verwenden des perspektivischen Zuschneidewerkzeugs
  • 06. Zuschneiden und Ändern der Größe von Fotos an die Rahmengrößen
  • 07. Wie verwenden Sie Content-Aware-Crop
  • 08. So schneiden Sie Fotos in einem Kreis zu

Weitere Themen finden Sie in unserem Abschnitt Photoshop Basics!

Holen Sie sich alle unsere Photoshop Tutorials als PDFs! Laden Sie sie noch heute herunter!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.