Benutzerhandbuch Abbrechen

Erstellen einer Maske mit Formen

Suchen

Zuletzt aktualisiert am 21. Februar 2023

App öffnen

Adobe XD Benutzerhandbuch
Einführung
Design erstellen
1. Zeichenflächen, Hilfslinien und Ebenen
2. Formen, Objekte und Pfade
3. Text und Schriften
  1. Arbeiten mit Zeichen- und Textwerkzeugen
  2. Schriften in XD
4. Komponenten und Zustände
5. Maskierung und Effekte
6. Layout
7. Videos und Lottie-Animationen
Prototypen erstellen
Freigeben, Exportieren und Review
Design-Systeme
Cloud-Dokumente
Integrationen und Plug-ins
XD für iOS und Android
1. Testen der Prototypen auf iOS/Android
2. Adobe XD unter iOS/Android – Häufige Fragen
Fehlerbehebung
1. Bekannte und behobene Probleme
  1. Bekannte Probleme
  2. Behobene Probleme
2. Installation und Updates
3. Absturz beim Programmstart
4. Cloud-Dokumente sowie Creative Cloud-Bibliotheken.
5. Erstellen und Veröffentlichen von Prototypen und Durchführen von Reviews
6. Importieren, exportieren und Zusammenarbeit mit anderen Applikationen

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.

Profil-Avatar in einer mobilen App

Animierte Masken zur Simulation der Darstellung im dunklen Modus

Möchten Sie erfahren, wie Sie einen Maskeneffekt erstellen, bearbeiten und entfernen? Führen Sie folgende Schritte aus:

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.
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.
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. Im folgenden Video erfahren Sie, wie Sie mithilfe der Maskierung eine Anzeigetafel mit Zähler erstellen. Sie können auch die Beispieldateien herunterladen, um es selbst einmal 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

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.