Schnittmasken in Photoshop

Geschrieben von Steve Patterson.

In diesem Tutorial zeige ich Ihnen, wie Sie Schnittmasken in Photoshop zum Anzeigen von und verwenden verstecke verschiedene Teile einer Ebene und passe Bilder in Formen an! Wir werden die Grundlagen zum Erstellen einer Schnittmaske lernen und die dahinter stehende Idee genauer untersuchen, damit Sie am Ende dieser Lektion einen soliden Überblick über die Funktionsweise von Schnittmasken haben. I “ Ich werde Photoshop CC verwenden, aber alles ist vollständig kompatibel mit Photoshop CS6 und früheren Versionen. Fangen wir an!

Was sind Schnittmasken?

Schnittmasken in Photoshop sind eine leistungsstarke Möglichkeit, die Sichtbarkeit einer Ebene zu steuern. In diesem Sinne ähneln Schnittmasken Ebenenmasken. Obwohl das Endergebnis möglicherweise gleich aussieht, sind Schnittmasken und Ebenenmasken sehr unterschiedlich. Eine Ebenenmaske verwendet Schwarzweiß, um verschiedene Teile der Ebene anzuzeigen und auszublenden. Eine Schnittmaske verwendet jedoch den Inhalt und die Transparenz einer Ebene Ebene, um die Sichtbarkeit einer anderen Ebene zu steuern.

Um eine Schnittmaske zu erstellen, benötigen wir zwei Ebenen. Die Ebene unten steuert die Sichtbarkeit der darüber liegenden Ebene. Mit anderen Worten, die unterste Ebene ist die Maske und die darüber liegende Ebene ist die Ebene, die an der Maske befestigt ist.

Wenn die unterste Ebene tatsächlichen Inhalt enthält (Pixel, Formen oder Typ), ist der Inhalt auf der darüber liegenden Ebene sichtbar. Wenn jedoch ein Teil der unteren Ebene transparent ist, wird derselbe Bereich auf der darüber liegenden Ebene ausgeblendet. Das klingt vielleicht verwirrender als die Funktionsweise einer Ebenenmaske, aber Schnittmasken sind genauso einfach zu verwenden. Erstellen wir selbst eine Schnittmaske, damit wir besser verstehen, wie sie funktioniert.

Laden Sie dieses Tutorial als druckfertiges PDF herunter!

Funktionsweise einer Schnittmaske

Um das Beschneiden von Masken wirklich zu verstehen, müssen wir zuerst den Unterschied zwischen Inhalt und Transparenz auf einer Ebene verstehen. Um mit mir zu folgen, können Sie jedes Bild öffnen. Ich werde dieses Foto meines kleinen Freundes hier verwenden, der „versucht auch auf ihre eigene Weise zu verstehen, worum es bei diesem Ausschnitt geht (Foto von Adobe Stock):

Das Originalbild. Foto Bildnachweis: Adobe Stock.

Eine Maskenebene und eine abgeschnittene Ebene

Wenn wir in das Ebenenbedienfeld schauen, sehen wir das Foto auf der Hintergrundebene, die derzeit die einzige Ebene in ist das Dokument:

Das Ebenenbedienfeld zeigt das Foto auf der Hintergrundebene.

Wir benötigen zwei Ebenen, um eine Schnittmaske zu erstellen. eine, die als Maske dient, und eine, die an der Maske befestigt wird. Fügen wir also hinzu eine zweite Schicht. Wir fügen die neue Ebene unter dem Bild hinzu. Entsperren Sie zuerst die Hintergrundebene. Klicken Sie in Photoshop CC auf das Schlosssymbol, um sie zu entsperren. Halten Sie in Photoshop CS6 oder früher die Alt-Taste (Win) / Optionstaste (Mac) gedrückt Klicken Sie auf Ihrer Tastatur auf die Hintergrundebene und doppelklicken Sie darauf:

Entsperren der Hintergrundebene.

Dadurch wird die Hintergrundebene entsperrt und umbenannt it „Ebene 0“:

Durch Entsperren der Hintergrundebene können wir eine neue Ebene darunter hinzufügen.

Fügen Sie dann eine hinzu Neue Ebene unter dem Bild, halten Sie die Strg- (Win) / Befehlstaste (Mac) auf Ihrer Tastatur gedrückt und klicken Sie auf das Symbol Neue Ebene hinzufügen:

Hinzufügen einer neuen Ebene unter dem Bild.

Unter dem Foto wird eine neue Ebene mit dem Namen „Ebene 1“ angezeigt. Das Dokument enthält jetzt zwei Ebenen. Die untere Ebene wird in die Maske umgewandelt, und Das Bild darüber wird auf die Maske gekürzt:

Die zweite Ebene, die für den Schnitt benötigt wird Die folgende Maske wurde hinzugefügt.

Grundlegendes zu Schnittmasken: Inhalt und Transparenz

Blenden Sie das Originalbild für den Moment aus, indem Sie auf das Sichtbarkeitssymbol der obersten Ebene klicken:

Klicken Sie auf das Sichtbarkeitssymbol, um das Foto auszublenden.

Wenn die oberste Ebene deaktiviert ist, wird die gerade hinzugefügte Ebene angezeigt. Standardmäßig sind neue Ebenen in Photoshop leer, dh sie enthalten überhaupt keinen Inhalt. Eine Ebene ohne Inhalt ist transparent und wir sehen durch. Wenn sich unter einer transparenten Ebene keine weiteren Ebenen befinden, zeigt Photoshop die Transparenz als Schachbrettmuster an, wie wir hier sehen:

Das Schachbrettmuster bedeutet den unteren Rand Die Ebene ist transparent.

Schalten Sie die oberste Ebene wieder ein, indem Sie erneut auf das Sichtbarkeitssymbol klicken:

Klicken Sie auf dasselbe Sichtbarkeitssymbol.

Die oberste Ebene enthält den tatsächlichen Inhalt. In diesem Fall handelt es sich um pixelbasierten Inhalt, da es sich um ein digitales Foto handelt. In Photoshop kann der Inhalt jedoch auch eine Vektorform oder sogar Text sein. Wirklich, alles, was nicht transparent ist, wird als Inhalt betrachtet:

Die oberste Ebene enthält tatsächlichen Inhalt.

So erstellen Sie eine Schnittmaske in Photoshop

Schnittmasken verwenden den Inhalt und die Transparenz der darunter liegenden Ebene, um die Sichtbarkeit der darüber liegenden Ebene zu steuern. Lassen Sie uns eine Schnittmaske mit unseren beiden Ebenen erstellen und sehen, was passiert.

Schritt 1: Wählen Sie die Ebene aus, die abgeschnitten werden soll.

Wenn Sie eine Schnittmaske erstellen, müssen Sie dies zuerst tun Wählen Sie die Ebene aus, die auf die darunter liegende Ebene gekürzt werden soll. In diesem Fall wird die oberste Ebene („Ebene 0“) auf die unterste Ebene („Ebene 1“) gekürzt. Stellen Sie daher sicher, dass die oberste Ebene ausgewählt ist:

Auswählen der obersten Ebene.

Schritt 2: Wählen Sie „Schnittmaske erstellen“

Um die Schnittmaske zu erstellen, gehen Sie zum Menü Ebene in der Menüleiste und Wählen Sie Schnittmaske erstellen:

Gehen Sie zu Ebene > Schnittmaske erstellen.

Und das ist alles! Mit der erstellten Ebenenmaske wird im Ebenenbedienfeld jetzt die oberste Ebene („Ebene 0“) angezeigt, die rechts eingerückt ist, wobei ein kleiner Pfeil auf „Ebene 1“ darunter zeigt In Photoshop wird uns mitgeteilt, dass die oberste Ebene jetzt auf die darunter liegende Ebene gekürzt wird:

Das Ebenenbedienfeld zeigt die oberste Ebene, die auf der untersten Ebene abgeschnitten ist.

Aber das Problem ist, alles, was wir bisher durch das Erstellen einer Schnittmaske erreicht haben, ist, dass wir das Bild vor der Ansicht verborgen haben, und das liegt an unserer Maskenebene („Schicht 1“) enthält keinen Inhalt. Es ist vollständig transparent. Mit einer Schnittmaske werden alle Bereiche auf der oberen Ebene, die direkt über transparenten Bereichen auf der unteren Ebene liegen, ausgeblendet. Da die untere Ebene nur Transparenz enthält, ist kein Teil des darüber liegenden Bilds sichtbar:

Ohne Inhalt auf der Maskenebene wird das Bild auf der abgeschnittenen Ebene ausgeblendet.

So lösen Sie eine Schnittmaske

Das war nicht sehr interessant. Geben Sie die Schnittmaske frei, indem Sie im Menü Ebene die Option Schnittmaske freigeben auswählen:

Wechseln zur Ebene > Schnittmaske freigeben.

Im Ebenenbedienfeld wird die oberste Ebene nicht mehr nach rechts eingerückt, was bedeutet, dass sie nicht mehr abgeschnitten wird zur darunter liegenden Ebene:

Die Ebenenmaske wurde freigegeben.

Und im Dokument sehen wir wieder unsere Bild:

Wenn die Schnittmaske freigegeben ist, kehrt das Bild zurück ns.

Hinzufügen von Inhalten zur Schnittmaske

Fügen wir der unteren Ebene Inhalte hinzu. Klicken Sie auf das Sichtbarkeitssymbol der obersten Ebene, um das Bild auszublenden, damit wir sehen können, was wir tun:

Klicken Sie auf das Sichtbarkeitssymbol der obersten Ebene.

Klicken Sie dann auf die unterste Ebene, um sie zu aktivieren:

Auswahl der untersten Ebene.

An Wenn Sie Inhalte hinzufügen, zeichnen wir eine einfache Form. Wählen Sie das elliptische Auswahlrechteck in der Symbolleiste aus, indem Sie mit der rechten Maustaste (Win) / bei gedrückter Ctrl-Taste (Mac) auf das rechteckige Auswahlrechteck klicken und das elliptische Auswahlwerkzeug aus dem Flyout-Menü auswählen:

Auswählen des elliptischen Auswahlwerkzeugs.

Klicken Sie auf eine elliptische Auswahlkontur in der Mitte des Dokuments und ziehen Sie sie heraus:

Zeichnen einer Auswahl mit dem Ellipsentrainer-Auswahlwerkzeug.

Gehen Sie zum Menü Bearbeiten in der Menüleiste und wählen Sie Füllen:

Zum Bearbeiten gehen > Füllen.

Setzen Sie im Dialogfeld Füllen die Option Inhalt auf Schwarz und klicken Sie dann auf OK:

Das Dialogfeld Füllen.

Photoshop füllt die Auswahl mit Schwarz. Um den Auswahlumriss aus der Form zu entfernen, gehen Sie zum Menü Auswählen und wählen Sie Auswahl aufheben:

Gehen Sie zu Auswahl > Deaktivieren.

Und jetzt haben wir anstelle einer vollständig transparenten Ebene einen Bereich mit einigen Inhalten in der Mitte. Beachten Sie jedoch, dass der Bereich, der den Inhalt umgibt, transparent bleibt:

Die unterste Ebene enthält jetzt sowohl Inhalt als auch Transparenz.

Zurück Im Ebenenbedienfeld zeigt das Vorschaubild für die unterste Ebene jetzt die schwarze Form. Hierbei ist zu beachten, dass beim Vergleich der Vorschaubilder für beide Ebenen ein Teil des Bilds auf der obersten Ebene direkt über dem Inhalt (der Form) auf der untersten Ebene angezeigt wird. Ein Teil des Fotos befindet sich über den transparenten Bereichen in der unteren Ebene:

Das Vorschaubild zeigt den Inhalt und die Transparenz in der unteren Ebene.

Erstellen einer weiteren Schnittmaske

Nachdem wir der unteren Ebene einige Inhalte hinzugefügt haben, erstellen wir eine weitere Schnittmaske. Wieder müssen wir zuerst die Ebene auswählen, die auf die darunter liegende Ebene gekürzt werden soll. Klicken Sie also auf die oberste Ebene, um sie auszuwählen.Klicken Sie dann auf das Sichtbarkeitssymbol der obersten Ebene, um das Bild auf der Ebene sichtbar zu machen:

Auswählen und Aktivieren der Ebene, die abgeschnitten werden soll.

Gehen Sie zurück zum Menü „Ebene“ und wählen Sie erneut „Schnittmaske erstellen“:

Gehen Sie erneut zu Ebene > Schnittmaske erstellen.

Im Ebenenbedienfeld wird die oberste Ebene wie beim letzten Mal auf die darunter liegende Ebene gekürzt:

Das Ebenenbedienfeld zeigt wieder die Schnittmaske.

Aber im Dokument sehen wir jetzt ein ganz anderes Ergebnis. Diesmal den Abschnitt des Fotos, der“ s Sitzen direkt über der Form auf der darunter liegenden Schicht bleibt sichtbar! Die einzigen Teile des Fotos, die ausgeblendet sind, sind die Bereiche, die die Form umgeben, da diese Bereiche immer noch über der Transparenz liegen:

Der Inhalt auf der unteren Ebene Hält einen Teil der obersten Ebene sichtbar.

Verschieben von Inhalten innerhalb einer Schnittmaske

Natürlich könnte das Ergebnis besser aussehen, wenn unser Motiv innerhalb der Form zentriert wäre. Mit Schnittmasken ist es einfach, Inhalte darin zu verschieben und neu zu positionieren. Wählen Sie einfach das Verschieben-Werkzeug in der Symbolleiste aus:

Auswählen des Verschieben-Werkzeugs.

Klicken Sie dann auf das Foto und ziehen Sie es in die richtige Position. Während Sie das Bild verschieben, bleibt nur der Bereich sichtbar, der sich über die Form auf der darunter liegenden Ebene bewegt. Und das sind die Grundlagen für die Funktionsweise von Schnittmasken :

Die Schnittmaske nach dem Zentrieren des Fotos innerhalb der Form.

Wann wird eine Schnittmaske verwendet?

Während Ebenenmasken am besten zum Mischen von Ebenen mit nahtlosen Übergängen geeignet sind, eignen sich Schnittmasken in Photoshop perfekt, wenn Ihr Bild in eine klar definierte Form passen muss. Die Form kann eine sein, die Sie mit einem Auswahlwerkzeug gezeichnet haben, wie wir gesehen haben. Eine Schnittmaske kann aber auch verwendet werden, um eine Vektorform mit einem Bild zu füllen oder ein Bild in Text zu platzieren. Als weiteres Beispiel dafür, was wir mit Schnittmasken tun können, schauen wir uns kurz an, wie mit einer Schnittmaske ein Foto in einem Rahmen platziert werden kann.

Platzieren eines Fotos in einem Rahmen mit Schnittmasken

Hier habe ich ein Dokument mit zwei Bildern, jedes auf einer separaten Ebene. Das Foto auf der unteren Ebene enthält den Rahmen:

Das Bild auf der unteren Ebene. Bildnachweis: Adobe Stock.

Und wenn ich die obere Ebene durch Klicken auf das Sichtbarkeitssymbol einschalte:

Aktivieren der obersten Ebene.

Wir sehen das Foto, das ich in den Rahmen einfügen möchte:

Das Bild ist aktiviert die oberste Ebene. Bildnachweis: Adobe Stock.

Ich werde die oberste Ebene für den Moment ausblenden, indem ich erneut auf das Sichtbarkeitssymbol klicke, und dann auf die Hintergrundebene klicken, um sie auszuwählen:

Ausblenden der oberen Ebene und Auswählen der unteren Ebene.

Zeichnen oder Auswählen der Form

I. erwähnt, dass Schnittmasken am besten funktionieren, wenn Ihr Bild in eine Form passen muss. In diesem Fall ist die Form der Bereich innerhalb des Rahmens. Da der Bereich mit festem Schwarz gefüllt ist, wähle ich ihn mit dem Zauberstab-Werkzeug von Photoshop aus:

Auswählen des Zauberstab-Werkzeugs aus der Symbolleiste.

Ich klicke mit dem Zauberstab-Werkzeug innerhalb des Rahmens und jetzt wird der Bereich ausgewählt:

Wählen Sie den Bereich aus, der wird für die Schnittmaske verwendet.

Dann kopiere ich den ausgewählten Bereich in eine neue Ebene, indem ich in der Menüleiste zum Menü Ebene gehe, Neu auswähle und dann Ebene über Kopieren auswähle:

Zur Ebene wechseln > Neue > Ebene per Kopie

Photoshop kopiert meine Auswahl in eine neue Ebene zwischen der Hintergrundebene und dem Foto, das ich im Rahmen platzieren werde. Ich habe jetzt die Form, die ich zum Erstellen meiner Schnittmaske benötige:

Der Bereich innerhalb des Rahmens wird auf einer eigenen Ebene angezeigt.

Eine schnellere Methode zum Erstellen einer Schnittmaske

Zum Erstellen der Ausschnitt Maske, ich werde die oberste Ebene auswählen und die Ebene wieder einschalten, indem ich auf das Sichtbarkeitssymbol klicke:

Auswählen und Einschalten der oberen Ebene Ebene.

Wir haben gesehen, dass wir eine Schnittmaske erstellen können, indem Sie im Menü Ebene die Option Schnittmaske erstellen auswählen. Eine schnellere Möglichkeit besteht jedoch darin, die Alt- (Win) / Wahltaste (Mac) auf Ihrer Tastatur gedrückt zu halten, während Sie den Mauszeiger zwischen den beiden Ebenen bewegen. Ihr Cursor verwandelt sich in ein Schnittmasken-Symbol:

Das Schnittmasken-Symbol wird angezeigt.

Klicken Sie auf die Trennlinie zwischen den beiden Ebenen zum Erstellen der Schnittmaske:

Das Bild wird jetzt auf „Ebene 1“ darunter abgeschnitten.

Mit der erstellten Schnittmaske wird das Foto nur noch im Rahmen angezeigt, da dies der einzige Teil des Bildes ist, der über dem tatsächlichen Inhalt auf der darunter liegenden Ebene liegt. Der Rest des Fotos ist ausgeblendet, da es über der Transparenz liegt:

Das Foto wird jetzt dank der Schnittmaske im Rahmen abgeschnitten.

Ändern der Größe von Inhalten innerhalb einer Schnittmaske

Schließlich haben wir festgestellt, dass wir Inhalte mit dem Verschieben-Werkzeug innerhalb einer Schnittmaske verschieben können. Sie können die Größe von Inhalten in einer Schnittmaske aber genauso einfach mit dem Befehl „Frei transformieren“ von Photoshop ändern. Im Moment ist mein Foto zu groß für den Rahmen, daher kann ich die Größe ändern, indem ich zum Menü „Bearbeiten“ gehe und „Frei“ wähle Transformieren:

Zum Bearbeiten gehen > Kostenlose Transformation.

Photoshop platziert die kostenlose Feld und Ziehpunkte um das Bild transformieren, einschließlich des Bereichs außerhalb des Rahmens, der derzeit von der Schnittmaske ausgeblendet wird:

Die Ziehpunkte für die freie Transformation werden um das Bild herum angezeigt gesamtes Bild, einschließlich der ausgeblendeten Bereiche.

Um die Größe zu ändern, halte ich meine Umschalttaste gedrückt, während ich auf die Eckgriffe klicke und sie nach innen ziehe. Wenn Sie die Umschalttaste gedrückt halten, wird das Seitenverhältnis des Bildes gesperrt, damit es nicht verzerrt wird:

Ändern der Größe des Fotos in der Schnittmaske.

Um dies zu akzeptieren, drücke ich auf meiner Tastatur die Eingabetaste (Win) / Return (Mac), um die freie Transformation zu beenden. Dank der leistungsstarken Schnittmasken passt das Foto nun gut in den Rahmen:

Das endgültige Ergebnis der Schnittmaske.

Und da haben wir es! So funktionieren Schnittmasken in Photoshop und wie Sie eine Schnittmaske verwenden, um verschiedene Teile einer Ebene ein- und auszublenden! Weitere Photoshop-Tutorials finden Sie in unserem Abschnitt Photoshop-Grundlagen!

Write a Comment

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