Zeichnen Sie eine Form, die Sie als Maske verwenden möchten, und platzieren Sie sie auf dem Teil des Bildes, den Sie beibehalten möchten. Wählen Sie das Bild und die Form aus.
Zuletzt aktualisiert am
10. Februar 2023
Wie Sie eine Maske mit Formen erstellen
Mit Masken können Sie Teile von Bildern oder Objekten beschneiden und Ihr Design auf bestimmte Elemente beschränken.
Szenarien, in denen Sie die Maskierung verwenden können, sind beispielsweise das Erstellen eines Profil-Avatars oder das Simulieren einer Darstellung im dunklen Modus, wie unten gezeigt.
Möchten Sie erfahren, wie Sie einen Maskeneffekt erstellen, bearbeiten und entfernen? Führen Sie folgende Schritte aus:
Wählen Sie Objekt > Mit Form maskieren (macOS) oder klicken Sie mit der rechten Maustaste auf den ausgewählten Inhalt und wählen Sie Mit Form maskieren (Windows). Der Teil des Bildes oder der Zeichnung, der sich außerhalb der Form befindet, wird maskiert.
.gif "Masking-with-Shape(1000)")
Um den Inhalt innerhalb der Maskenform zu bearbeiten, doppelklicken Sie auf den maskierten Inhalt. Der maskierte Bereich wird nicht aus dem Projekt gelöscht. Sie können die Maske verschieben, um einen anderen Teil des Bildes hervorzuheben.
Um eine Maske zu deaktivieren oder zu entfernen, wählen Sie das Objekt aus, klicken mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (macOS) und wählen im Kontextmenü die Option Maske aufheben.
Einschränkungen
- Wenn Sie ein Vektorobjekt mit einem anderen maskieren, dient das oberste Objekt im Stapel als Maske.
- Text auf Formen, Komponenten, Gruppen oder Symbolen kann nicht maskiert werden.
- Alphamasken und Masken mit Deckkraft werden von XD nicht unterstützt. Hier finden Sie eine interessante Diskussion in UserVoice, an der Sie sich beteiligen können. Sie können auch Ihre Stimme für diese Funktion abgeben.
Beispiele und Beispieldateien
Wussten Sie schon, dass Sie bei Designs mit Platzhaltergrafiken, etwa ein Kreis anstelle eines Profilbilds, Masken erstellen können, indem Sie Elemente mit der Maus auf die Formen ziehen?
Im Tutorial unten erfahren Sie, wie Sie ein Element in eine Form ziehen oder eine vorhandene Form als Maske verwenden. Sie können auch die Beispieldateien herunterladen, um es selbst einmal auszuprobieren.
Dauer: 1 Minute
Zähleranimationen werden eingesetzt, um Zahlen auf interessante und auffällige Weise anzuzeigen.Möchtest du lernen, wie du Maskieren verwendest, um eine laufende Anzeigetafel zu erstellen?Schau dir dieses Video an und lade die Beispieldateien herunter, um sie selbst auszuprobieren.
Dauer: 1 Minute, 2 Sekunden.
Animierten Zähler mithilfe der Maskierung erstellen
In unserer XD Support-Community finden Sie weitere Tutorials und Beispieldateien.
Tutorials
Verwenden Sie Masken, um ein Bild in einer selbstdefinierten Form zu platzieren und Teile eines Bildes wegzuschneiden, die nicht sichtbar sein sollen. In diesem Tutorial erfahren Sie, wie Sie in XD mit Bildern und Maskierungen arbeiten.
Dauer: 1 Minute
Verwandte Ressourcen
NOCH FRAGEN ODER IDEEN?
Wenn Sie noch Fragen haben oder eigene Ideen weitergeben möchten, beteiligen Sie sich an unserer Adobe XD Community. Wir freuen uns schon auf Ihre Beiträge und Kreationen.
Entwerfen von UX-Prototypen mit Adobe XD
Erstelle interaktive Modelle für Websites und mobile Apps.
