Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Masken | Erstellen von Visuals
Ui/Ux Mit Figma
course content

Kursinhalt

Ui/Ux Mit Figma

Ui/Ux Mit Figma

1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
3. Erstellen von Visuals
4. Prototyping
5. Arbeit Einreichen

book
Masken

Masken in Figma werden verwendet, um bestimmte Teile von Ebenen oder Objekten sichtbar zu machen, während der Rest verborgen bleibt.

So funktionieren sie:

  • Platzieren Sie ein Objekt (z.B. ein Bild) und die Maskenform (z.B. eine Ellipse) zusammen, wobei die Maskenform hinter dem Objekt liegt;
  • Wählen Sie beide Ebenen aus, klicken Sie mit der rechten Maustaste und wählen Sie Als Maske verwenden, oder verwenden Sie die Abkürzung Strg+Alt+M (Windows) / Befehl+Option+M (Mac). Die Maskenbasis wird unsichtbar und zeigt nur die ausgewählten Teile der darüber liegenden Ebene an;
  • Sie können auch Text maskieren. Platzieren Sie den Text hinter einem Bild und verwenden Sie ihn als Maske, um kreative Texteffekte zu erzeugen. Ebenen in der Maske können unabhängig voneinander in der Größe verändert oder skaliert werden;
  • Die Basisform einer Maske wird unsichtbar, wenn mehrere Objekte zusammen maskiert werden. Um einem maskierten Design einen Hintergrund hinzuzufügen, erstellen Sie eine neue Form und platzieren Sie sie hinter der Maskenbasis;
  • Transparente PNGs können ebenfalls als Masken fungieren, und Formen können mit PNGs maskiert werden, um komplexe Designs zu erstellen.

Masken bieten im Allgemeinen mehr Flexibilität als Bildfüllungen, da sie es Ihnen ermöglichen, mehrere Objekte zu komplexen Designs zu kombinieren. Auch wenn Figma relativ wenige Formen und Werkzeuge hat, bietet es die wesentlichen Elemente, und mit diesen einfachen Elementen können Sie wirklich brillante Designs erstellen.

Was bestimmt die Form der Maske, wenn ein transparentes PNG als Maske verwendet wird?

Was bestimmt die Form der Maske, wenn ein transparentes PNG als Maske verwendet wird?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2
We're sorry to hear that something went wrong. What happened?
some-alt